Update app.py

app.py

@@ -9,7 +9,7 @@ os.environ["TOKENIZERS_PARALLELISM"] = "false"
 filename = "output_topic_details.txt"  # Path to the file storing destress-specific details
 retrieval_model_name = 'output/sentence-transformer-finetuned/'
 
-openai.api_key = os.environ["OPENAI_API_KEY"]
+#openai.api_key = os.environ["OPENAI_API_KEY"]
 
 system_message = "You are a comfort chatbot specialized in providing information on therapy, destressing activites, and student opportunities."
 # Initial system message to set the behavior of the assistant
@@ -90,7 +90,7 @@ def generate_response(user_query, relevant_segment):
         output_text = response['choices'][0]['message']['content'].strip()
         
         # Append assistant's message to messages list for context
-        messages.append({"role": "assistant", "content": user_message})
+        messages.append({"role": "assistant", "content": output_text})
         
         return output_text
         
@@ -116,31 +116,17 @@ iframe = '''
 '''
 
 iframe2 = '''
-<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/6wwxTePuIKYMqt6RCytB7X?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
+<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/6wwxTePuIKYMqt6RCytB7X?utm_source=generator" width="100%" height="300" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
 '''
 
 
 # Define the welcome message and specific topics the chatbot can provide information about
 welcome_message = """
 # 🪷 Welcome to CalmConnect! 🪷
-
 ## Your AI-driven assistant for destressing and extracurricular opportunity queries. Created by Olivia W, Alice T, and Cindy W of the 2024 Kode With Klossy CITY Camp. 
 """
 
 topics = """
-
-### Feel Free to ask CalmBot (Our Therapist Bot) anything from the topics below!
-- Arts and Crafts (When asking for arts and crafts ideas, state whether you have 15 min, 30 min, 45 min, 1 hour, 1 hour and a half, 2 hours, 2 hours and a half, 3 hours or greater)
-- Destressing strategies (Breathing Exercises, stretches, etc.)
-- Mental Health
-- Identity (Sexual, Gender, etc.)
-- Bullying
-- Racism
-- Relationships (Family, Friends, etc.)
-- Abuse (Emotional, Physical, Sexual, Mental, etc.)
-- Support Resources
-
-
 ### If you are interested in the following below, click on our Student Opportunities Database!
 - Engineering
 - Technology / Computer Science
@@ -157,6 +143,20 @@ topics = """
 - Volunteering 
 - Study Abroad
 """
+
+topics2= """
+### Feel Free to ask CalmBot (Our Therapist Bot) anything from the topics below!
+- Arts and Crafts (When asking for arts and crafts ideas, state whether you have 15 min, 30 min, 45 min, 1 hour, 1 hour and a half, 2 hours, 2 hours and a half, 3 hours or greater)
+- Destressing strategies (Breathing Exercises, stretches, etc.)
+- Mental Health
+- Identity (Sexual, Gender, etc.)
+- Bullying
+- Racism
+- Relationships (Family, Friends, etc.)
+- Abuse (Emotional, Physical, Sexual, Mental, etc.)
+- Support Resources
+"""
+
 # Create a Gradio HTML component
 def display_iframe():
     return iframe
@@ -182,20 +182,34 @@ theme = gr.themes.Monochrome(
     
 # Setup the Gradio Blocks interface with custom layout components
 with gr.Blocks(theme=theme) as demo:
+    gr.Image("CalmConnect.jpg", show_label = False, show_share_button = False, show_download_button = False)
     gr.Markdown(welcome_message)  # Display the formatted welcome message
     with gr.Row():
-        with gr.Row():
+        with gr.Column():
             gr.Markdown(topics)  # Show the topics on the left side
-        gr.HTML(display_iframe())  # Embed the iframe on the left side
-        gr.HTML(display_iframe2())
-        with gr.Row():
-            with gr.Column():
-                question = gr.Textbox(label="Your Request", placeholder="What would you like to talk about?")
-                answer = gr.Textbox(label="CalmBot's Response", placeholder="CalmBot will respond here...", interactive=False, lines=17)
-                submit_button = gr.Button("Submit")
-                submit_button.click(fn=query_model, inputs=question, outputs=answer)
-    demo.launch()
+            gr.HTML(display_iframe())  # Embed the iframe on the left side
+            gr.HTML(display_iframe2())  # Embed the iframe on the right side
+        with gr.Column():
+            gr.Markdown(topics2)  # Show the topics on the left side
+            with gr.Row():
+                with gr.Column():
+                    question = gr.Textbox(label="You", placeholder="What do you want to talk to CalmBot about?")
+                    answer = gr.Textbox(label="CalmBot's Response :D", placeholder="CalmBot will respond here..", interactive=False, lines=20)
+                    submit_button = gr.Button("Submit")
+                    submit_button.click(fn=query_model, inputs=question, outputs=answer)
+    with gr.Row():
+        big_block = gr.HTML("<button><a href='https://www.headspace.com/teens'>FREE: HEADSPACE FOR TEENS </a></button>")
+        big_block2 = gr.HTML("<button><a href='https://calmconnect-flower.replit.app/'>PLAY FLOWER GAME</a></button>")
+        big_block3 = gr.HTML("<button><a href='https://www.nyc.gov/site/doh/health/health-topics/teenspace.page'>NYC: TEENSPACE (free services)</a></button>")
+        big_block4 =gr.HTML("<button><a href='https://www.teenlife.com/blog/mental-health-resources-for-teens/'>TEEN MENTAL HEALTH RESOURCES (free services)</a></button>")
+        
+
+
+demo.launch()
+
+
+
 
 
 # Launch the Gradio app to allow user interaction
-demo.launch(share=True)
+demo.launch(share=True)