Update app.py

app.py

@@ -218,42 +218,42 @@ def get_temperature_advice(temp, weather_main):
     advice = []
     
     if temp > 35:
-        advice.append("🔥 অত্যন্ত গরম সতর্কতা!")
+        advice.append("🔥 **অত্যন্ত গরম সতর্কতা!**")
         advice.append("• দুপুর ১২টা থেকে বিকেল ৪টা পর্যন্ত ঘরের ভিতরে থাকুন")
         advice.append("• কেনাকাটা: ভোর ৬-৯টা অথবা সন্ধ্যা ৭-১০টায় যান")
         advice.append("• ইফতারের পর প্রতি ১৫-২০ মিনিটে পানি পান করুন")
         advice.append("• ভারী শারীরিক পরিশ্রম এড়িয়ে চলুন - বিশ্রাম নিন!")
         advice.append("• ঘরে থেকে কুরআন তিলাওয়াত ও পরিবারের সাথে সময় কাটান")
     elif temp > 30:
-        advice.append("🌡️ গরম আবহাওয়া")
+        advice.append("🌡️ **গরম আবহাওয়া**")
         advice.append("• সকালের হাঁটা: সকাল ৯টার আগে সবচেয়ে ভালো")
         advice.append("• কেনাকাটা: সন্ধ্যা ৬টার পর আরামদায়ক")
         advice.append("• হাইড্রেশন: সেহরি থেকে ইফতার পর্যন্ত ৮-১০ গ্লাস পানি")
         advice.append("• সন্ধ্যায় হালকা বাইরের কাজকর্ম করা যায়")
         advice.append("• দিনে বাইরে গেলে ছাতা ও সানস্ক্রিন ব্যবহার করুন")
     elif temp > 25:
-        advice.append("☀️ মনোরম উষ্ণ আবহাওয়া")
+        advice.append("☀️ **মনোরম উষ্ণ আবহাওয়া**")
         advice.append("• ইফতারের পর সন্ধ্যার হাঁটার জন্য চমৎকার (৩০-৪৫ মিনিট)")
         advice.append("• কেনাকাটা: যেকোনো সময় আরামদায়ক, বিকেল ৪-৮টা সবচেয়ে ভালো")
         advice.append("• মাঝারি বাইরের কাজকর্ম ঠিক আছে")
         advice.append("• পার্ক/মসজিদে পরিবারের সাথে বেড়ানোর জন্য দারুণ আবহাওয়া")
         advice.append("• নিয়মিত পানি পান ভুলবেন না!")
     elif temp > 20:
-        advice.append("🌤️ আরামদায়ক আবহাওয়া")
+        advice.append("🌤️ **আরামদায়ক আবহাওয়া**")
         advice.append("• সারাদিন বাইরের কাজের জন্য আদর্শ")
         advice.append("• কেনাকাটা, হাঁটা, হালকা ব্যায়ামের জন্য উপযুক্ত")
         advice.append("• আরামদায়ক পোশাক পরিধান করুন")
         advice.append("• কমিউনিটি ইফতার ও সমাবেশের জন্য দারুণ")
         advice.append("• সুন্দর আবহাওয়া উপভোগ করুন - আল্লাহর রহমত!")
     elif temp > 15:
-        advice.append("🍃 শীতল আবহাওয়া")
+        advice.append("🍃 **শীতল আবহাওয়া**")
         advice.append("• সন্ধ্যার নামাজের জন্য হালকা জ্যাকেট পরুন")
         advice.append("• তারাবীহ'র পর হাঁটার জন্য চমৎকার আবহাওয়া")
         advice.append("• আত্মীয়-স্বজন দেখতে যাওয়ার জন্য ভালো")
         advice.append("• শীতল, সতেজ বাতাস উপভোগ করুন!")
         advice.append("• ইফতারে গরম খেজুর ও চা উপযুক্ত")
     else:
-        advice.append("❄️ ঠান্ডা আবহাওয়া")
+        advice.append("❄️ **ঠান্ডা আবহাওয়া**")
         advice.append("• মসজিদে যাওয়ার সময় গরম কাপড় পরুন")
         advice.append("• ঘরের ভিতরের কাজকর্ম করুন")
         advice.append("• সেহরি ও ইফতারে গরম স্যুপ ও পানীয়")
@@ -262,19 +262,19 @@ def get_temperature_advice(temp, weather_main):
     
     # Weather-specific advice
     if weather_main == "rain":
-        advice.append("\n☔ বৃষ্টির দিনের বিশেষ:")
+        advice.append("\n☔ **বৃষ্টির দিনের বিশেষ:**")
         advice.append("• তারাবীহ নামাজের জন্য ছাতা নিন")
         advice.append("• ঘরে থেকে ইবাদত ও জিকিরের জন্য উপযুক্ত")
         advice.append("• প্রচুর দোয়া করুন - বৃষ্টি বরকতময় সময়! 🤲")
         advice.append("• সম্ভব হলে ঘরে থাকুন, পরিবারের সাথে কুরআন পড়ুন")
     elif weather_main == "thunderstorm":
-        advice.append("\n⛈️ ঝড়ের সতর্কতা:")
+        advice.append("\n⛈️ **ঝড়ের সতর্কতা:**")
         advice.append("• একান্ত প্রয়োজন ছাড়া বাইরে যাবেন না")
         advice.append("• পড়ুন: সুবহানাল্লাহি ওয়া বিহামদিহি")
         advice.append("• পরিবারের সাথে নিরাপদে ঘরে থাকুন")
         advice.append("• আল্লাহর আশ্রয় প্রার্থনার জন্য উপযুক্ত সময়")
     elif weather_main == "clouds":
-        advice.append("\n☁️ মেঘলা ও মনোরম:")
+        advice.append("\n☁️ **মেঘলা ও মনোরম:**")
         advice.append("• কড়া রোদ নেই - কেনাকাটার জন্য চমৎকার!")
         advice.append("• বাইরের কাজের জন্য আরামদায়ক")
         advice.append("• আত্মীয়স্বজন দেখতে যাওয়ার জন্য দারুণ দিন")
@@ -583,24 +583,24 @@ def get_ramadan_dashboard(division, district):
     <div class="dashboard-container" style="max-width: 1000px; margin: 0 auto; padding: 25px; background: linear-gradient(135deg, #E8F5E9 0%, #F3E5F5 50%, #FFF9C4 100%); border-radius: 40px;">
         
         <!-- Beautiful Ramadan Header with Advanced Decorations -->
-        <div class="ramzan-header" style="text-align: center; background: linear-gradient(135deg, #1A237E 0%, #4A148C 50%, #880E4F 100%); color: white; padding: 60px 40px; border-radius: 40px; margin-bottom: 35px; position: relative; overflow: hidden;">
+        <div class="ramzan-header" style="text-align: center; background: linear-gradient(135deg, #90EE90 0%, #98FB98 50%, #00FA9A 100%); color: white; padding: 60px 40px; border-radius: 40px; margin-bottom: 35px; position: relative; overflow: hidden;">
             <div style="position: absolute; top: 15px; left: 30px; font-size: 35px;">
-                <span class="star">⭐</span>
-                <span class="star" style="animation-delay: 0.3s;">✨</span>
-                <span class="star" style="animation-delay: 0.6s;">💫</span>
-                <span class="star" style="animation-delay: 0.9s;">🌟</span>
+                <span class="star">🌸</span>
+                <span class="star" style="animation-delay: 0.3s;">🌺</span>
+                <span class="star" style="animation-delay: 0.6s;">🌼</span>
+                <span class="star" style="animation-delay: 0.9s;">🌻</span>
             </div>
             <div style="position: absolute; top: 15px; right: 30px; font-size: 35px;">
-                <span class="star" style="animation-delay: 0.2s;">⭐</span>
-                <span class="star" style="animation-delay: 0.5s;">✨</span>
-                <span class="star" style="animation-delay: 0.8s;">💫</span>
-                <span class="star" style="animation-delay: 1.1s;">🌟</span>
+                <span class="star" style="animation-delay: 0.2s;">🌸</span>
+                <span class="star" style="animation-delay: 0.5s;">🌺</span>
+                <span class="star" style="animation-delay: 0.8s;">🌼</span>
+                <span class="star" style="animation-delay: 1.1s;">🌻</span>
             </div>
             
             <div style="margin-bottom: 25px;">
-                <span class="mosque-decoration">🕌</span>
+                <span class="mosque-decoration">🏛️</span>
                 <span class="crescent" style="font-size: 70px; margin: 0 25px;">🌙</span>
-                <span class="mosque-decoration">🕌</span>
+                <span class="mosque-decoration">🏛️</span>
             </div>
             
             <h1 style="font-size: 58px; margin: 20px 0; text-shadow: 4px 4px 8px rgba(0,0,0,0.4); font-weight: 900; letter-spacing: 2px;">
@@ -611,10 +611,10 @@ def get_ramadan_dashboard(division, district):
             </h2>
             
             <div style="margin: 25px 0;">
-                <span class="baby-decoration">👶🏽</span>
-                <span class="baby-decoration" style="animation-delay: 0.4s;">🧒🏽</span>
-                <span class="baby-decoration" style="animation-delay: 0.8s;">👼</span>
-                <span class="baby-decoration" style="animation-delay: 1.2s;">😇</span>
+                <span class="baby-decoration">🐱</span>
+                <span class="baby-decoration" style="animation-delay: 0.4s;">🐈</span>
+                <span class="baby-decoration" style="animation-delay: 0.8s;">😺</span>
+                <span class="baby-decoration" style="animation-delay: 1.2s;">😸</span>
             </div>
             
             <div style="background: rgba(255,255,255,0.15); padding: 20px; border-radius: 20px; backdrop-filter: blur(10px); margin: 20px auto; max-width: 600px;">
@@ -630,10 +630,10 @@ def get_ramadan_dashboard(division, district):
             </div>
             
             <div style="margin-top: 30px; font-size: 32px;">
-                <span class="star pulse-glow">🌟</span>
-                <span class="star pulse-glow" style="animation-delay: 0.3s;">✨</span>
-                <span class="star pulse-glow" style="animation-delay: 0.6s;">⭐</span>
-                <span class="star pulse-glow" style="animation-delay: 0.9s;">💫</span>
+                <span class="star pulse-glow">🌸</span>
+                <span class="star pulse-glow" style="animation-delay: 0.3s;">🌺</span>
+                <span class="star pulse-glow" style="animation-delay: 0.6s;">🌼</span>
+                <span class="star pulse-glow" style="animation-delay: 0.9s;">🌻</span>
             </div>
         </div>
         
@@ -758,10 +758,10 @@ def get_ramadan_dashboard(division, district):
             <div style="text-align: center; margin-bottom: 35px;">
                 <h2 style="font-size: 44px; margin-bottom: 20px; text-shadow: 3px 3px 6px rgba(0,0,0,0.3); font-weight: 900;">📿 আজকের হাদিস (Today's Hadith)</h2>
                 <div style="font-size: 35px; margin: 20px 0;">
-                    <span class="star pulse-glow">✨</span>
-                    <span class="star pulse-glow" style="animation-delay: 0.3s;">⭐</span>
-                    <span class="star pulse-glow" style="animation-delay: 0.6s;">💫</span>
-                    <span class="star pulse-glow" style="animation-delay: 0.9s;">🌟</span>
+                    <span class="star pulse-glow">🌸</span>
+                    <span class="star pulse-glow" style="animation-delay: 0.3s;">🌺</span>
+                    <span class="star pulse-glow" style="animation-delay: 0.6s;">🌼</span>
+                    <span class="star pulse-glow" style="animation-delay: 0.9s;">🌻</span>
                 </div>
             </div>
             
@@ -782,8 +782,8 @@ def get_ramadan_dashboard(division, district):
                 <div style="font-size: 40px; margin-bottom: 20px;">
                     <span class="baby-decoration">😊</span>
                     <span class="baby-decoration" style="animation-delay: 0.3s;">💖</span>
-                    <span class="baby-decoration" style="animation-delay: 0.6s;">✨</span>
-                    <span class="baby-decoration" style="animation-delay: 0.9s;">🌟</span>
+                    <span class="baby-decoration" style="animation-delay: 0.6s;">🌸</span>
+                    <span class="baby-decoration" style="animation-delay: 0.9s;">🐱</span>
                 </div>
                 <p style="font-size: 22px; line-height: 1.8; font-weight: 600; text-shadow: 1px 1px 2px rgba(0,0,0,0.2);">
                     {daily_hadith['happy_message']}
@@ -798,14 +798,14 @@ def get_ramadan_dashboard(division, district):
         </div>
         
         <!-- Beautiful Footer with Enhanced Islamic Decoration -->
-        <div style="text-align: center; padding: 50px 40px; background: linear-gradient(135deg, #1A237E 0%, #4A148C 50%, #880E4F 100%); color: white; border-radius: 30px; margin-top: 35px; box-shadow: 0 15px 50px rgba(0,0,0,0.3); position: relative; overflow: hidden;">
+        <div style="text-align: center; padding: 50px 40px; background: linear-gradient(135deg, #87CEEB 0%, #00BFFF 50%, #1E90FF 100%); color: white; border-radius: 30px; margin-top: 35px; box-shadow: 0 15px 50px rgba(30,144,255,0.3); position: relative; overflow: hidden;">
             <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml,%3Csvg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M0 0h100v100H0z\" fill=\"none\"/%3E%3Cpath d=\"M50 30l5 15h16l-13 9 5 15-13-9-13 9 5-15-13-9h16z\" fill=\"rgba(255,255,255,0.05)\"/%3E%3C/svg%3E'); opacity: 0.3;"></div>
             
             <div style="position: relative; z-index: 1;">
                 <div style="font-size: 50px; margin-bottom: 25px;">
-                    <span class="mosque-decoration">🕌</span>
+                    <span class="mosque-decoration">🏛️</span>
                     <span class="crescent" style="font-size: 60px; margin: 0 20px;">🌙</span>
-                    <span class="mosque-decoration">🕌</span>
+                    <span class="mosque-decoration">🏛️</span>
                 </div>
                 
                 <h3 style="font-size: 32px; margin: 20px 0; font-weight: 800; text-shadow: 2px 2px 4px rgba(0,0,0,0.4);">
@@ -816,10 +816,10 @@ def get_ramadan_dashboard(division, district):
                 </h3>
                 
                 <div style="margin: 30px 0; font-size: 40px;">
-                    <span class="baby-decoration">👶🏽</span>
-                    <span class="baby-decoration" style="animation-delay: 0.3s;">🧒🏽</span>
-                    <span class="baby-decoration" style="animation-delay: 0.6s;">👼</span>
-                    <span class="baby-decoration" style="animation-delay: 0.9s;">😇</span>
+                    <span class="baby-decoration">🐱</span>
+                    <span class="baby-decoration" style="animation-delay: 0.3s;">🐈</span>
+                    <span class="baby-decoration" style="animation-delay: 0.6s;">😺</span>
+                    <span class="baby-decoration" style="animation-delay: 0.9s;">😸</span>
                 </div>
                 
                 <div style="background: rgba(255,255,255,0.15); padding: 20px; border-radius: 20px; backdrop-filter: blur(10px); margin: 25px auto; max-width: 500px;">
@@ -827,16 +827,16 @@ def get_ramadan_dashboard(division, district):
                         Ramadan Kareem 2025! 🌙
                     </p>
                     <p style="font-size: 28px; opacity: 0.98; margin: 10px 0; font-family: 'Noto Sans Bengali', sans-serif; font-weight: 800;">
-                        রমজান করীম ১৪৪৬! ✨
+                        রমজান করীম ১৪৪৬! 🌸
                     </p>
                 </div>
                 
                 <div style="margin-top: 25px; font-size: 32px;">
-                    <span class="star pulse-glow">🌟</span>
-                    <span class="star pulse-glow" style="animation-delay: 0.2s;">✨</span>
-                    <span class="star pulse-glow" style="animation-delay: 0.4s;">⭐</span>
-                    <span class="star pulse-glow" style="animation-delay: 0.6s;">💫</span>
-                    <span class="star pulse-glow" style="animation-delay: 0.8s;">🌟</span>
+                    <span class="star pulse-glow">🌸</span>
+                    <span class="star pulse-glow" style="animation-delay: 0.2s;">🌺</span>
+                    <span class="star pulse-glow" style="animation-delay: 0.4s;">🌼</span>
+                    <span class="star pulse-glow" style="animation-delay: 0.6s;">🌻</span>
+                    <span class="star pulse-glow" style="animation-delay: 0.8s;">🌸</span>
                 </div>
             </div>
         </div>
@@ -892,14 +892,14 @@ def update_districts(division):
 
 with gr.Blocks(css=custom_css) as demo:
     gr.HTML("""
-        <div style='text-align: center; padding: 35px; background: linear-gradient(135deg, #1A237E 0%, #4A148C 50%, #880E4F 100%); color: white; border-radius: 25px; margin-bottom: 30px; box-shadow: 0 15px 40px rgba(0,0,0,0.2);'>
-            <h1 style='font-size: 48px; margin-bottom: 20px; font-weight: 900; text-shadow: 3px 3px 6px rgba(0,0,0,0.4);'>🕌 রমজান ড্যাশবোর্ড ২০২৫ 🌙</h1>
+        <div style='text-align: center; padding: 35px; background: linear-gradient(135deg, #87CEEB 0%, #00BFFF 50%, #1E90FF 100%); color: white; border-radius: 25px; margin-bottom: 30px; box-shadow: 0 15px 40px rgba(30,144,255,0.3);'>
+            <h1 style='font-size: 48px; margin-bottom: 20px; font-weight: 900; text-shadow: 3px 3px 6px rgba(0,0,0,0.4);'>🏛️ রমজান ড্যাশবোর্ড ২০২৫ 🌙</h1>
             <h2 style='font-size: 42px; margin-bottom: 20px; font-weight: 800;'>Ultimate Ramadan Dashboard 2025</h2>
-            <p style='font-size: 22px; margin: 12px 0; font-weight: 600;'>✨ রিয়েল-টাইম নামাজের সময় • লাইভ আবহাওয়া • দৈনিক হাদিস • স্মার্ট পরামর্শ ✨</p>
+            <p style='font-size: 22px; margin: 12px 0; font-weight: 600;'>🌸 রিয়েল-টাইম নামাজের সময় • লাইভ আবহাওয়া • দৈনিক হাদিস • স্মার্ট পরামর্শ 🌸</p>
             <p style='font-size: 20px; margin: 10px 0; opacity: 0.95;'>Real Prayer Times • Live Weather • Daily Hadith • Smart Advice</p>
             <p style='font-size: 18px; opacity: 0.95; margin-top: 15px;'>🇧🇩 সমস্ত বাংলাদেশ বিভাগ ও জেলা সমর্থিত • All Bangladesh Divisions & Districts Supported</p>
             <div style='margin-top: 20px; font-size: 28px;'>
-                <span>🕌</span> <span>🌙</span> <span>⭐</span> <span>✨</span> <span>👶🏽</span> <span>💫</span>
+                <span>🏛️</span> <span>🌙</span> <span>🐱</span> <span>🌸</span> <span>🐈</span> <span>🌺</span>
             </div>
         </div>
     """)