5

src/about.py

@@ -26,17 +26,24 @@ NUM_FEWSHOT = 0 # Change with your few shot
 
 #TODO title
 TITLE = """
-    <h1 align="center" id="space-title" style="font-family: 'Arial', sans-serif; color: #4CAF50;">
-        <span style="font-size: 40px; margin-right: 15px;">🌟</span>
+    <h1 align="center" id="space-title" style="font-family: 'Arial', sans-serif; 
+                font-size: 42px; font-weight: bold; 
+                background: linear-gradient(90deg, #7B1FA2, #9C27B0, #BA68C8); 
+                -webkit-background-clip: text; 
+                -webkit-text-fill-color: transparent;
+                display: flex; justify-content: center; align-items: center;">
+        <span style="font-size: 35px; margin-right: 12px;">🌟</span>
         CapArena Leaderboard
-        <span style="font-size: 40px; margin-left: 15px;">📊</span>
+        <span style="font-size: 35px; margin-left: 12px;">📊</span>
     </h1>
-    <div style="display: flex; justify-content: center; align-items: center; text-align: center; 
-                font-size: 24px; font-weight: bold; color: #555; padding: 10px;">
+    
+    <div style="text-align: left; font-size: 22px; font-weight: 500; 
+                color: #444; padding: 10px 20px;">
         A detailed and interactive leaderboard for Vision-Language Models
     </div>
 """
 
+
 # introduction text
 
 def get_INTRODUCTION_TEXT(model_num: int, LAST_UPDATED: str, paper_link="TODO"):