Update app.py

app.py

@@ -320,20 +320,6 @@ def fetch_local_events():
         return "<p>Failed to fetch local events</p>"
 
 
-    
-    # response = requests.get(url)
-    # if response.status_code == 200:
-    #     events_results = response.json().get("events_results", [])
-    #     events_text = "<h2>Local Events </h2>"
-    #     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_text += f"<p>{index + 1}. {title}<br>  Date: {date}<br>   Location: {location}<br> <a href='{link}' target='_blank'>Link :</a> <br>"
-    #     return events_text
-    # else:
-    #     return "Failed to fetch local events"
 
 # Function to fetch local weather
 def fetch_local_weather():
@@ -417,16 +403,6 @@ def get_weather_icon(condition):
     return condition_map.get(condition, "c01d")
 
 
-        
-    #     weather_html = f"<h2>Local Weather</h2>"
-    #     weather_html += f"<p>Temperature: {temp}°C</p>"
-    #     weather_html += f"<p>Condition: {condition}</p>"
-    #     weather_html += f"<p>Humidity: {humidity}%</p>"
-        
-    #     return weather_html
-    # except requests.exceptions.RequestException as e:
-    #     return f"<p>Failed to fetch local weather: {e}</p>"
-
 # Voice Control
 import numpy as np
 import torch
@@ -516,6 +492,141 @@ def generate_audio_elevenlabs(text):
 
 # Gradio Blocks interface
 with gr.Blocks(theme='rawrsor1/Everforest') as demo:
+    gr.HTML('''
+        <style>
+            body {
+                margin: 0;
+                padding: 0;
+                overflow: hidden;
+                height: 100%;
+                width: 100%;
+                background: #141E30;  /* fallback for old browsers */
+                background: -webkit-linear-gradient(to right, #243B55, #141E30);  /* Chrome 10-25, Safari 5.1-6 */
+                background: linear-gradient(to right, #243B55, #141E30); 
+            }
+
+            #background-wrap {
+                position: fixed;
+                z-index: -1;
+                top: 0;
+                left: 0;
+                bottom: 0;
+                right: 0;
+                overflow: hidden;
+            }
+
+            .x1 {
+                -webkit-animation: floatUp 10s infinite;
+                animation: floatUp 10s infinite;
+                -webkit-transform: translate3d(0, 0, 0);
+                transform: translate3d(0, 0, 0);
+            }
+
+            .x2 {
+                -webkit-animation: floatUp 15s infinite;
+                animation: floatUp 15s infinite;
+                -webkit-transform: translate3d(0, 0, 0);
+                transform: translate3d(0, 0, 0);
+            }
+
+            .x3 {
+                -webkit-animation: floatUp 20s infinite;
+                animation: floatUp 20s infinite;
+                -webkit-transform: translate3d(0, 0, 0);
+                transform: translate3d(0, 0, 0);
+            }
+
+            .x4 {
+                -webkit-animation: floatUp 25s infinite;
+                animation: floatUp 25s infinite;
+                -webkit-transform: translate3d(0, 0, 0);
+                transform: translate3d(0, 0, 0);
+            }
+
+            .x5 {
+                -webkit-animation: floatUp 30s infinite;
+                animation: floatUp 30s infinite;
+                -webkit-transform: translate3d(0, 0, 0);
+                transform: translate3d(0, 0, 0);
+            }
+
+            @-webkit-keyframes floatUp {
+                0% {
+                    -webkit-transform: translateY(100%);
+                    transform: translateY(100%);
+                }
+
+                100% {
+                    -webkit-transform: translateY(-100%);
+                    transform: translateY(-100%);
+                }
+            }
+
+            @keyframes floatUp {
+                0% {
+                    -webkit-transform: translateY(100%);
+                    transform: translateY(100%);
+                }
+
+                100% {
+                    -webkit-transform: translateY(-100%);
+                    transform: translateY(-100%);
+                }
+            }
+
+            .bubble {
+                position: absolute;
+                bottom: -100px;
+                -webkit-border-radius: 50%;
+                border-radius: 50%;
+                background: rgba(255, 255, 255, 0.15);
+                -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
+                box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
+            }
+
+            .bubble.x1 {
+                left: 10%;
+                width: 40px;
+                height: 40px;
+                background: rgba(255, 255, 255, 0.1);
+            }
+
+            .bubble.x2 {
+                left: 20%;
+                width: 80px;
+                height: 80px;
+                background: rgba(255, 255, 255, 0.2);
+            }
+
+            .bubble.x3 {
+                left: 25%;
+                width: 60px;
+                height: 60px;
+                background: rgba(255, 255, 255, 0.15);
+            }
+
+            .bubble.x4 {
+                left: 40%;
+                width: 50px;
+                height: 50px;
+                background: rgba(255, 255, 255, 0.3);
+            }
+
+            .bubble.x5 {
+                left: 50%;
+                width: 90px;
+                height: 90px;
+                background: rgba(255, 255, 255, 0.1);
+            }
+        </style>
+        <div id="background-wrap">
+            <div class="bubble x1"></div>
+            <div class="bubble x2"></div>
+            <div class="bubble x3"></div>
+            <div class="bubble x4"></div>
+            <div class="bubble x5"></div>
+        </div>
+    ''')
     with gr.Row():
         with gr.Column():
             gr.HTML('''
@@ -530,7 +641,9 @@ with gr.Blocks(theme='rawrsor1/Everforest') as demo:
                 </style>
             ''')
             chatbot = gr.Chatbot([], elem_id="chatbot", bubble_full_width=False)
-        
+    
+
+            
         with gr.Column():
             weather_output = gr.HTML(value=fetch_local_weather())