Update app.py

app.py

@@ -5,6 +5,7 @@ from transformers import AutoTokenizer, AutoModelForSequenceClassification, Auto
 import gradio as gr
 import re
 
+
 # Check if GPU is available and use it if possible
 device = torch.device('cuda' if torch.cuda.is_available() else 'cpu')
 
@@ -226,37 +227,18 @@ h2 {
 
 .header {
     display: flex;
-    justify-content: space-between;
+    justify-content: center;
     align-items: center;
     padding: 10px;
     flex-wrap: wrap;
 }
 
-.header-title-left, .header-title-right, .header-title-center {
-    flex: 1 1 30%;
-    text-align: center;
-}
-
-.header-title-left a, .header-title-center a, .header-title-right a {
-    color: inherit;
-    text-decoration: none;
-    font-size: 1em;
-    display: block;
-}
-
 .header-title-center a {
+    font-size: 4em;  /* Increased font size */
     font-weight: bold;  /* Made text bold */
     color: darkorange;  /* Darker orange color */
-}
-
-.header-title-left a {
-    color: green;  /* Changed color to green */
-    font-weight: bold;  /* Made text bold */
-}
-
-.header-title-right a {
-    color: green;  /* Changed color to green */
-    font-weight: bold;  /* Made text bold */
+    text-align: center;
+    display: block;
 }
 
 .gr-button {
@@ -276,7 +258,7 @@ h2 {
 .footer {
     text-align: center;
     margin-top: 10px;
-    font-size: 0.9em;
+    font-size: 0.9em;  /* Updated font size */
     color: #666;
     width: 100%;
 }
@@ -294,9 +276,7 @@ h2 {
 
 with gr.Blocks(css=css) as demo:
     with gr.Row(elem_id="header"):
-        gr.Markdown("<div class='header-title-left'><a href='https://eventdata.utdallas.edu/'>UTD Event Data</a></div>", elem_id="header-title-left")
         gr.Markdown("<div class='header-title-center'><a href='https://eventdata.utdallas.edu/conflibert/'>ConfliBERT</a></div>", elem_id="header-title-center")
-        gr.Markdown("<div class='header-title-right'><a href='https://www.utdallas.edu/'>University of Texas at Dallas</a></div>", elem_id="header-title-right")
     
     gr.Markdown("Select a task and provide the necessary inputs.")
     
@@ -324,6 +304,7 @@ with gr.Blocks(css=css) as demo:
     submit_button = gr.Button("Submit", elem_id="gr-button")
     submit_button.click(fn=chatbot_interface, inputs=[task, text_input, context_input, question_input], outputs=output)
     
+    gr.Markdown("<div class='footer'><a href='https://eventdata.utdallas.edu/'>UTD Event Data</a> | <a href='https://www.utdallas.edu/'>University of Texas at Dallas</a></div>")
     gr.Markdown("<div class='footer'>Developed By: <a href='https://www.linkedin.com/in/sultan-alsarra-phd-56977a63/' target='_blank'>Sultan Alsarra</a></div>")
 
 demo.launch(share=True)