From d24049a78d34bfcac97dce6f7b5ff1437bd84e70 Mon Sep 17 00:00:00 2001 From: Emi Griffith Date: Wed, 15 Jul 2026 20:37:51 -0700 Subject: [PATCH] Records: color-accented cards, vertical on mobile (#106) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Replace the 5-column records table (which forced horizontal scrolling on mobile — only high OR low visible) with a responsive card grid: one card per metric, each with a red-accented 'Highest' row and a blue-accented 'Lowest' row (tier colors). Grids on desktop, stacks to a single column on mobile with high/low stacked vertically — no horizontal scroll. Precip reads Wettest / longest dry spell. --- templates/records.html.j2 | 34 ++++++++++++++++++---------------- 1 file changed, 18 insertions(+), 16 deletions(-) diff --git a/templates/records.html.j2 b/templates/records.html.j2 index 43d1a85..8cbb7c0 100644 --- a/templates/records.html.j2 +++ b/templates/records.html.j2 @@ -12,23 +12,25 @@

All-time record highs and lows for {{ display }}, and the dates they occurred, across {{ year_range[0] }}–{{ year_range[1] }} of daily climate history.

-
- - - - {% for r in rows %} - - - - - - {% endfor %} - -
MetricRecord highOnRecord lowOn
{{ r.label }}{{ r.high }}{{ r.high_date }}{{ r.low }}{{ r.low_date }}
+
+ {% for r in rows %} +
+

{{ r.label }}

+
+ {% if r.label == 'Precip' %}Wettest{% else %}Highest{% endif %} + {{ r.high }} + {{ r.high_date }} +
+
+ {% if r.label == 'Precip' %}Driest{% else %}Lowest{% endif %} + {{ r.low }} + {{ r.low_date }} +
+
+ {% endfor %}
-

Rainfall has no meaningful record low, so its “record low” - column shows the longest run of consecutive days without measurable rain and the - date that dry spell began.

+

For rainfall, the “driest” figure is the longest run of consecutive + days without measurable rain, dated to when that dry spell began.

Grade {{ name }}'s weather now →

‹ Back to {{ name }} climate