Update link styling to enhance visibility

README.md

@@ -18,4 +18,12 @@ short_description: Vote on the latest TTS models!
 
 The codebase for TTS Arena v2.
 
-The TTS Arena is a Gradio app with several components. Please refer to the `app` directory for more information.
+The TTS Arena is a Gradio app with several components. Please refer to the `app` directory for more information.
+
+## Running the app
+
+```bash
+RUNNING_LOCALLY=1 python app.py
+```
+
+You must set the `RUNNING_LOCALLY` environment variable to `1` when running the app locally. This prevents it from syncing with the database.

app/config.py

@@ -41,4 +41,10 @@ CITATION_TEXT = """@misc{tts-arena,
 	year         = 2024,
 	publisher    = {Hugging Face},
 	howpublished = "\\url{https://huggingface.co/spaces/TTS-AGI/TTS-Arena}"
-}"""
+}"""
+
+NEWS = """
+- 2025/01/21: New leaderboard UI released with enhanced UI and improved performance.
+- 2025/01/14: CosyVoice 2.0 was added to the Arena.
+- 2024/11/26: Anonymous Sparkle (Fish Speech v1.5) was added to the Arena.
+"""

app/leaderboard.py

@@ -203,7 +203,7 @@ def get_leaderboard(reveal_prelim = False, hide_battle_votes = False, sort_by_el
 .model-link {
     color: var(--body-text-color) !important;
     text-decoration: none !important;
-    border-bottom: 1px dashed var(--border-color-primary);
+    border-bottom: 2px dashed rgba(128, 128, 128, 0.3);
 }
 
 .model-link:hover {

app/ui.py

@@ -5,8 +5,10 @@ from .ui_vote import *
 from .ui_battle import *
 from .ui_leaderboard import *
 
-
 with gr.Blocks() as about:
+    with gr.Row():
+        with gr.Accordion("News", open=False):
+            gr.Markdown(NEWS)
     gr.Markdown(ABOUT)
 
 CSS = """

start.sh

@@ -0,0 +1 @@
+RUNNING_LOCALLY=1 python app.py