Update buttons

app.py

@@ -93,18 +93,39 @@ function refresh() {
         
 with gr.Blocks(css=custom_css, js=js_func, theme=gr.themes.Default(primary_hue=colors.emerald)) as app:
     df, benchmarks, metrics, default_metric = read_data()
-    gr.Markdown("""# TuRTLe 🐢 Model Leaderboard""")
+    # gr.Markdown("""# TuRTLe 🐢 Model Leaderboard""")
     gr.HTML("""
-    <p align="center">
+    <p align="center" style="margin-bottom: -10px;">
         <img src='/gradio_api/file=logo.png' alt='TuRTLe Logo' width='220'/> <br/>
     </p>
     """)
-    gr.Markdown("""
-    Welcome to the TuRTLe Model Leaderboard! Use the filters below to explore different RTL benchmarks and models.<br/>
-    [GitHub Repository](https://github.com/https://github.com/HPAI-BSC) | [arXiv Preprint](https://arxiv.org/) | [How to submit](https://github.com/https://github.com/HPAI-BSC)<br/>
-    If you have any inquiries or wish to collaborate: [email protected]
+    gr.HTML("""
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
+    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/js/all.min.js"></script>
+    <div style="text-align: center; margin-bottom: 15px;">
+        <p style="margin-bottom: 15px;">Welcome to the TuRTLe Model Leaderboard! Use the filters below to explore different RTL benchmarks and models.</p>
+        <a href="https://github.com/HPAI-BSC" target="_blank" style="text-decoration: none; margin-right: 10px;">
+            <button style="background: #333; color: white; padding: 10px 16px; border-radius: 8px; border: none; font-size: 16px; cursor: pointer;">
+                <i class="fab fa-github" style="color: white; margin-right: 5px;"></i>  GitHub Repo 
+            </button>
+        </a>
+
+        <a href="https://arxiv.org/" target="_blank" style="text-decoration: none; margin-right: 10px;">
+            <button style="background: #b31b1b; color: white; padding: 10px 16px; border-radius: 8px; border: none; font-size: 16px; cursor: pointer;">
+                <i class="fas fa-book" style="color: white; margin-right: 5px;"></i> arXiv Preprint
+            </button>
+        </a>
+
+        <a href="https://github.com/HPAI-BSC" style="text-decoration: none;">
+            <button style="background: #00674F; color: white; padding: 10px 16px; border-radius: 8px; border: none; font-size: 16px; cursor: pointer;">
+                <i class="fas fa-bolt" style="color: white; margin-right: 5px;"></i> How to submit
+            </button>
+        </a>
+    <p style="margin-top: 15px;">If you have any inquiries or wish to collaborate: 
+        <a href="mailto:[email protected]">[email protected]</a>
+    </p>
+    </div>
     """)
-    
     with gr.Tabs():
         with gr.Tab("Leaderboard"):
             with gr.Row():
@@ -129,15 +150,6 @@ with gr.Blocks(css=custom_css, js=js_func, theme=gr.themes.Default(primary_hue=c
                 interactive=False,
                 column_widths=["4%", "5%", "28%", "10%", "14%"],)
         
-            with gr.Row():
-                with gr.Accordion("📙 Citation", open=False):
-                    citation_button = gr.Textbox(
-                        value=CITATION_BUTTON_TEXT,
-                        label=CITATION_BUTTON_LABEL,
-                        lines=20,
-                        elem_id="citation-button",
-                        show_copy_button=True,
-                    )
         with gr.Tab("Interactive Bubble Plot"):
             with gr.Row():
                 bubble_benchmark = gr.Radio(choices=benchmarks, label="Select Benchmark", value='VerilogEval S2R')