Update app.py

app.py

@@ -9,7 +9,7 @@ custom_head_html = """
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 <link rel="stylesheet" type="text/css" href="./public/css/style.min.css">
-<script defer src="https://africa.dlnlp.ai/sahara//public/js/script.js"></script>
+<script defer src="./public/js/script.js"></script>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Rubik:wght@400;600&display=swap" rel="stylesheet">
@@ -25,6 +25,19 @@ new_header_html = """
 """
 
 google_style_css = """
+
+.flat-navy-button {
+    background-color: #117b75 !important; /* Navy Blue */
+    color: #fff !important;
+    font-weight: bold !important;
+    border-radius: 5px !important; /* Slightly rounded corners */
+    border: none !important;
+    box-shadow: none !important;
+}
+.flat-navy-button:hover {
+    background-color: #117b75 !important; /* Lighter navy for hover */
+    color: #e8850e !important;
+}
 div.gradio-container-5-37-0{
 background:#FFFBF5 !important;
 }
@@ -179,6 +192,15 @@ introduction_text = """
 with gr.Blocks(css=google_style_css) as demo:
     # Use elem_classes to apply our custom CSS to this group
     gr.HTML(new_header_html)
+    # === UPDATED BUTTONS START ===
+    with gr.Row():
+        gr.Button("Official Website", link="https://africa.dlnlp.ai/sahara", elem_classes=['flat-navy-button'])
+        gr.Button("ACL 2025 Paper", link="https://arxiv.org/abs/2502.19582", elem_classes=['flat-navy-button'])
+        gr.Button("Tasks", link="https://africa.dlnlp.ai/sahara/tasks", elem_classes=['flat-navy-button'])
+        gr.Button("Submission Instructions", link="https://africa.dlnlp.ai/sahara/instructions", elem_classes=['flat-navy-button'])
+        gr.Button("New Submission", link="https://africa.dlnlp.ai/sahara/submit", elem_classes=['flat-navy-button'])
+        gr.Button("GitHub Repo", link="https://github.com/UBC-NLP/sahara", elem_classes=['flat-navy-button'])
+    # === UPDATED BUTTONS END ===
     # gr.Markdown(introduction_text)
     # with gr.Group(elem_classes="content-card"):
     #     gr.Markdown(introduction_text)
@@ -223,8 +245,8 @@ with gr.Blocks(css=google_style_css) as demo:
                     df = get_lang_table(lang_name)
                     return df_to_html(df)
                 lang_dropdown.change(update_lang_table, lang_dropdown, lang_table_component)
-
-
+    gr.HTML("<center><img src='https://africa.dlnlp.ai/sahara//img/sahara_web_sponsers.jpg' width='25%'> </center>")
+   
 
 if __name__ == "__main__":
-    demo.launch()#share=True)
+    demo.launch(share=True)