Jinemi/thermograph
4
0
Fork 0
Code Issues 2 Pull requests 3 Projects Releases Packages Wiki Activity Actions

SEO: show both temperature extremes per metric in month/season records (#112)

Browse source 
The month and season records tables showed only the record high (of the daytime
high) and the record low (of the overnight low) — one extreme each. Show both
ends of both metrics: for the daytime high, its record hottest (▲) and the
coldest a day ever stayed (▼, its record-low high); for the overnight low, its
mildest night (▲, its record-high low) and its record low (▼). All four already
came out of all_time_records; they were just being dropped.

Restructure each table to Period · Daytime high · Overnight low, with each metric
cell carrying two tinted, dated chips (▲ warmest / ▼ coldest). Fits mobile in
three columns; the all-time cards already showed both extremes, so this brings
the per-period tables in line.
This commit is contained in:
Emi Griffith 2026-07-15 21:57:13 -07:00 committed by GitHub
parent b3faaae717
commit 59bc40da5c
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
static/style.css
View file

@ -1520,6 +1520,14 @@ td.rec-date { color: var(--muted); font-size: 13px; }
/* The date each record occurred, folded under its value so the month/season tables /* The date each record occurred, folded under its value so the month/season tables
stay 3 columns and fit a phone without horizontal scroll. */ stay 3 columns and fit a phone without horizontal scroll. */
.rec-on { display: block; font-size: 11px; font-weight: 400; color: var(--muted); margin-top: 1px; } .rec-on { display: block; font-size: 11px; font-weight: 400; color: var(--muted); margin-top: 1px; }
/* Month/season records: each metric cell carries two extremes — ▲ warmest and
▼ coldest it has ever been — as tinted chips, each with the date it occurred. */
.rec-ext { margin: 4px 0; }
.rec-arrow { display: inline-block; width: 12px; font-size: 10px; }
.rec-arrow.up { color: var(--very-hot); }
.rec-arrow.down { color: var(--very-cold); }
.records-ext .t-inline { font-weight: 700; }
.records-ext .rec-on { margin: 1px 0 2px 12px; font-size: 10.5px; }
.t-rec-cold { background: color-mix(in srgb, var(--rec-cold) 26%, var(--surface)); } .t-rec-cold { background: color-mix(in srgb, var(--rec-cold) 26%, var(--surface)); }
.t-very-cold { background: color-mix(in srgb, var(--very-cold) 26%, var(--surface)); } .t-very-cold { background: color-mix(in srgb, var(--very-cold) 26%, var(--surface)); }
.t-cold { background: color-mix(in srgb, var(--cold) 28%, var(--surface)); } .t-cold { background: color-mix(in srgb, var(--cold) 28%, var(--surface)); }