rewrites weather logic
This commit is contained in:
169
app.py
169
app.py
@@ -1,48 +1,14 @@
|
|||||||
from flask import Flask, render_template_string, jsonify
|
from flask import Flask, render_template_string, jsonify, request
|
||||||
from datetime import date, datetime
|
from datetime import datetime, date
|
||||||
import requests
|
import requests
|
||||||
|
import pytz
|
||||||
|
from timezonefinder import TimezoneFinder
|
||||||
|
|
||||||
app = Flask(__name__)
|
app = Flask(__name__)
|
||||||
|
|
||||||
# ---- CONFIG ----
|
|
||||||
LOCATION_NAME = "South Bend, IN (46617)"
|
|
||||||
LAT = 41.6764
|
|
||||||
LON = -86.2520
|
|
||||||
|
|
||||||
MAX_SNOW_INCHES = 24
|
MAX_SNOW_INCHES = 24
|
||||||
|
|
||||||
OPEN_METEO_URL = "https://api.open-meteo.com/v1/forecast"
|
OPEN_METEO_URL = "https://api.open-meteo.com/v1/forecast"
|
||||||
|
tf = TimezoneFinder()
|
||||||
|
|
||||||
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
|
|
||||||
|
|
||||||
|
|
||||||
HTML = """
|
HTML = """
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
@@ -52,82 +18,53 @@ HTML = """
|
|||||||
<title>Are We Buried?</title>
|
<title>Are We Buried?</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<style>
|
<style>
|
||||||
html, body {
|
html, body { margin:0; padding:0; height:100%; background:#0b1320; color:#fff; font-family:system-ui, sans-serif; overflow:hidden; }
|
||||||
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; }
|
.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; }
|
||||||
.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); } }
|
@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; }
|
||||||
.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; }
|
svg { position:absolute; top:-80px; width:100%; height:160px; }
|
||||||
|
.snow-body { position:absolute; bottom:0; width:100%; height:100%; background:
|
||||||
.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 20% 20%, #fff 0 2px, transparent 3px),
|
||||||
radial-gradient(circle at 60% 40%, #f2f8ff 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),
|
radial-gradient(circle at 80% 30%, #fff 0 2px, transparent 3px),
|
||||||
linear-gradient(#fff, #e6f2ff);
|
linear-gradient(#fff, #e6f2ff);
|
||||||
background-size: 40px 40px, 60px 60px, 50px 50px, 100% 100%;
|
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; }
|
||||||
|
|
||||||
.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; }
|
h1 { font-size:clamp(2.5rem,6vw,4rem); margin:0; }
|
||||||
.amount { font-size:clamp(1.5rem,4vw,2.5rem); opacity:0.9; }
|
.amount { font-size:clamp(1.5rem,4vw,2.5rem); opacity:0.9; }
|
||||||
.meta { opacity:0.6; font-size:0.9rem; }
|
.meta { opacity:0.6; font-size:0.9rem; }
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="snowfall" id="snowfall"></div>
|
<div class="snowfall" id="snowfall"></div>
|
||||||
|
|
||||||
<div class="snow-wrapper" id="snowWrapper">
|
<div class="snow-wrapper" id="snowWrapper">
|
||||||
<svg viewBox="0 0 100 20" preserveAspectRatio="none">
|
<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"/>
|
<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>
|
</svg>
|
||||||
<div class="snow-body"></div>
|
<div class="snow-body"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h1>Are We Buried?</h1>
|
<h1>Are We Buried?</h1>
|
||||||
<div class="amount" id="amount">-- in</div>
|
<div class="amount" id="amount">-- in</div>
|
||||||
<div class="meta" id="meta">{{ location }} • {{ today }}</div>
|
<div class="meta" id="meta">--</div>
|
||||||
<div class="meta" id="updated">Last updated: --</div>
|
<div class="meta" id="updated">Last updated: --</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
let flakesStarted = false;
|
let flakesStarted = false;
|
||||||
|
|
||||||
async function loadSnow() {
|
async function loadSnow() {
|
||||||
const res = await fetch('/api/snowfall');
|
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();
|
const data = await res.json();
|
||||||
|
|
||||||
document.getElementById('amount').textContent = data.inches + ' inches today';
|
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);
|
const percent = Math.min(data.inches / data.max_inches, 1);
|
||||||
document.getElementById('snowWrapper').style.height = (percent * 100) + '%';
|
document.getElementById('snowWrapper').style.height = (percent * 100) + '%';
|
||||||
@@ -140,13 +77,12 @@ HTML = """
|
|||||||
spawnSnowflakes();
|
spawnSnowflakes();
|
||||||
flakesStarted = true;
|
flakesStarted = true;
|
||||||
}
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function spawnSnowflakes() {
|
function spawnSnowflakes() {
|
||||||
const container = document.getElementById('snowfall');
|
const container = document.getElementById('snowfall');
|
||||||
const flakes = 90;
|
for (let i = 0; i < 90; i++) {
|
||||||
|
|
||||||
for (let i = 0; i < flakes; i++) {
|
|
||||||
const flake = document.createElement('div');
|
const flake = document.createElement('div');
|
||||||
flake.className = 'flake';
|
flake.className = 'flake';
|
||||||
flake.style.left = Math.random()*100+'vw';
|
flake.style.left = Math.random()*100+'vw';
|
||||||
@@ -164,29 +100,68 @@ HTML = """
|
|||||||
</html>
|
</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"
|
||||||
|
|
||||||
@app.route("/")
|
@app.route("/")
|
||||||
def index():
|
def index():
|
||||||
return render_template_string(
|
return render_template_string(HTML)
|
||||||
HTML,
|
|
||||||
today=date.today().strftime("%B %d, %Y"),
|
|
||||||
location=LOCATION_NAME
|
|
||||||
)
|
|
||||||
|
|
||||||
|
|
||||||
@app.route("/api/snowfall")
|
@app.route("/api/snowfall")
|
||||||
def snowfall_api():
|
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")
|
||||||
|
|
||||||
return jsonify({
|
return jsonify({
|
||||||
"location": LOCATION_NAME,
|
"location": f"{lat:.2f}, {lon:.2f}",
|
||||||
"lat": LAT,
|
"lat": lat,
|
||||||
"lon": LON,
|
"lon": lon,
|
||||||
"inches": inches,
|
"inches": inches,
|
||||||
"max_inches": MAX_SNOW_INCHES,
|
"max_inches": MAX_SNOW_INCHES,
|
||||||
"snowing": snowing,
|
"snowing": snowing,
|
||||||
|
"today": today,
|
||||||
"updated": datetime.now().isoformat()
|
"updated": datetime.now().isoformat()
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
if __name__ == "__main__":
|
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