update app.py to include lab information

app.py

@@ -47,26 +47,77 @@ def file_prediction(file):
 
     return results
 
-gradio_ui = gr.Interface(
-    fn=prediction,
-    title="Setswana News Classification",
-    description=f"Enter Setswana news article to see the category of the news.\n For this classification, the {MODEL_URL} model was used.",
-    inputs=gr.Textbox(lines=10, label="Paste some Setswana news here"),
-    outputs=gr.Label(num_top_classes=5, label="News categories probabilities"),
-    theme="default",
-    article="<p style='text-align: center'>For our other AI works: <a href='https://www.kodiks.com/ai_solutions.html' target='_blank'>https://www.kodiks.com/ai_solutions.html</a> | <a href='https://twitter.com/KodiksBilisim' target='_blank'>Contact us</a></p>",
-)
+with gr.Blocks() as demo:
+    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"):
+            gr.Markdown(f"""
+            Enter Setswana news article to see the category of the news. <br>
+            For this classification, the <a href='{MODEL_URL}' target='_blank'>PuoBERTa-News</a> model was used.
+            """)
+            inp_text = gr.Textbox(lines=10, label="Paste some Setswana news here")
+            output_label = gr.Label(num_top_classes=5, label="News categories probabilities")
+            translate_button = gr.Button("Classify")
+            translate_button.click(prediction, inputs=inp_text, outputs=output_label)
 
-gradio_file_ui = gr.Interface(
-    fn=file_prediction,
-    title="Upload File for Setswana News Classification",
-    description=f"Upload a text or CSV file with Setswana news articles. The first column in the CSV should contain the news text.",
-    inputs=gr.File(label="Upload text or CSV file"),
-    outputs=gr.Dataframe(headers=["News Text", "Category Predictions"], label="Predictions from file"),
-    theme="default" 
-)
+        with gr.Tab("File Upload"):
+            gr.Markdown("""
+            Upload a text or CSV file with Setswana news articles. The first column in the CSV should contain the news text.
+            """)
+            file_input = gr.File(label="Upload text or CSV file")
+            file_output = gr.Dataframe(headers=["News Text", "Category Predictions"], label="Predictions from file")
+            file_button = gr.Button("Classify File")
+            file_button.click(file_prediction, inputs=file_input, outputs=file_output)
 
-gradio_combined_ui = gr.TabbedInterface([gradio_ui, gradio_file_ui], ["Text Input", "File Upload"])
+    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>
+    """)
 
-gradio_combined_ui.launch()
+    with gr.Accordion("More Information", open=False):
+        
+        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()