changed layout

app.py

@@ -9,10 +9,12 @@ DESCRIPTION_FILE = "about/description.md"
 def load_leaderboard():
     return pd.read_csv(LEADERBOARD_FILE)
 
-with open(DESCRIPTION_FILE, "r") as f:
-    md_text = f.read()
-
-html_description = markdown.markdown(md_text, extensions=["tables"])
+def load_description(DESCRIPTION_FILE):
+    # Read the markdown file and convert it to HTML
+    with open(DESCRIPTION_FILE, "r") as f:
+        md_text = f.read()
+        html_description = markdown.markdown(md_text, extensions=["tables"])
+    return html_description
 columns_fixed = ["Model Name", "Average Label", "Average Record"]
 
 df = load_leaderboard()
@@ -51,7 +53,7 @@ def filter_leaderboard(selected_params, selected_shots, selected_data):
     return filtered[cols_to_show]
 
 with gr.Blocks() as demo:
-    gr.Markdown("<h1 style='text-align: center;'>🏆 Medical Classification Leaderboard - Beta</h1>")
+    gr.HTML("<h1 style='text-align: center;'>🏆 Medical Classification Leaderboard - Beta</h1>")
     gr.Image("./about/linguist.png", elem_id="linguist-image", show_label=False)
 
     # Add CSS to restrict the size of the image
@@ -64,7 +66,7 @@ with gr.Blocks() as demo:
     }
     """
 
-    gr.HTML(html_description)
+    gr.HTML(load_description(DESCRIPTION_FILE))
 
 
     with gr.Row():