Simon/wetter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modified: app.py

Browse Source 
modified:   static/css/style.css
	modified:   templates/weather.html
This commit is contained in:
simon
2026-04-22 13:48:21 +02:00
parent 1f0849d9a1
commit 778c024335
3 changed files with 316 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
static/css/style.css
View File

@@ -346,6 +346,33 @@ main { flex: 1; }
font-size: 0.75rem; color: var(--muted);
}
.insights { padding-top: 1.5rem; }
.insight-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
.insight-card {
background: var(--glass);
border: 1px solid var(--glass-b);
border-radius: 12px;
padding: 0.9rem 1rem;
display: flex;
flex-direction: column;
gap: 0.35rem;
}
.insight-label {
font-size: 0.68rem;
color: var(--muted);
text-transform: uppercase;
letter-spacing: 1px;
}
.insight-value {
font-size: 0.9rem;
color: var(--text);
font-weight: 600;
}
/* ═══════════════════════════════════════════════════════════
HOURLY STRIP
═══════════════════════════════════════════════════════════ */
@@ -390,6 +417,22 @@ main { flex: 1; }
.hcard-precip--prob { color: #7dd3fc; font-weight: 500; }
.hcard-wind { font-size: 0.72rem; color: var(--muted2); }
.hcard-wind small { font-size: 0.62rem; color: var(--muted); }
.hcard-confidence {
font-size: 0.62rem;
font-weight: 700;
padding: 0.1rem 0.4rem;
border-radius: 99px;
}
.hcard-confidence--hoch { color: #34d399; background: rgba(52,211,153,0.14); }
.hcard-confidence--mittel { color: #fbbf24; background: rgba(251,191,36,0.14); }
.hcard-confidence--niedrig { color: #f87171; background: rgba(248,113,113,0.14); }
.hcard-activity {
font-size: 0.62rem;
color: #c7d2fe;
background: rgba(129,140,248,0.15);
border-radius: 99px;
padding: 0.1rem 0.4rem;
}
/* ═══════════════════════════════════════════════════════════
CHART
@@ -474,6 +517,7 @@ main { flex: 1; }
.home-deco { display: none; }
.home-title { font-size: 2.2rem; }
.chart-box { height: 220px; }
.insight-grid { grid-template-columns: 1fr; }
}
@media (max-width: 400px) {
@@ -504,6 +548,18 @@ main { flex: 1; }
.warn-item div { display: flex; flex-direction: column; gap: 0.2rem; }
.warn-time { color: #888; font-size: 0.7rem; margin: 0; margin-bottom: 0.25rem; font-weight: 500; }
.warn-desc { color: var(--muted2); font-size: 0.78rem; margin: 0; }
.warn-more summary {
cursor: pointer;
color: var(--muted2);
font-size: 0.72rem;
width: fit-content;
}
.warn-more p {
margin: 0.35rem 0 0;
color: var(--muted2);
font-size: 0.76rem;
line-height: 1.35;
}
/* ═══════════════════════════════════════════════════════════
UV INDEX + RECENT LABELS
@@ -513,6 +569,11 @@ main { flex: 1; }
background: rgba(167,139,250,0.12);
border-radius: 99px; padding: 0.1rem 0.45rem;
}
.hcard-uv--low { color: #34d399; background: rgba(52,211,153,0.14); }
.hcard-uv--moderate { color: #facc15; background: rgba(250,204,21,0.14); }
.hcard-uv--high { color: #fb923c; background: rgba(251,146,60,0.14); }
.hcard-uv--very-high,
.hcard-uv--extreme { color: #f87171; background: rgba(248,113,113,0.14); }
.drow-uv {
font-size: 0.68rem; color: #a78bfa; font-weight: 600;
background: rgba(167,139,250,0.12);