Merge branch 'main' of hf.co:spaces/yan111222/CapArena_Auto_1

src/about.py

@@ -25,25 +25,36 @@ NUM_FEWSHOT = 0 # Change with your few shot
 
 
 #TODO title
-TITLE = """<h1 align="center" id="space-title">VLM Detailed Caption Leaderborad</h1>"""
+TITLE = """
+    <h1 align="center" id="space-title" style="font-family: 'Arial', sans-serif; color: #4CAF50;">
+        <span style="font-size: 40px; margin-right: 15px;">🌟</span>
+        VLM Detailed Caption Leaderboard
+        <span style="font-size: 40px; margin-left: 15px;">📊</span>
+    </h1>
+    <p style="text-align: center; font-size: 18px; color: #888;">
+        A detailed and interactive leaderboard for Vision-Language Models
+    </p>
+"""
 
 # introduction text
 
 def get_INTRODUCTION_TEXT(model_num: int, LAST_UPDATED: str, paper_link="TODO"):
-    LAST_UPDATED = LAST_UPDATED.split(" ")[0]  # 只保留到“年-月-日”
+    LAST_UPDATED = LAST_UPDATED.split(" ")[0]  # Only keep "year-month-day"
     return f"""
-    <div style="display: flex; flex-wrap: wrap; gap: 10px; align-items: center;">
+    <div style="display: flex; flex-wrap: wrap; gap: 15px; align-items: center; justify-content: center; font-family: 'Arial', sans-serif;">
         <!-- Paper icon with custom link -->
-        <a href="{paper_link}" target="_blank">
-            📑 Paper
+        <a href="{paper_link}" target="_blank" style="text-decoration: none; color: #1E90FF; font-size: 18px; font-weight: bold; display: flex; align-items: center; gap: 5px;">
+            <span style="font-size: 22px;">📑</span>
+            <span>Read the Paper</span>
         </a>
-        <span style="margin: 0 10px;">|</span>
-        <span style="font-weight: bold;">MODELS:</span> {model_num} 
-        <span style="margin: 0 10px;">|</span>
-        <span style="font-weight: bold;">UPDATED:</span> {LAST_UPDATED}
+        <span style="margin: 0 15px; font-size: 20px; color: #555;">|</span>
+        <span style="font-weight: bold; color: #4CAF50;">MODELS:</span> <span style="color: #333;">{model_num}</span>
+        <span style="margin: 0 15px; font-size: 20px; color: #555;">|</span>
+        <span style="font-weight: bold; color: #4CAF50;">UPDATED:</span> <span style="color: #333;">{LAST_UPDATED}</span>
     </div>
     """
 
+
 #TODO 
 INTRODUCE_BENCHMARK = f"""
 <h2 style="color: #2c3e50;"> Introduction #TODO</h2>