Refactor about.py to center align GitHub, HuggingFace Dataset, and LeaderBoard links

app.py

@@ -138,29 +138,27 @@ def init_leaderboard(dataframes):
     research_textbox.submit(update_data, inputs=[selected_subset, research_textbox, selected_columns], outputs=df)
     selected_columns.change(update_data, inputs=[selected_subset, research_textbox, selected_columns], outputs=df)
 
+
 def init_detailed_results():
     with gr.Row():
-        gr.HTML("""\
+        gr.HTML(
+            """\
 <iframe
   src="https://huggingface.co/datasets/lmms-lab/LiveBenchDetailedResults/embed/viewer/"
   frameborder="0"
   width="100%"
   height="800px"
 ></iframe>
-""")
+"""
+        )
 
 
 HEAD = "".join(
-    [
-        f'<link rel="stylesheet" href="{css}">' for css in CSS_EXTERNAL
-    ]
-    +
-    [
-        f'<script src="{js}" crossorigin="anonymous"></script>' for js in JS_EXTERNAL
-    ]
+    [f'<link rel="stylesheet" href="{css}">' for css in CSS_EXTERNAL]
+    + [f'<script src="{js}" crossorigin="anonymous"></script>' for js in JS_EXTERNAL]
 )
 
-demo = gr.Blocks(css=custom_css, head = HEAD)
+demo = gr.Blocks(css=custom_css, head=HEAD)
 with demo:
     gr.HTML(TITLE)
     gr.HTML(LINKS)

src/about.py

@@ -32,7 +32,8 @@ TITLE = """<h1 align="center" id="space-title">Multimodal LiveBench: From Static
 with open(os.path.join(os.path.dirname(__file__), "about.md"), "r") as f:
     INTRODUCTION_TEXT = f.read()
 
-def get_link(item): #name, icon, url):
+
+def get_link(item):  # name, icon, url):
     name = item["name"]
     icon = item.get("icon", None)
     url = item.get("url", "#")
@@ -46,11 +47,10 @@ def get_link(item): #name, icon, url):
         icon_tag = icon
     return f'{icon_tag} <a href="{url}" target="_blank">{name}</a>'
 
+
 with open(os.path.join(os.path.dirname(__file__), "links.yaml"), "r", encoding="utf-8") as f:
     links = yaml.safe_load(f)
-    LINKS = " | ".join([
-        get_link(item) for item in links
-    ])
+    LINKS = "<center>" + " | ".join([get_link(item) for item in links]) + "</center>"
 
 # Which evaluations are you running? how can people reproduce what you have?
 LLM_BENCHMARKS_TEXT = f"""

src/display/css_html_js.py

@@ -110,9 +110,6 @@ get_window_url_params = """
     }
     """
 
-CSS_EXTERNAL = [
-]
+CSS_EXTERNAL = []
 
-JS_EXTERNAL = [
-    f"https://kit.fontawesome.com/{FONTAWESOME_KIT}.js"
-]
+JS_EXTERNAL = [f"https://kit.fontawesome.com/{FONTAWESOME_KIT}.js"]