Update app.py

app.py

@@ -563,30 +563,90 @@ hardcoded_prompt_3 = "Create a high-energy scene of a DJ performing on a large s
 
 
 
+# with gr.Blocks(theme='rawrsor1/Everforest') as demo:
+#     with gr.Row():
+#         chatbot = gr.Chatbot([], elem_id="chatbot", bubble_full_width=False)
+#         with gr.Column():
+#             weather_output = gr.HTML(value=fetch_local_weather())
+
+#         with gr.Column():
+#             gr.Markdown("<h1>Sponsored</h1>", elem_id="image-markdown")
+#             image_output_1 = gr.Image(value=generate_image(hardcoded_prompt_1), width=300, height=300)
+#             image_output_2 = gr.Image(value=generate_image(hardcoded_prompt_2), width=300, height=300)
+#             image_output_3 = gr.Image(value=generate_image(hardcoded_prompt_3), width=300, height=300)
+
+        
+        
+
+#     def setup_ui():
+#         state = gr.State()
+#         with gr.Row():
+#             with gr.Column():
+#               gr.Markdown("<h1>Select Style</h1>", elem_id="prompt-markdown")
+#               choice = gr.Radio(label="Select Style", choices=["Details", "Conversational"], value="Conversational")
+#             with gr.Column():  # Larger scale for the right column
+#                 gr.Markdown("<h1>Ask Radar !!!</h1>", elem_id="query-markdown")
+
+#                 chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="ASK Radar !!!")
+#                 chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
+#                 bot_msg = chat_msg.then(bot, [chatbot, choice], [chatbot, gr.Audio(interactive=False, autoplay=True)])
+#                 bot_msg.then(lambda: gr.Textbox(value="", interactive=True, placeholder="Ask Radar!!!...", show_label=False), None, [chat_input])
+#                 chatbot.like(print_like_dislike, None, None)
+#                 clear_button = gr.Button("Clear")
+#                 clear_button.click(fn=clear_textbox, inputs=None, outputs=chat_input)
+        
+#             with gr.Column():  # Smaller scale for the left column
+#                 gr.Markdown("<h1>Talk to RADAR</h1>", elem_id="voice-markdown")
+
+#                 audio_input = gr.Audio(sources=["microphone"], streaming=True, type='numpy')
+#                 audio_input.stream(transcribe_function, inputs=[state, audio_input], outputs=[state, chat_input], api_name="SAMLOne_real_time")
+
+#         with gr.Row():
+#             with gr.Column():
+#                 gr.Markdown("<h1>Map</h1>", elem_id="location-markdown")
+#                 location_output = gr.HTML()
+#                 bot_msg.then(show_map_if_details, [chatbot, choice], [location_output, location_output])
+        
+        
+#             # with gr.Column():
+#             #     gr.Markdown("<h1>Listen to the audio</h1>", elem_id="audio-markdown")
+#             #     audio_output = gr.Audio()
+#             #     bot_msg_audio = bot_msg.then(lambda history: generate_audio_elevenlabs(history[-1][1]), chatbot, audio_output)
+#         with gr.Row():   
+            
+#             with gr.Column():
+#                 gr.Markdown("<h1>Suggested Events</h1>", elem_id="events-markdown")
+#                 news_output = gr.HTML(value=fetch_local_events())
+                     
+#             with gr.Column():
+#                 news_output = gr.HTML(value=fetch_local_news())
+#     setup_ui()    
+
+# demo.queue()
+# demo.launch(share=True)
+
 with gr.Blocks(theme='rawrsor1/Everforest') as demo:
     with gr.Row():
-        chatbot = gr.Chatbot([], elem_id="chatbot", bubble_full_width=False)
-        with gr.Column():
-            weather_output = gr.HTML(value=fetch_local_weather())
+        with gr.Column(scale=2):
+            chatbot = gr.Chatbot([], elem_id="chatbot", bubble_full_width=False)
 
-        with gr.Column():
-            gr.Markdown("<h1>Sponsored</h1>", elem_id="image-markdown")
+        with gr.Column(scale=1):
+            gr.Markdown("<h1>Weather & Sponsored</h1>", elem_id="weather-sponsored-section")
+            weather_output = gr.HTML(value=fetch_local_weather())
+            gr.Markdown("<h2>Sponsored</h2>", elem_id="image-markdown")
             image_output_1 = gr.Image(value=generate_image(hardcoded_prompt_1), width=300, height=300)
             image_output_2 = gr.Image(value=generate_image(hardcoded_prompt_2), width=300, height=300)
             image_output_3 = gr.Image(value=generate_image(hardcoded_prompt_3), width=300, height=300)
 
-        
-        
-
     def setup_ui():
         state = gr.State()
         with gr.Row():
-            with gr.Column():
+            with gr.Column(scale=1):
               gr.Markdown("<h1>Select Style</h1>", elem_id="prompt-markdown")
               choice = gr.Radio(label="Select Style", choices=["Details", "Conversational"], value="Conversational")
-            with gr.Column():  # Larger scale for the right column
-                gr.Markdown("<h1>Ask Radar !!!</h1>", elem_id="query-markdown")
 
+            with gr.Column(scale=2):  # Larger scale for the right column
+                gr.Markdown("<h1>Ask Radar !!!</h1>", elem_id="query-markdown")
                 chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="ASK Radar !!!")
                 chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
                 bot_msg = chat_msg.then(bot, [chatbot, choice], [chatbot, gr.Audio(interactive=False, autoplay=True)])
@@ -594,92 +654,32 @@ with gr.Blocks(theme='rawrsor1/Everforest') as demo:
                 chatbot.like(print_like_dislike, None, None)
                 clear_button = gr.Button("Clear")
                 clear_button.click(fn=clear_textbox, inputs=None, outputs=chat_input)
-        
-            with gr.Column():  # Smaller scale for the left column
-                gr.Markdown("<h1>Talk to RADAR</h1>", elem_id="voice-markdown")
 
+            with gr.Column(scale=1):
+                gr.Markdown("<h1>Talk to RADAR</h1>", elem_id="voice-markdown")
                 audio_input = gr.Audio(sources=["microphone"], streaming=True, type='numpy')
                 audio_input.stream(transcribe_function, inputs=[state, audio_input], outputs=[state, chat_input], api_name="SAMLOne_real_time")
 
         with gr.Row():
-            with gr.Column():
+            with gr.Column(scale=1):
                 gr.Markdown("<h1>Map</h1>", elem_id="location-markdown")
                 location_output = gr.HTML()
                 bot_msg.then(show_map_if_details, [chatbot, choice], [location_output, location_output])
-        
-        
-            # with gr.Column():
-            #     gr.Markdown("<h1>Listen to the audio</h1>", elem_id="audio-markdown")
-            #     audio_output = gr.Audio()
-            #     bot_msg_audio = bot_msg.then(lambda history: generate_audio_elevenlabs(history[-1][1]), chatbot, audio_output)
-        with gr.Row():   
-            
-            with gr.Column():
+
+        with gr.Row():
+            with gr.Column(scale=1):
                 gr.Markdown("<h1>Suggested Events</h1>", elem_id="events-markdown")
-                news_output = gr.HTML(value=fetch_local_events())
-                     
-            with gr.Column():
+                events_output = gr.HTML(value=fetch_local_events())
+
+            with gr.Column(scale=1):
+                gr.Markdown("<h1>Omaha Today Headlines</h1>", elem_id="news-markdown")
                 news_output = gr.HTML(value=fetch_local_news())
-    setup_ui()    
+
+    setup_ui()
 
 demo.queue()
 demo.launch(share=True)
 
-# with gr.Blocks(theme='rawrsor1/Everforest') as demo:
-#     with gr.Row().style(equal_height=True):
-#         with gr.Column(scale=2):
-#             chatbot = gr.Chatbot([], elem_id="chatbot", bubble_full_width=False)
-
-#         with gr.Column(scale=1):
-#             gr.Markdown("<h1>Weather & Sponsored</h1>", elem_id="weather-sponsored-section")
-#             weather_output = gr.HTML(value=fetch_local_weather())
-#             gr.Markdown("<h2>Sponsored</h2>", elem_id="image-markdown")
-#             image_output_1 = gr.Image(value=generate_image(hardcoded_prompt_1), width=300, height=300)
-#             image_output_2 = gr.Image(value=generate_image(hardcoded_prompt_2), width=300, height=300)
-#             image_output_3 = gr.Image(value=generate_image(hardcoded_prompt_3), width=300, height=300)
-
-#     def setup_ui():
-#         state = gr.State()
-#         with gr.Row().style(equal_height=True):
-#             with gr.Column(scale=1):
-#               gr.Markdown("<h1>Select Style</h1>", elem_id="prompt-markdown")
-#               choice = gr.Radio(label="Select Style", choices=["Details", "Conversational"], value="Conversational")
-
-#             with gr.Column(scale=2):  # Larger scale for the right column
-#                 gr.Markdown("<h1>Ask Radar !!!</h1>", elem_id="query-markdown")
-#                 chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="ASK Radar !!!")
-#                 chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
-#                 bot_msg = chat_msg.then(bot, [chatbot, choice], [chatbot, gr.Audio(interactive=False, autoplay=True)])
-#                 bot_msg.then(lambda: gr.Textbox(value="", interactive=True, placeholder="Ask Radar!!!...", show_label=False), None, [chat_input])
-#                 chatbot.like(print_like_dislike, None, None)
-#                 clear_button = gr.Button("Clear")
-#                 clear_button.click(fn=clear_textbox, inputs=None, outputs=chat_input)
-
-#             with gr.Column(scale=1):
-#                 gr.Markdown("<h1>Talk to RADAR</h1>", elem_id="voice-markdown")
-#                 audio_input = gr.Audio(sources=["microphone"], streaming=True, type='numpy')
-#                 audio_input.stream(transcribe_function, inputs=[state, audio_input], outputs=[state, chat_input], api_name="SAMLOne_real_time")
-
-#         with gr.Row().style(equal_height=True):
-#             with gr.Column(scale=1):
-#                 gr.Markdown("<h1>Map</h1>", elem_id="location-markdown")
-#                 location_output = gr.HTML()
-#                 bot_msg.then(show_map_if_details, [chatbot, choice], [location_output, location_output])
-
-#         with gr.Row().style(equal_height=True):
-#             with gr.Column(scale=1):
-#                 gr.Markdown("<h1>Suggested Events</h1>", elem_id="events-markdown")
-#                 events_output = gr.HTML(value=fetch_local_events())
-
-#             with gr.Column(scale=1):
-#                 gr.Markdown("<h1>Omaha Today Headlines</h1>", elem_id="news-markdown")
-#                 news_output = gr.HTML(value=fetch_local_news())
-
-#     setup_ui()
-
-# demo.queue()
-# demo.launch(share=True)
-