Apply styling to updates (TODO: Add a toggle to hide old updates)

app.py

@@ -28,7 +28,7 @@ def make_leaderboard_tab(state: Simulator, name: str, html: str=None):
             gr.HTML(html)
         # 1st row filters (select task, benchmark and sim)
         with gr.Row(equal_height=True):
-            with gr.Column(scale=4):
+            with gr.Column(scale=5):
                 task_radio = gr.Radio(choices=C.TASKS, label="Select Task", value=C.DEFAULT_TASK)
             with gr.Column(scale=3):
                 benchmark_radio = gr.Radio(
@@ -36,7 +36,7 @@ def make_leaderboard_tab(state: Simulator, name: str, html: str=None):
                     label="Select Benchmark",
                     value=C.DEFAULT_BENCHMARK,
                 )
-            with gr.Column(scale=2, min_width=180):
+            with gr.Column(scale=2, min_width=160):
                 simulator_radio = gr.Radio(
                     choices=C.SIMULATORS,
                     value=C.SIMULATORS[0],
@@ -244,4 +244,4 @@ app.launch(
         "hpai_logo_grad.png",
         "bsc-logo.png",
     ]
-)
+)

static/html_content.py

@@ -43,6 +43,7 @@ INTRO_HTML = """
         (PPA: Power, Performance, Area). TuRTLe integrates multiple benchmarks to highlight strengths and weaknesses of available LLMs.
         Use the filters below to explore different RTL benchmarks, simulators and models.
     </p>
+    <div class="change-log">
     <p style="margin-top:10px; text-align:start !important;">
 <span style="font-variant:small-caps; font-weight:bold;">UPDATE (NOV 2025):</span> We release a new codebase <a href="https://github.com/HPAI-BSC/TuRTLe" target="_blank">TuRTLe v2</a> with API support and local Docker evaluation. Added <span>Kimi K2 Inst</span>, <span>DeepSeek V3.1 Terminus</span>, and <span>Google's Gemini 2.5 Flash</span>
     </p>
@@ -59,6 +60,7 @@ INTRO_HTML = """
     <p style="margin-top: -6px; text-align: start !important;">
         <span style="font-variant: small-caps; font-weight: bold;">UPDATE (JUNE 2025):</span> We make our framework open-source on GitHub and we add 7 new recent models! For a total of 40 base and instruct models and 5 RTL benchmarks
     </p>
+    </div>
 </div>
 """
 

style/css_html_js.py

@@ -233,6 +233,23 @@ flex-grow: 0;
     border-color:     #bda237
   }
 }
+
+.change-log {
+  opacity: 0.8;
+  padding: 0px 50px 10px 20px;
+  border: 1px solid rgb(146 146 146 / 30%);
+  background-color: rgb(124 124 124 / 5%);
+  border-radius: 0.6em;
+}
+
+@media (prefers-color-scheme: dark) {
+    .change-log {
+      opacity: 0.9;
+      border: 1px solid rgba(255, 255, 255, .3);
+      background-color: rgba(255, 255, 255, 0.05);
+    }
+}
+
 """
 
 get_window_url_params = """