1 files changed, 104 insertions, 0 deletions
diff --git a/web/templates/conditions.html b/web/templates/conditions.html
new file mode 100644
index 0000000..5859a9c
--- /dev/null
+++ b/web/templates/conditions.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Conditions - Live Feeds</title>
+    <link rel="icon" type="image/svg+xml" href="/static/favicon.svg">
+    <link rel="stylesheet" href="/static/css/output.css">
+    <style>
+        body {
+            background: #0a0a0a;
+        }
+        .video-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+            gap: 4px;
+            height: 100vh;
+            padding: 4px;
+        }
+        .video-cell {
+            position: relative;
+            background: #111;
+            overflow: hidden;
+        }
+        .video-cell iframe {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            border: none;
+        }
+        .video-label {
+            position: absolute;
+            bottom: 8px;
+            left: 8px;
+            background: rgba(0,0,0,0.7);
+            color: rgba(255,255,255,0.8);
+            padding: 4px 8px;
+            font-size: 11px;
+            border-radius: 4px;
+            z-index: 10;
+            pointer-events: none;
+        }
+        .back-link {
+            position: fixed;
+            top: 12px;
+            left: 12px;
+            background: rgba(0,0,0,0.7);
+            color: rgba(255,255,255,0.7);
+            padding: 8px 12px;
+            font-size: 12px;
+            border-radius: 6px;
+            z-index: 100;
+            text-decoration: none;
+        }
+        .back-link:hover {
+            background: rgba(0,0,0,0.9);
+            color: white;
+        }
+    </style>
+</head>
+<body>
+    <a href="/" class="back-link">← Dashboard</a>
+
+    <div class="video-grid">
+        <!-- V1cam - Kilauea West Rim -->
+        <div class="video-cell">
+            <iframe
+                src="https://www.youtube.com/embed/WTy3dGhGBOY?autoplay=1&mute=1&controls=0&modestbranding=1&rel=0&loop=1"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                allowfullscreen>
+            </iframe>
+            <span class="video-label">V1cam - Kilauea West</span>
+        </div>
+
+        <!-- V2cam - Kilauea East Rim -->
+        <div class="video-cell">
+            <iframe
+                src="https://www.youtube.com/embed/Gd2Tm5jblbE?autoplay=1&mute=1&controls=0&modestbranding=1&rel=0&loop=1"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                allowfullscreen>
+            </iframe>
+            <span class="video-label">V2cam - Kilauea East</span>
+        </div>
+
+        <!-- Local Weather - Windy Hawaii -->
+        <div class="video-cell">
+            <iframe
+                src="https://embed.windy.com/embed2.html?lat=19.5&lon=-155.5&zoom=8&level=surface&overlay=rain&product=ecmwf&menu=&message=&marker=&calendar=now&pressure=&type=map&location=coordinates&detail=&metricWind=mph&metricTemp=%C2%B0F&radarRange=-1">
+            </iframe>
+            <span class="video-label">Local Weather</span>
+        </div>
+
+        <!-- National Weather - Windy US -->
+        <div class="video-cell">
+            <iframe
+                src="https://embed.windy.com/embed2.html?lat=39&lon=-98&zoom=4&level=surface&overlay=rain&product=ecmwf&menu=&message=&marker=&calendar=now&pressure=&type=map&location=coordinates&detail=&metricWind=mph&metricTemp=%C2%B0F&radarRange=-1">
+            </iframe>
+            <span class="video-label">National Weather</span>
+        </div>
+    </div>
+</body>
+</html>