From 59bc40da5cafc7dc92e42ba57266ce3f649aaa67 Mon Sep 17 00:00:00 2001 From: Emi Griffith Date: Wed, 15 Jul 2026 21:57:13 -0700 Subject: [PATCH] SEO: show both temperature extremes per metric in month/season records (#112) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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. --- static/style.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/static/style.css b/static/style.css index 1598ff7..e1cc59b 100644 --- a/static/style.css +++ b/static/style.css @@ -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 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; } +/* 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-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)); }