Update app.py

app.py

@@ -25,30 +25,25 @@ def fn(pipeline_type, filename):
 demo = gr.Blocks()
 
 with demo:
+
     gr.HTML(
         """
-            <div style="text-align: center; max-width: 700px; margin: 0 auto;">
-              <div
-                style="
-                  display: inline-flex;
-                  align-items: center;
-                  gap: 0.8rem;
-                  font-size: 1.75rem;
-                "
-              >
-                <h1 style="font-weight: 900; font-size: 3rem; margin: 0rem">
-                    Auto-AVSR: Audio-Visual Speech Recognition with Automatic Labels
-                </h1>
-                <h3 style="font-weight: 450; font-size: 1rem; margin: 0rem"> 
-                [<a href="https://arxiv.org/abs/2303.14307" style="color:blue;">arXiv</a>] 
-                [<a href="https://github.com/mpc001/auto_avsr" style="color:blue;">Code</a>]
-                </h3>
-              </div>
-              <p style="margin-bottom: 10px; font-size: 94%">
-              </p>
-            </div>
-        """
-    )
+        <div style="text-align: center; max-width: 1200px; margin: 20px auto;">
+        <h1 style="font-weight: 900; font-size: 3rem; margin: 0rem">
+            Auto-AVSR
+        </h1>        
+        <h3 style="font-weight: 450; font-size: 1rem; margin: 0rem"> 
+        [<a href="https://arxiv.org/abs/2303.14307" style="color:blue;">arXiv</a>] 
+        [<a href="https://github.com/mpc001/auto_avsr" style="color:blue;">Code</a>]
+        </h3> 
+        <h2 style="text-align: left; font-weight: 450; font-size: 1rem; margin-top: 0.5rem; margin-bottom: 0.5rem">
+        🔥 <b>Notes</b>: We share this demo only for non-commercial purposes.
+        </h2>
+        
+        </div>
+        """)
+
+    
     dropdown_list = gr.inputs.Dropdown(["ASR", "VSR(mediapipe)", "AVSR(mediapipe)"], label="model")
     video_file = gr.Video(label="INPUT VIDEO", include_audio=True)
     text = gr.Textbox(label="PREDICTION")
@@ -56,14 +51,4 @@ with demo:
 
     btn.click(fn, inputs=[dropdown_list, video_file], outputs=text)
 
-    with gr.Accordion("Additional information", open=False):
-        gr.HTML(
-            """
-            <div class="acknowledgments">
-                <p> We used retinaface for training, but for the demo we used mediapipe </p>
-                <p> We share this demo only for non-commercial purposes. </p>
-            </div>
-            """
-        )
-
 demo.launch()