Upload app.py

app.py

@@ -85,7 +85,7 @@ Then, as a recommendation system, suggest 3 pieces of entertainment content—su
 
 Ensure your tone is friendly and supportive, and make the recommendations short, engaging, and tailored to the {label.lower()} emotional state.
 
-You can add some lovely emoji to let it become warm.
+You can add some lovely emoji to let it become warm. Please include the website links for your recommondations.
 """
 
 
@@ -136,20 +136,52 @@ def process_audio_and_recommend(file_path):
 #     description="Upload your voice. We'll detect your emotion and ChatGPT will suggest entertainment!"
 # )
 
+# # interface.launch()
+
+# with gr.Blocks(theme=gr.themes.Soft()) as interface:
+#     gr.Markdown("##  Your Personal Emotion Assistant 😇")
+#     gr.Markdown("Whisper me your thoughts, and I’ll wrap them in a better mood 🧸 ")
+
+#     with gr.Row():
+#             audio_input = gr.Audio(label="🎙️ Audio Input", type="filepath", format="wav")
+#             submit_btn = gr.Button("Submit")
+#     with gr.Column():
+#             output_text_1 = gr.Text(label="🪄 I feel that you are...:")
+#             output_text_2 = gr.Text(label="💬 Entertainment You May Like: ")
+
+#     submit_btn.click(fn=process_audio_and_recommend, inputs=audio_input, outputs=[output_text_1, output_text_2])
+
 # interface.launch()
 
 with gr.Blocks(theme=gr.themes.Soft()) as interface:
-    gr.Markdown("##  Your Personal Emotion Assistant 😇")
-    gr.Markdown("Whisper me your thoughts, and I’ll wrap them in a better mood 🧸 ")
-
-    with gr.Row():
+    gr.Markdown(
+        """
+        <div style="text-align: center;">
+            <h2 style="font-size: 2em;"> Your Personal Emotion Assistant 😇</h2>
+            <p style="font-size: 1.1em; color: gray;">
+                Whisper me your thoughts, and I’ll wrap them in a better mood 🧸
+            </p>
+        </div>
+        """,
+        elem_id="header",
+    )
+
+    with gr.Row(equal_height=True):
+        with gr.Column(scale=1):
+            gr.Markdown("#### Upload or record your voice below:")
             audio_input = gr.Audio(label="🎙️ Audio Input", type="filepath", format="wav")
-            submit_btn = gr.Button("Submit")
-    with gr.Column():
-            output_text_1 = gr.Text(label="🪄 I feel that you are...:")
-            output_text_2 = gr.Text(label="💬 Entertainment You May Like: ")
-
-    submit_btn.click(fn=process_audio_and_recommend, inputs=audio_input, outputs=[output_text_1, output_text_2])
+            submit_btn = gr.Button("Submit", scale=1)
+
+        with gr.Column(scale=2):
+            gr.Markdown("#### Emotion & Suggestions")
+            output_text_1 = gr.Text(label="🪄 I feel that you are...:", show_label=True)
+            output_text_2 = gr.Textbox(label="💬 Entertainment You May Like:", lines=10, max_lines=20)
+
+    submit_btn.click(
+        fn=process_audio_and_recommend,
+        inputs=audio_input,
+        outputs=[output_text_1, output_text_2],
+    )
 
 interface.launch()