Now panel: show day's high + its feels-like, and peak rain chance with time

Was showing right-now's temp/feels-like/rain% under a headline that's
already a whole-day summary -- mismatched framing (a day-level
headline next to point-in-time numbers).

- Big temp is now today's forecast high, with a small 'High' label.
- Feels-like is paired with that same high-temp hour, not right now.
- Rain% is the day's peak chance, shown as 'X% chance of rain around
  HH:00' instead of the current hour's (often much lower) number.

summarizeToday() now returns highTemp/highFeelsLike/rainChance
alongside the existing headline/note/umbrella, computed from the same
already-fetched hourly points. Frontend falls back to currentPoint's
own values only if summary is unexpectedly null.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
jtricerolph 2026-08-31 11:56:43 +00:00
parent 997ea817cb
commit 335e6e31a8
4 changed files with 47 additions and 7 deletions

View file

@ -81,7 +81,16 @@ html, body, #root { height: 100%; margin: 0; font-size: 14px; }
flex-wrap: wrap;
gap: clamp(10px, 1.8vw, 24px);
}
.wx-now-temp-block { display: flex; flex-direction: column; align-items: center; line-height: 1; }
.wx-now-temp { font-size: clamp(2.4rem, 5.5vw, 4.6rem); font-weight: 700; line-height: 1; }
.wx-now-temp-label {
margin-top: 2px;
font-size: clamp(0.65rem, 0.85vw, 0.85rem);
font-weight: 600;
text-transform: uppercase;
letter-spacing: .06em;
color: var(--text-muted);
}
.wx-now-meta { display: flex; flex-direction: column; gap: 4px; color: var(--text-muted); font-size: clamp(0.8rem, 1.05vw, 1.05rem); }
.wx-summary-headline { color: var(--text); font-weight: 600; font-size: clamp(0.95rem, 1.3vw, 1.3rem); }
.wx-summary-note { color: #fbbf24; }