Update app.py

app.py

@@ -69,6 +69,84 @@ def get_current_time_and_date():
 # Example usage
 current_time_and_date = get_current_time_and_date()
 
+# def fetch_local_events():
+#     api_key = os.environ['SERP_API']
+#     url = f'https://serpapi.com/search.json?engine=google_events&q=Events+in+Omaha&hl=en&gl=us&api_key={api_key}'
+
+#     response = requests.get(url)
+#     if response.status_code == 200:
+#         events_results = response.json().get("events_results", [])
+#         events_html = """
+#         <h2 style="font-family: 'Georgia', serif; color: #4CAF50; background-color: #f8f8f8; padding: 10px; border-radius: 10px;">Local Events</h2>
+#         <style>
+#             .event-item {
+#                 font-family: 'Verdana', sans-serif;
+#                 color: #333;
+#                 background-color: #f0f8ff;
+#                 margin-bottom: 15px;
+#                 padding: 10px;
+#                 border: 1px solid #ddd;
+#                 border-radius: 5px;
+#                 border: 2px solid red;  /* Added red border */
+#                 transition: box-shadow 0.3s ease, background-color 0.3s ease;
+#                 font-weight: bold;
+#             }
+#             .event-item:hover {
+#                 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+#                 background-color: #e6f7ff;
+#             }
+#             .event-item a {
+#                 color: #1E90FF;
+#                 text-decoration: none;
+#                 font-weight: bold;
+#             }
+#             .event-item a:hover {
+#                 text-decoration: underline;
+#             }
+#             .event-preview {
+#                 position: absolute;
+#                 display: none;
+#                 border: 1px solid #ccc;
+#                 border-radius: 5px;
+#                 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+#                 background-color: white;
+#                 z-index: 1000;
+#                 max-width: 300px;
+#                 padding: 10px;
+#                 font-family: 'Verdana', sans-serif;
+#                 color: #333;
+#             }
+#         </style>
+#         <script>
+#             function showPreview(event, previewContent) {
+#                 var previewBox = document.getElementById('event-preview');
+#                 previewBox.innerHTML = previewContent;
+#                 previewBox.style.left = event.pageX + 'px';
+#                 previewBox.style.top = event.pageY + 'px';
+#                 previewBox.style.display = 'block';
+#             }
+#             function hidePreview() {
+#                 var previewBox = document.getElementById('event-preview');
+#                 previewBox.style.display = 'none';
+#             }
+#         </script>
+#         <div id="event-preview" class="event-preview"></div>
+#         """
+#         for index, event in enumerate(events_results):
+#             title = event.get("title", "No title")
+#             date = event.get("date", "No date")
+#             location = event.get("address", "No location")
+#             link = event.get("link", "#")
+#             events_html += f"""
+#             <div class="event-item" onmouseover="showPreview(event, 'Date: {date}<br>Location: {location}')" onmouseout="hidePreview()">
+#                 <a href='{link}' target='_blank'>{index + 1}. {title}</a>
+#                 <p>Date: {date}<br>Location: {location}</p>
+#             </div>
+#             """
+#         return events_html
+#     else:
+#         return "<p>Failed to fetch local events</p>"
+
 def fetch_local_events():
     api_key = os.environ['SERP_API']
     url = f'https://serpapi.com/search.json?engine=google_events&q=Events+in+Omaha&hl=en&gl=us&api_key={api_key}'
@@ -77,7 +155,7 @@ def fetch_local_events():
     if response.status_code == 200:
         events_results = response.json().get("events_results", [])
         events_html = """
-        <h2 style="font-family: 'Georgia', serif; color: #4CAF50; background-color: #f8f8f8; padding: 10px; border-radius: 10px;">Local Events</h2>
+        <h2 style="font-family: 'Georgia', serif; color: #ff0000; background-color: #f8f8f8; padding: 10px; border-radius: 10px;">Local Events</h2>
         <style>
             .event-item {
                 font-family: 'Verdana', sans-serif;
@@ -85,9 +163,7 @@ def fetch_local_events():
                 background-color: #f0f8ff;
                 margin-bottom: 15px;
                 padding: 10px;
-                border: 1px solid #ddd;
                 border-radius: 5px;
-                border: 2px solid red;  /* Added red border */
                 transition: box-shadow 0.3s ease, background-color 0.3s ease;
                 font-weight: bold;
             }
@@ -148,6 +224,74 @@ def fetch_local_events():
         return "<p>Failed to fetch local events</p>"
 
 
+# def fetch_local_weather():
+#     try:
+#         api_key = os.environ['WEATHER_API']
+#         url = f'https://weather.visualcrossing.com/VisualCrossingWebServices/rest/services/timeline/omaha?unitGroup=metric&include=events%2Calerts%2Chours%2Cdays%2Ccurrent&key={api_key}'
+#         response = requests.get(url)
+#         response.raise_for_status()
+#         jsonData = response.json()
+        
+#         current_conditions = jsonData.get("currentConditions", {})
+#         temp_celsius = current_conditions.get("temp", "N/A")
+        
+#         if temp_celsius != "N/A":
+#             temp_fahrenheit = int((temp_celsius * 9/5) + 32)
+#         else:
+#             temp_fahrenheit = "N/A"
+            
+#         condition = current_conditions.get("conditions", "N/A")
+#         humidity = current_conditions.get("humidity", "N/A")
+
+#         weather_html = f"""
+#         <div class="weather-theme">
+#             <h2 style="font-family: 'Georgia', serif; color: #4CAF50; background-color: #f8f8f8; padding: 10px; border-radius: 10px;">Local Weather</h2>
+#             <div class="weather-content">
+#                 <div class="weather-icon">
+#                     <img src="https://www.weatherbit.io/static/img/icons/{get_weather_icon(condition)}.png" alt="{condition}" style="width: 100px; height: 100px;">
+#                 </div>
+#                 <div class="weather-details">
+#                     <p style="font-family: 'Verdana', sans-serif; color: #333; font-size: 1.2em;">Temperature: {temp_fahrenheit}°F</p>
+#                     <p style="font-family: 'Verdana', sans-serif; color: #333; font-size: 1.2em;">Condition: {condition}</p>
+#                     <p style="font-family: 'Verdana', sans-serif; color: #333; font-size: 1.2em;">Humidity: {humidity}%</p>
+#                 </div>
+#             </div>
+#         </div>
+#         <style>
+#             .weather-theme {{
+#                 animation: backgroundAnimation 10s infinite alternate;
+#                 border: 2px solid red;  /* Added red border */
+#                 border-radius: 10px;
+#                 padding: 10px;
+#                 margin-bottom: 15px;
+#                 background: linear-gradient(45deg, #ffcc33, #ff6666, #ffcc33, #ff6666);
+#                 background-size: 400% 400%;
+#                 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+#                 transition: box-shadow 0.3s ease, background-color 0.3s ease;
+#             }}
+#             .weather-theme:hover {{
+#                 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
+#                 background-position: 100% 100%;
+#             }}
+#             @keyframes backgroundAnimation {{
+#                 0% {{ background-position: 0% 50%; }}
+#                 100% {{ background-position: 100% 50%; }}
+#             }}
+#             .weather-content {{
+#                 display: flex;
+#                 align-items: center;
+#             }}
+#             .weather-icon {{
+#                 flex: 1;
+#             }}
+#             .weather-details {{
+#                 flex: 3;
+#             }}
+#         </style>
+#         """
+#         return weather_html
+#     except requests.exceptions.RequestException as e:
+#         return f"<p>Failed to fetch local weather: {e}</p>"
 def fetch_local_weather():
     try:
         api_key = os.environ['WEATHER_API']
@@ -169,7 +313,7 @@ def fetch_local_weather():
 
         weather_html = f"""
         <div class="weather-theme">
-            <h2 style="font-family: 'Georgia', serif; color: #4CAF50; background-color: #f8f8f8; padding: 10px; border-radius: 10px;">Local Weather</h2>
+            <h2 style="font-family: 'Georgia', serif; color: #ff0000; background-color: #f8f8f8; padding: 10px; border-radius: 10px;">Local Weather</h2>
             <div class="weather-content">
                 <div class="weather-icon">
                     <img src="https://www.weatherbit.io/static/img/icons/{get_weather_icon(condition)}.png" alt="{condition}" style="width: 100px; height: 100px;">
@@ -184,7 +328,6 @@ def fetch_local_weather():
         <style>
             .weather-theme {{
                 animation: backgroundAnimation 10s infinite alternate;
-                border: 2px solid red;  /* Added red border */
                 border-radius: 10px;
                 padding: 10px;
                 margin-bottom: 15px;
@@ -378,6 +521,81 @@ def generate_map(location_names):
     map_html = m._repr_html_()
     return map_html
 
+# def fetch_local_news():
+#     api_key = os.environ['SERP_API']
+#     url = f'https://serpapi.com/search.json?engine=google_news&q=omaha headline&api_key={api_key}'
+#     response = requests.get(url)
+#     if response.status_code == 200:
+#         results = response.json().get("news_results", [])
+#         news_html = """
+#         <h2 style="font-family: 'Georgia', serif; color: #4CAF50; background-color: #f8f8f8; padding: 10px; border-radius: 10px;">Omaha Today </h2>
+#         <style>
+#             .news-item {
+#                 font-family: 'Verdana', sans-serif;
+#                 color: #333;
+#                 background-color: #f0f8ff;
+#                 margin-bottom: 15px;
+#                 padding: 10px;
+#                 border: 2px solid red;  /* Added red border */
+#                 border-radius: 5px;
+#                 transition: box-shadow 0.3s ease, background-color 0.3s ease;
+#                 font-weight: bold;
+#             }
+#             .news-item:hover {
+#                 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+#                 background-color: #e6f7ff;
+#             }
+#             .news-item a {
+#                 color: #1E90FF;
+#                 text-decoration: none;
+#                 font-weight: bold;
+#             }
+#             .news-item a:hover {
+#                 text-decoration: underline;
+#             }
+#             .news-preview {
+#                 position: absolute;
+#                 display: none;
+#                 border: 1px solid #ccc;
+#                 border-radius: 5px;
+#                 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+#                 background-color: white;
+#                 z-index: 1000;
+#                 max-width: 300px;
+#                 padding: 10px;
+#                 font-family: 'Verdana', sans-serif;
+#                 color: #333;
+#             }
+#         </style>
+#         <script>
+#             function showPreview(event, previewContent) {
+#                 var previewBox = document.getElementById('news-preview');
+#                 previewBox.innerHTML = previewContent;
+#                 previewBox.style.left = event.pageX + 'px';
+#                 previewBox.style.top = event.pageY + 'px';
+#                 previewBox.style.display = 'block';
+#             }
+#             function hidePreview() {
+#                 var previewBox = document.getElementById('news-preview');
+#                 previewBox.style.display = 'none';
+#             }
+#         </script>
+#         <div id="news-preview" class="news-preview"></div>
+#         """
+#         for index, result in enumerate(results[:7]):
+#             title = result.get("title", "No title")
+#             link = result.get("link", "#")
+#             snippet = result.get("snippet", "")
+#             news_html += f"""
+#             <div class="news-item" onmouseover="showPreview(event, '{snippet}')" onmouseout="hidePreview()">
+#                 <a href='{link}' target='_blank'>{index + 1}. {title}</a>
+#                 <p>{snippet}</p>
+#             </div>
+#             """
+#         return news_html
+#     else:
+#         return "<p>Failed to fetch local news</p>"
+
 def fetch_local_news():
     api_key = os.environ['SERP_API']
     url = f'https://serpapi.com/search.json?engine=google_news&q=omaha headline&api_key={api_key}'
@@ -385,7 +603,7 @@ def fetch_local_news():
     if response.status_code == 200:
         results = response.json().get("news_results", [])
         news_html = """
-        <h2 style="font-family: 'Georgia', serif; color: #4CAF50; background-color: #f8f8f8; padding: 10px; border-radius: 10px;">Omaha Today Headlines</h2>
+        <h2 style="font-family: 'Georgia', serif; color: #ff0000; background-color: #f8f8f8; padding: 10px; border-radius: 10px;">Omaha Today</h2>
         <style>
             .news-item {
                 font-family: 'Verdana', sans-serif;
@@ -393,7 +611,6 @@ def fetch_local_news():
                 background-color: #f0f8ff;
                 margin-bottom: 15px;
                 padding: 10px;
-                border: 2px solid red;  /* Added red border */
                 border-radius: 5px;
                 transition: box-shadow 0.3s ease, background-color 0.3s ease;
                 font-weight: bold;
@@ -575,7 +792,7 @@ with gr.Blocks(theme='Pijush2023/scikit-learn-pijush') as demo:
             chatbot = gr.Chatbot([], elem_id="RADAR:Channel 94.1", bubble_full_width=False)
             choice = gr.Radio(label="Select Style", choices=["Details", "Conversational"], value="Conversational")
             
-            gr.Markdown("<h1 style='color: red;'>Ask Radar !!!</h1>", elem_id="query-markdown")
+            gr.Markdown("<h1 style='color: red;'>Talk to RADAR</h1>", elem_id="voice-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)])
@@ -584,7 +801,7 @@ with gr.Blocks(theme='Pijush2023/scikit-learn-pijush') as demo:
             clear_button = gr.Button("Clear")
             clear_button.click(fn=clear_textbox, inputs=None, outputs=chat_input)
            
-            gr.Markdown("<h1 style='color: red;'>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")