Update src/about.py

src/about.py

@@ -39,20 +39,22 @@ TITLE = """
 # 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>