feat: add real-time weather animations (rain, snow, fog, storm, clouds)

2026-03-04 01:59:18 +08:00
parent fd24d369aa
commit 50f6e1dfe3
4 changed files with 370 additions and 0 deletions
@@ -63,6 +63,11 @@
        </div>

        <div id="panelContent" class="panel-body">
+            <!-- ── Weather Animation Overlay ── -->
+            <div class="weather-anim-container" id="weatherAnimContainer">
+                <canvas id="weatherCanvas"></canvas>
+            </div>
+
            <!-- ── Temperature Hero ── -->
            <section class="hero-section">
                <div class="hero-weather" id="heroWeather"></div>
@@ -148,6 +153,7 @@
    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
    <!-- Chart.js -->
    <script src="https://cdn.jsdelivr.net/npm/chart.js@4/dist/chart.umd.min.js"></script>
+    <script src="/static/weather-anim.js"></script>
    <script src="/static/app.js"></script>
 </body>