CReate a Chatbot

app.py

@@ -81,25 +81,27 @@ def respond(message, history):
 
 
 #EMMA'S PRACTICE EDITS#
-url = "https://youtu.be/dQw4w9WgXcQ?si=VJRQOMzp5fdlxhfe" 
-about_text = f""" 
-## About this bot  
-    Welcome to Mind Matters, an online resource that reminds 
-    *you that your mind matters*
-    
-    Disclaimer; Mind Matters should not be used as an 
-    alternative to seeking professional help. I am simply a 
-    support tool.
-    Click [Free Resources]({url}) to access Free Mental Resources.
+url = "https://youtu.be/dQw4w9WgXcQ?si=VJRQOMzp5fdlxhfe"
+
+about_text = f"""
+<h2>About this bot</h2>
+<p>Welcome to Mind Matters, an online resource that reminds
+<em>you that your mind matters</em></p>
+
+<p>Disclaimer: Mind Matters should not be used as an
+alternative to seeking professional help. I am simply a
+support tool.</p>
+
+<p>Click <a href="{url}" target="_blank">Free Resources</a> to access Free Mental Health Resources.</p>
 """
 
 with gr.Blocks() as demo:
-    with gr.Row():
-        with gr.Column(scale=1):
-            gr.Markdown(about_text)
+    with gr.Row():
+        with gr.Column(scale=1):
+            gr.HTML(about_text)
 
-        with gr.Column(scale=2):
-            gr.ChatInterface(fn=respond, title = "Mind Matters", description = "Always here to help", editable = True)
+        with gr.Column(scale=2):
+            gr.ChatInterface(fn=respond, title = "Mind Matters", description = "Always here to help", editable = True)
 
 demo.launch(theme=gr.themes.Soft())