Compare commits
2 Commits
26eca38f0a
...
22c6c01007
| Author | SHA1 | Date | |
|---|---|---|---|
| 22c6c01007 | |||
| 032656f945 |
281
app.py
281
app.py
@@ -1,133 +1,70 @@
|
||||
from flask import Flask, render_template_string, jsonify
|
||||
from datetime import date, datetime
|
||||
from flask import Flask, render_template_string, jsonify, request
|
||||
from datetime import datetime, date
|
||||
import requests
|
||||
import pytz
|
||||
from timezonefinder import TimezoneFinder
|
||||
|
||||
app = Flask(__name__)
|
||||
|
||||
# ---- CONFIG ----
|
||||
LOCATION_NAME = "South Bend, IN (46617)"
|
||||
LAT = 41.6764
|
||||
LON = -86.2520
|
||||
|
||||
MAX_SNOW_INCHES = 24
|
||||
|
||||
OPEN_METEO_URL = "https://api.open-meteo.com/v1/forecast"
|
||||
|
||||
|
||||
def get_today_snowfall():
|
||||
params = {
|
||||
"latitude": LAT,
|
||||
"longitude": LON,
|
||||
"hourly": "snowfall",
|
||||
"timezone": "America/Indiana/Indianapolis"
|
||||
}
|
||||
|
||||
try:
|
||||
r = requests.get(OPEN_METEO_URL, params=params, timeout=5)
|
||||
r.raise_for_status()
|
||||
data = r.json()
|
||||
|
||||
today = date.today().isoformat()
|
||||
snowfall_cm = 0.0
|
||||
snowing_now = False
|
||||
|
||||
for t, s in zip(data["hourly"]["time"], data["hourly"]["snowfall"]):
|
||||
if t.startswith(today):
|
||||
snowfall_cm += s
|
||||
if s > 0:
|
||||
snowing_now = True
|
||||
|
||||
inches = round(snowfall_cm / 2.54, 1)
|
||||
return inches, snowing_now
|
||||
|
||||
except Exception:
|
||||
return 0.0, False
|
||||
|
||||
tf = TimezoneFinder()
|
||||
|
||||
HTML = """
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Are We Buried?</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<style>
|
||||
html, body {
|
||||
margin: 0; padding: 0; height: 100%;
|
||||
background: #0b1320; color: #fff;
|
||||
font-family: system-ui, sans-serif;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.snowfall { position: fixed; inset: 0; pointer-events: none; z-index: 1; }
|
||||
|
||||
.flake {
|
||||
position: absolute; top: -10px;
|
||||
width: 6px; height: 6px;
|
||||
background: rgba(255,255,255,0.9);
|
||||
border-radius: 50%;
|
||||
animation: fall linear infinite;
|
||||
}
|
||||
|
||||
@keyframes fall { to { transform: translateY(110vh); } }
|
||||
|
||||
.snow-wrapper {
|
||||
position: fixed; bottom: 0; left: 0;
|
||||
width: 100%; height: 0%;
|
||||
transition: height 2s ease-out;
|
||||
z-index: 2; overflow: hidden;
|
||||
}
|
||||
|
||||
svg { position: absolute; top: -80px; width: 100%; height: 160px; }
|
||||
|
||||
.snow-body {
|
||||
position: absolute; bottom: 0; width: 100%; height: 100%;
|
||||
background:
|
||||
radial-gradient(circle at 20% 20%, #fff 0 2px, transparent 3px),
|
||||
radial-gradient(circle at 60% 40%, #f2f8ff 0 2px, transparent 3px),
|
||||
radial-gradient(circle at 80% 30%, #fff 0 2px, transparent 3px),
|
||||
linear-gradient(#fff, #e6f2ff);
|
||||
background-size: 40px 40px, 60px 60px, 50px 50px, 100% 100%;
|
||||
}
|
||||
|
||||
.container {
|
||||
position: relative; z-index: 3; height: 100%;
|
||||
display: flex; flex-direction: column;
|
||||
justify-content: center; align-items: center;
|
||||
gap: 0.75rem; pointer-events: none;
|
||||
}
|
||||
|
||||
h1 { font-size: clamp(2.5rem, 6vw, 4rem); margin: 0; }
|
||||
.amount { font-size: clamp(1.5rem, 4vw, 2.5rem); opacity: 0.9; }
|
||||
.meta { opacity: 0.6; font-size: 0.9rem; }
|
||||
</style>
|
||||
<meta charset="UTF-8">
|
||||
<title>Are We Buried?</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<style>
|
||||
html, body { margin:0; padding:0; height:100%; background:#0b1320; color:#fff; font-family:system-ui, sans-serif; overflow:hidden; }
|
||||
.snowfall { position: fixed; inset:0; pointer-events:none; z-index:1; }
|
||||
.flake { position:absolute; top:-10px; width:6px; height:6px; background:rgba(255,255,255,0.9); border-radius:50%; animation:fall linear infinite; }
|
||||
@keyframes fall { to { transform: translateY(110vh); } }
|
||||
.snow-wrapper { position:fixed; bottom:0; left:0; width:100%; height:0%; transition:height 2s ease-out; z-index:2; overflow:hidden; }
|
||||
svg { position:absolute; top:-80px; width:100%; height:160px; }
|
||||
.snow-body { position:absolute; bottom:0; width:100%; height:100%; background:
|
||||
radial-gradient(circle at 20% 20%, #fff 0 2px, transparent 3px),
|
||||
radial-gradient(circle at 60% 40%, #f2f8ff 0 2px, transparent 3px),
|
||||
radial-gradient(circle at 80% 30%, #fff 0 2px, transparent 3px),
|
||||
linear-gradient(#fff, #e6f2ff);
|
||||
background-size:40px 40px,60px 60px,50px 50px,100% 100%; }
|
||||
.container { position:relative; z-index:3; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:.75rem; pointer-events:none; }
|
||||
h1 { font-size:clamp(2.5rem,6vw,4rem); margin:0; }
|
||||
.amount { font-size:clamp(1.5rem,4vw,2.5rem); opacity:0.9; }
|
||||
.meta { opacity:0.6; font-size:0.9rem; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="snowfall" id="snowfall"></div>
|
||||
|
||||
<div class="snow-wrapper" id="snowWrapper">
|
||||
<svg viewBox="0 0 100 20" preserveAspectRatio="none">
|
||||
<path d="M0 10 Q 15 2 30 10 T 60 10 T 100 10 L 100 20 L 0 20 Z" fill="#ffffff" />
|
||||
</svg>
|
||||
<div class="snow-body"></div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<h1>Are We Buried?</h1>
|
||||
<div class="amount" id="amount">-- in</div>
|
||||
<div class="meta" id="meta">{{ location }} • {{ today }}</div>
|
||||
<div class="meta" id="updated">Last updated: --</div>
|
||||
</div>
|
||||
|
||||
<div class="snowfall" id="snowfall"></div>
|
||||
<div class="snow-wrapper" id="snowWrapper">
|
||||
<svg viewBox="0 0 100 20" preserveAspectRatio="none">
|
||||
<path d="M0 10 Q 15 2 30 10 T 60 10 T 100 10 L 100 20 L 0 20 Z" fill="#ffffff"/>
|
||||
</svg>
|
||||
<div class="snow-body"></div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<h1>Are We Buried?</h1>
|
||||
<div class="amount" id="amount">-- in</div>
|
||||
<div class="meta" id="meta">--</div>
|
||||
<div class="meta" id="updated">Last updated: --</div>
|
||||
</div>
|
||||
<script>
|
||||
let flakesStarted = false;
|
||||
let flakesStarted = false;
|
||||
|
||||
async function loadSnow() {
|
||||
const res = await fetch('/api/snowfall');
|
||||
async function loadSnow() {
|
||||
if (!navigator.geolocation) return alert('Geolocation not supported');
|
||||
|
||||
navigator.geolocation.getCurrentPosition(async (pos) => {
|
||||
const lat = pos.coords.latitude;
|
||||
const lon = pos.coords.longitude;
|
||||
|
||||
const res = await fetch(`/api/snowfall?lat=${lat}&lon=${lon}`);
|
||||
const data = await res.json();
|
||||
|
||||
document.getElementById('amount').textContent = data.inches + ' inches today';
|
||||
document.getElementById('meta').textContent = data.location + ' • ' + data.today;
|
||||
|
||||
const percent = Math.min(data.inches / data.max_inches, 1);
|
||||
document.getElementById('snowWrapper').style.height = (percent * 100) + '%';
|
||||
@@ -140,53 +77,117 @@ HTML = """
|
||||
spawnSnowflakes();
|
||||
flakesStarted = true;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function spawnSnowflakes() {
|
||||
const container = document.getElementById('snowfall');
|
||||
for (let i = 0; i < 90; i++) {
|
||||
const flake = document.createElement('div');
|
||||
flake.className = 'flake';
|
||||
flake.style.left = Math.random()*100+'vw';
|
||||
flake.style.animationDuration = 5+Math.random()*10+'s';
|
||||
flake.style.opacity = Math.random();
|
||||
flake.style.transform = `scale(${Math.random()+0.5})`;
|
||||
container.appendChild(flake);
|
||||
}
|
||||
}
|
||||
|
||||
function spawnSnowflakes() {
|
||||
const container = document.getElementById('snowfall');
|
||||
const flakes = 90;
|
||||
|
||||
for (let i = 0; i < flakes; i++) {
|
||||
const flake = document.createElement('div');
|
||||
flake.className = 'flake';
|
||||
flake.style.left = Math.random() * 100 + 'vw';
|
||||
flake.style.animationDuration = 5 + Math.random() * 10 + 's';
|
||||
flake.style.opacity = Math.random();
|
||||
flake.style.transform = `scale(${Math.random() + 0.5})`;
|
||||
container.appendChild(flake);
|
||||
}
|
||||
}
|
||||
|
||||
loadSnow();
|
||||
setInterval(loadSnow, 10 * 60 * 1000);
|
||||
loadSnow();
|
||||
setInterval(loadSnow, 10*60*1000);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
"""
|
||||
|
||||
def get_today_snowfall(lat, lon):
|
||||
try:
|
||||
# Determine timezone for location
|
||||
tz_name = tf.timezone_at(lat=lat, lng=lon) or "UTC"
|
||||
|
||||
params = {
|
||||
"latitude": lat,
|
||||
"longitude": lon,
|
||||
"hourly": "snowfall",
|
||||
"timezone": tz_name
|
||||
}
|
||||
|
||||
r = requests.get(OPEN_METEO_URL, params=params, timeout=5)
|
||||
r.raise_for_status()
|
||||
data = r.json()
|
||||
|
||||
hourly = data.get("hourly", {})
|
||||
times = hourly.get("time", [])
|
||||
snow_values = hourly.get("snowfall", [])
|
||||
|
||||
today_str = datetime.now(pytz.timezone(tz_name)).date().isoformat()
|
||||
|
||||
snowfall_cm = 0.0
|
||||
snowing_now = False
|
||||
for t, s in zip(times, snow_values):
|
||||
if t.startswith(today_str):
|
||||
snowfall_cm += s
|
||||
if s > 0:
|
||||
snowing_now = True
|
||||
|
||||
inches = round(snowfall_cm / 2.54, 1)
|
||||
return inches, snowing_now, tz_name
|
||||
|
||||
except Exception as e:
|
||||
print("Error fetching snowfall:", e)
|
||||
return 0.0, False, "UTC"
|
||||
|
||||
def get_city_name(lat, lon):
|
||||
"""Use OpenStreetMap Nominatim to get the city name for coordinates."""
|
||||
try:
|
||||
r = requests.get(
|
||||
"https://nominatim.openstreetmap.org/reverse",
|
||||
params={
|
||||
"lat": lat,
|
||||
"lon": lon,
|
||||
"format": "json",
|
||||
"zoom": 10, # city-level
|
||||
"addressdetails": 1
|
||||
},
|
||||
headers={"User-Agent": "AreWeBuriedApp/1.0"}
|
||||
)
|
||||
r.raise_for_status()
|
||||
data = r.json()
|
||||
address = data.get("address", {})
|
||||
city = address.get("city") or address.get("town") or address.get("village") or address.get("county") or f"{lat:.2f},{lon:.2f}"
|
||||
return city
|
||||
except Exception as e:
|
||||
print("Reverse geocoding error:", e)
|
||||
return f"{lat:.2f},{lon:.2f}"
|
||||
|
||||
@app.route("/")
|
||||
def index():
|
||||
return render_template_string(
|
||||
HTML,
|
||||
today=date.today().strftime("%B %d, %Y"),
|
||||
location=LOCATION_NAME
|
||||
)
|
||||
|
||||
return render_template_string(HTML)
|
||||
|
||||
@app.route("/api/snowfall")
|
||||
def snowfall_api():
|
||||
inches, snowing = get_today_snowfall()
|
||||
lat = request.args.get("lat", type=float)
|
||||
lon = request.args.get("lon", type=float)
|
||||
|
||||
if lat is None or lon is None:
|
||||
return jsonify({"error": "Missing lat/lon"}), 400
|
||||
|
||||
inches, snowing, tz_name = get_today_snowfall(lat, lon)
|
||||
today = datetime.now(pytz.timezone(tz_name)).strftime("%B %d, %Y")
|
||||
|
||||
city_name = get_city_name(lat, lon)
|
||||
|
||||
return jsonify({
|
||||
"location": LOCATION_NAME,
|
||||
"lat": LAT,
|
||||
"lon": LON,
|
||||
"location": city_name,
|
||||
"lat": lat,
|
||||
"lon": lon,
|
||||
"inches": inches,
|
||||
"max_inches": MAX_SNOW_INCHES,
|
||||
"snowing": snowing,
|
||||
"today": today,
|
||||
"updated": datetime.now().isoformat()
|
||||
})
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
app.run(host="0.0.0.0", port=5000)
|
||||
app.run(host="0.0.0.0", port=5000)
|
||||
|
||||
Reference in New Issue
Block a user