Update app.py

app.py

@@ -54,17 +54,23 @@ def update_table(df: pd.DataFrame, query: str, param_ranges: dict) -> pd.DataFra
     return filtered_df[UGI_COLS]  # Return only the columns defined in UGI_COLS
 
 # Define the Gradio interface
-GraInterface = gr.Blocks()
+demo = gr.Blocks()
 
-with GraInterface:
-    gr.Markdown("## UGI Leaderboard", elem_classes="text-lg text-center", elem_id="title")
+with demo:
+    gr.HTML("""<h1 align="center">UGI Leaderboard</h1>""")
     gr.Markdown("""
-    UGI: Uncensored General Intelligence. The average of 5 different subjects that LLMs are commonly steered away from. The leaderboard is made from roughly 60 questions overall, measuring both "willingness to answer" and "accuracy" in fact-based controversial questions.\n
-    Willingness: A more narrow, 10-point score, solely measuring the LLM's willingness to answer controversial questions.\n
-    Unruly: Knowledge of activities that are generally frowned upon.\n
-    Internet: Knowledge of various internet information, from professional to deviant.\n
-    CrimeStats: Knowledge of crime statistics which are uncomfortable to talk about.\n
-    Stories/Jokes: Ability to write offensive stories and jokes.\n
+    UGI: Uncensored General Intelligence. The average of 5 different subjects that LLMs are commonly steered away from. The leaderboard is made from roughly 60 questions overall, measuring both "willingness to answer" and "accuracy" in fact-based controversial questions.
+    
+    Willingness: A more narrow, 10-point score, solely measuring the LLM's willingness to answer controversial questions.
+    
+    Unruly: Knowledge of activities that are generally frowned upon.
+    
+    Internet: Knowledge of various internet information, from professional to deviant.
+    
+    CrimeStats: Knowledge of crime statistics which are uncomfortable to talk about.
+   
+    Stories/Jokes: Ability to write offensive stories and jokes.
+    
     PolContro: Knowledge of politically/socially controversial information.
     """)
     with gr.Column():
@@ -112,13 +118,6 @@ with GraInterface:
         inputs=inputs,
         outputs=outputs
     )
-    
-# Add custom CSS styles
-GraInterface.css = """
-#title {
-    text-align: center;
-}
-"""
 
 # Launch the Gradio app
-GraInterface.launch()
+demo.launch()