update formatting

app.py

@@ -48,16 +48,17 @@ def file_prediction(file):
     return results
 
 with gr.Blocks() as demo:
-    gr.Markdown("""
-    <div style='text-align: center;'>
-        <img src='file/logo_transparent_small.png' alt='Logo' width='150'/>
-    </div>
-    """)
-    
-    gr.Markdown("""
-    <h1 style='text-align: center;'>Setswana News Classification</h1>
-    <p style='text-align: center;'>This space provides a classification service for news in Setswana.</p>
-    """)
+    with gr.Row():
+        with gr.Column(scale=1):  
+            pass
+        with gr.Column(scale=4, min_width=1000): 
+            gr.Image("logo_transparent_small.png", elem_id="logo", show_label=False, width=500)
+            gr.Markdown("""
+            <h1 style='text-align: center;'>Setswana News Classification</h1>
+            <p style='text-align: center;'>This space provides a classification service for news in Setswana.</p>
+            """)
+        with gr.Column(scale=1):  
+            pass
     
     with gr.Tabs():
         with gr.Tab("Text Input"):
@@ -79,39 +80,43 @@ with gr.Blocks() as demo:
             file_button = gr.Button("Classify File")
             file_button.click(file_prediction, inputs=file_input, outputs=file_output)
 
-    gr.Markdown("""
-    <div style='text-align: center;'>
-        <a href='https://github.com/dsfsi/PuoBERTa-News' target='_blank'>GitHub</a> |
-        <a href='https://docs.google.com/forms/d/e/1FAIpQLSf7S36dyAUPx2egmXbFpnTBuzoRulhL5Elu-N1eoMhaO7v10w/viewform' target='_blank'>Feedback Form</a>
-    </div>
-    """)
-    
-    gr.Markdown("""
-    <div style='text-align: center;'>
-        Authors: Vukosi Marivate and Moseli Mots'Oehli and Valencia Wagner and Richard Lastrucci and Isheanesu Dzingirai
-    </div>
-    """)
-
-    gr.Markdown("""
-    <pre style="text-align: left; white-space: pre-wrap;">
-    @inproceedings{marivate2023puoberta,
-      title   = {PuoBERTa: Training and evaluation of a curated language model for Setswana},
-      author  = {Vukosi Marivate and Moseli Mots'Oehli and Valencia Wagner and Richard Lastrucci and Isheanesu Dzingirai},
-      year    = {2023},
-      booktitle= {Artificial Intelligence Research. SACAIR 2023. Communications in Computer and Information Science},
-      url= {https://link.springer.com/chapter/10.1007/978-3-031-49002-6_17},
-      keywords = {NLP},
-      preprint_url = {https://arxiv.org/abs/2310.09141},
-      dataset_url = {https://github.com/dsfsi/PuoBERTa},
-      software_url = {https://huggingface.co/dsfsi/PuoBERTa}
-    }
-    </pre>
-    """)
-
-    gr.Markdown("""
-    <div style='text-align: center;'>
-        DOI: <a href="https://doi.org/10.1007/978-3-031-49002-6_17" target="_blank">10.1007/978-3-031-49002-6_17</a>
-    </div>
-    """)
+    with gr.Accordion("More Information", open=False):
+        gr.Markdown("""
+        <div style='text-align: center;'>
+            <a href='https://github.com/dsfsi/PuoBERTa-News' target='_blank'>GitHub</a> |
+            <a href='https://docs.google.com/forms/d/e/1FAIpQLSf7S36dyAUPx2egmXbFpnTBuzoRulhL5Elu-N1eoMhaO7v10w/viewform' target='_blank'>Feedback Form</a>
+        </div>
+        """)
+        
+        gr.Markdown("""
+        <h4 style="text-align: center;">Authors</h4>
+        <div style='text-align: center;'>
+            Vukosi Marivate, Moseli Mots'Oehli, Valencia Wagner, Richard Lastrucci, Isheanesu Dzingirai
+        </div>
+        """)
+        
+        gr.Markdown("""
+        <h4 style="text-align: center;">Citation</h4>
+        <pre style="text-align: left; white-space: pre-wrap;">
+        @inproceedings{marivate2023puoberta,
+          title   = {PuoBERTa: Training and evaluation of a curated language model for Setswana},
+          author  = {Vukosi Marivate and Moseli Mots'Oehli and Valencia Wagner and Richard Lastrucci and Isheanesu Dzingirai},
+          year    = {2023},
+          booktitle= {Artificial Intelligence Research. SACAIR 2023. Communications in Computer and Information Science},
+          url= {https://link.springer.com/chapter/10.1007/978-3-031-49002-6_17},
+          keywords = {NLP},
+          preprint_url = {https://arxiv.org/abs/2310.09141},
+          dataset_url = {https://github.com/dsfsi/PuoBERTa},
+          software_url = {https://huggingface.co/dsfsi/PuoBERTa}
+        }
+        </pre>
+        """)
+        
+        gr.Markdown("""
+        <h4 style="text-align: center;">DOI</h4>
+        <div style='text-align: center;'>
+            DOI: <a href="https://doi.org/10.1007/978-3-031-49002-6_17" target="_blank">10.1007/978-3-031-49002-6_17</a>
+        </div>
+        """)
 
 demo.launch()