Update title links & styling

app.py

@@ -1,4 +1,3 @@
-from typing import Optional, List
 import gradio as gr
 import pandas as pd
 import matplotlib.pyplot as plt
@@ -17,6 +16,15 @@ radar_plotter = RadarPlotter(data_loader)
 
 DEFAULT_METRIC = "Average ⭐"
 
+TITLE_RESOURCE_LINKS = """
+<div class="project-links-bar">
+  <a class="pl-link pl-project" href="https://iworld-bench.com/" target="_blank" rel="noopener noreferrer"><i class="fa-solid fa-globe" aria-hidden="true"></i><em>Project Page</em></a>
+  <a class="pl-link pl-dataset" href="https://huggingface.co/datasets/EmbodiedCity/iWorld-Bench-Dataset" target="_blank" rel="noopener noreferrer"><i class="fa-solid fa-database" aria-hidden="true"></i><em>Dataset</em></a>
+  <a class="pl-link pl-code" href="https://github.com/EmbodiedCity/iWorld-Bench" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-github" aria-hidden="true"></i><em>Code</em></a>
+  <a class="pl-link pl-leaderboard" href="https://huggingface.co/spaces/EmbodiedCity/iWorld-Bench" target="_blank" rel="noopener noreferrer"><i class="fa-solid fa-trophy" aria-hidden="true"></i><em>Leaderboard</em></a>
+</div>
+"""
+
 
 def reload_data():
     msg = data_loader.reload_data()
@@ -102,11 +110,10 @@ with gr.Blocks(css=academic_css) as demo:
         """
 # <span class="emoji">🌍</span> iWorld-Bench Leaderboard
 <span class="subtitle">A Benchmark for Interactive World Models with a Unified Action Generation Framework</span>
-
-**[📄 Paper](https://arxiv.org/abs/xxx) | [💻 Code](https://github.com/xxx/iworld-bench) | [🌐 Website](https://xxx.github.io/iworld-bench)**
         """,
-        elem_id="title"
+        elem_id="title",
     )
+    gr.HTML(TITLE_RESOURCE_LINKS)
 
     # Hidden status box
     status_box = gr.Markdown(visible=False)

src/styling.py

@@ -3,6 +3,7 @@ import pandas as pd
 def get_academic_css() -> str:
     return """
     @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+    @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');
 
     :root {
         /* Light mode (default) */
@@ -84,6 +85,48 @@ def get_academic_css() -> str:
         font-size: 1.5em;
     }
 
+    /* Title row links (aligned with LaTeX: magenta / teal / black / orange–yellow + FA icons) */
+    .project-links-bar {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        align-items: center;
+        gap: clamp(1rem, 3vw, 2.65rem);
+        margin: 0.85rem auto 0.25rem;
+        font-size: 1rem;
+        line-height: 1.45;
+        max-width: 100%;
+    }
+
+    .project-links-bar .pl-link {
+        text-decoration: none;
+        white-space: nowrap;
+    }
+
+    .project-links-bar .pl-link:hover {
+        text-decoration: underline;
+        text-underline-offset: 0.2em;
+    }
+
+    .project-links-bar .pl-link em {
+        font-style: italic;
+        font-weight: 500;
+    }
+
+    .project-links-bar .pl-link i.fa-solid {
+        margin-right: 0.28em;
+    }
+
+    .pl-project { color: #c026d3; }
+    .pl-dataset { color: #0d9488; }
+    .pl-code { color: #111827; }
+    .pl-leaderboard { color: #eab308; }
+
+    @media (prefers-color-scheme: dark) {
+        .pl-code { color: #e5e7eb; }
+        .pl-leaderboard { color: #fcd34d; }
+    }
+
     /* Leaderboard table styling */
     .leaderboard-table {
         width: 100%;