Update app.py

app.py

@@ -45,20 +45,23 @@ with gr.Blocks(css=css) as demo:
         title=title,
         description=description
     )
-    gr.Markdown("""
-    # Welcome to My Neuroscience Project
-    The author is a third-year undergraduate student at the School of Intelligent Science and Technology, Nanjing University, Suzhou Campus.
-    ## Note
-    <div style="border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 10px; background-color: rgba(255, 255, 255, 0.8); padding: 20px;">
-    Since this project uses Hugging Face's free CPU, the processing speed is very slow. In the worst case, even a video with a dozen frames can take several minutes to process. Therefore, if possible, it is recommended to deploy on a device with a better GPU.
-    Although the YOLOv5 model supports up to 80 classes, my project is primarily focused on autonomous driving. Therefore, objects other than people and cars will be excluded after object detection.
-    </div>
-    <div style="border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 10px; background-color: rgba(255, 255, 255, 0.8); padding: 20px;">
-    **Tips for First-Time Users:**
-    - Ensure that the video includes at least people and cars.
-    - It's recommended that the video is not too long, ideally within 10 seconds.
-    </div>
-    """)
+    gr.HTML("""
+<h1>Welcome to My Neuroscience Project</h1>
+<p>The author is a third-year undergraduate student at the School of Intelligent Science and Technology, Nanjing University, Suzhou Campus.</p>
+<h2>Note</h2>
+<div style="border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 10px; background-color: rgba(255, 255, 255, 0.8); padding: 20px;">
+<p>Since this project uses Hugging Face's free CPU, the processing speed is very slow. In the worst case, even a video with a dozen frames can take several minutes to process. Therefore, if possible, it is recommended to deploy on a device with a better GPU.</p>
+<p>Although the YOLOv5 model supports up to 80 classes, my project is primarily focused on autonomous driving. Therefore, objects other than people and cars will be excluded after object detection.</p>
+</div>
+<div style="border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 10px; background-color: rgba(255, 255, 255, 0.8); padding: 20px;">
+<h3>Tips for First-Time Users:</h3>
+<ul>
+<li>Ensure that the video includes at least people and cars.</li>
+<li>It's recommended that the video is not too long, ideally within 10 seconds.</li>
+</ul>
+</div>
+""")
+
 
     with gr.Row():
         gr.HTML('<div class="video-container">')