Update app.py

app.py

@@ -181,24 +181,49 @@ def bot(history, cross_encoder):
 
 
 #with gr.Blocks(theme='Insuz/SimpleIndigo') as demo:
-with gr.Blocks(theme='dawood/dracula_test') as demo:
+with gr.Blocks(theme='NoCrypt/miku') as demo:
+     with gr.Row().style(equal_height=True):
+        with gr.Column(scale=10):
+            # gr.Markdown(
+            #     """
+            #     # Theme preview: `paris`
+            #     To use this theme, set `theme='earneleh/paris'` in `gr.Blocks()` or `gr.Interface()`.
+            #     You can append an `@` and a semantic version expression, e.g. @>=1.0.0,<2.0.0 to pin to a given version
+            #     of this theme.
+            #     """
+            # )
+            gr.HTML(value="""<div style="color: #FF4500;"><h1>CHEERFULL CBSE-</h1> <h1><span style="color: #008000">AI Assisted Fun Learning</span></h1>
+            </div>""", elem_id='heading')
+        
+            gr.HTML(value=f"""
+            <p style="font-family: sans-serif; font-size: 16px;">
+              A free Artificial Intelligence  Chatbot assistant trained on CBSE Class 10 Science Notes to engage and help students and teachers of Puducherry.
+            </p>
+            """, elem_id='Sub-heading')
+            #usage_count = get_and_increment_value_count(db,collection_name, field_name)
+            gr.HTML(value=f"""<p style="font-family: Arial, sans-serif; font-size: 14px;">Developed by K M Ramyasri , PGT . Suggestions may be sent to <a href="mailto:mramesh.irs@gov.in" style="color: #00008B; font-style: italic;">mramesh.irs@gov.in</a>.</p>""", elem_id='Sub-heading1 ')
+
+        with gr.Column(scale=3):
+            gr.Image(value='logo.png',height=300,width=200)
+
     
-    gr.HTML(value="""<div style="color: #FF4500;">CHEERFULL CBSE- <h1><span style="color: #008000">AI Assisted Fun Learning</span></h1>
-    <img src='logo.png' alt="Chatbot" width="50" height="50" />
-    </div>""", elem_id='heading')
-    gr.HTML(value=f"""
-    <p style="font-family: sans-serif; font-size: 16px;">
-      A free Artificial Intelligence  Chatbot assistant trained on CBSE Class 10 Science Notes to engage and help students and teachers of Puducherry.
-    </p>
-    """, elem_id='Sub-heading')
-    #usage_count = get_and_increment_value_count(db,collection_name, field_name)
-    gr.HTML(value=f"""<p style="font-family: Arial, sans-serif; font-size: 16px;">Developed by K M Ramyasri , PGT . Suggestions may be sent to <a href="mailto:mramesh.irs@gov.in" style="color: #00008B; font-style: italic;">mramesh.irs@gov.in</a>.</p>""", elem_id='Sub-heading1 ')
-#     count_html = gr.HTML(value=f"""
-#     <div style="display: flex; justify-content: flex-end;">
-#         <span style="font-weight: bold; color: maroon; font-size: 18px;">No of Usages:</span>
-#         <span style="font-weight: bold; color: maroon; font-size: 18px;">{usage_count}</span>
-#     </div>
-# """)
+#     gr.HTML(value="""<div style="color: #FF4500;"><h1>CHEERFULL CBSE-</h1> <h1><span style="color: #008000">AI Assisted Fun Learning</span></h1>
+#     <img src='logo.png' alt="Chatbot" width="50" height="50" />
+#     </div>""", elem_id='heading')
+
+#     gr.HTML(value=f"""
+#     <p style="font-family: sans-serif; font-size: 16px;">
+#       A free Artificial Intelligence  Chatbot assistant trained on CBSE Class 10 Science Notes to engage and help students and teachers of Puducherry.
+#     </p>
+#     """, elem_id='Sub-heading')
+#     #usage_count = get_and_increment_value_count(db,collection_name, field_name)
+#     gr.HTML(value=f"""<p style="font-family: Arial, sans-serif; font-size: 16px;">Developed by K M Ramyasri , PGT . Suggestions may be sent to <a href="mailto:mramesh.irs@gov.in" style="color: #00008B; font-style: italic;">mramesh.irs@gov.in</a>.</p>""", elem_id='Sub-heading1 ')
+# #     count_html = gr.HTML(value=f"""
+# #     <div style="display: flex; justify-content: flex-end;">
+# #         <span style="font-weight: bold; color: maroon; font-size: 18px;">No of Usages:</span>
+# #         <span style="font-weight: bold; color: maroon; font-size: 18px;">{usage_count}</span>
+# #     </div>
+# # """)
    
     chatbot = gr.Chatbot(
             [],