Upload files to "/"

2025-08-15 09:19:43 -04:00
commit 3f295fec0a
1 changed files with 53 additions and 0 deletions
--- a/weather.html
+++ b/weather.html
@@ -0,0 +1,53 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>NOAA Weather App</title>
+</head>
+<body>
+    <h1>Current Weather</h1>
+    <div id="location">Loading...</div>
+    <div id="weather"></div>
+
+    <script>
+        const fallbackCoords = { lat: 38.8977, lon: -77.0365 }; // Washington, D.C.
+
+        function getWeather(lat, lon) {
+            fetch(`https://api.weather.gov/points/${lat},${lon}`)
+                .then(response => response.json())
+                .then(data => {
+                    const city = data.properties.relativeLocation.properties.city;
+                    const state = data.properties.relativeLocation.properties.state;
+                    const forecastUrl = data.properties.forecast;
+
+                    document.getElementById('location').innerText = `Location: ${city}, ${state}`;
+
+                    // Get forecast
+                    return fetch(forecastUrl);
+                })
+                .then(response => response.json())
+                .then(forecastData => {
+                    const period = forecastData.properties.periods[0];
+                    document.getElementById('weather').innerHTML = `
+                        <strong>${period.name}:</strong> ${period.temperature}°${period.temperatureUnit}, ${period.shortForecast}
+                    `;
+                })
+                .catch(error => {
+                    document.getElementById('location').innerText = 'Failed to load weather.';
+                    console.error('Error fetching NOAA weather:', error);
+                });
+        }
+
+        // Get user location or fallback
+        if (navigator.geolocation) {
+            navigator.geolocation.getCurrentPosition(
+                pos => getWeather(pos.coords.latitude, pos.coords.longitude),
+                () => getWeather(fallbackCoords.lat, fallbackCoords.lon)
+            );
+        } else {
+            getWeather(fallbackCoords.lat, fallbackCoords.lon);
+        }
+    </script>
+</body>
+</html>