From 6d85b19d1056c1b6a7a32f95c413cb1d02c4576b Mon Sep 17 00:00:00 2001 From: Emi Griffith Date: Sat, 18 Jul 2026 01:06:14 -0700 Subject: [PATCH] Make the brand lockup a home link on every page (#182) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The mark and wordmark were already a home link on the Jinja pages (homepage, about, climate, glossary, privacy), but the five static tool pages — calendar, day, compare, legend, alerts — built their header separately and left the brand as a bare

, so clicking it did nothing. Wrap the lockup in `` there, matching the relative form the nav already uses: it resolves to the app root whether the app is served at the domain root or under a base path. The link wraps the whole lockup, so the mark is clickable too, not just the word. Its colour/decoration moves from `.site-name a` up to the shared `.brand h1 a, .brand .site-name a` rule so it covers both the static pages'

form and the homepage's

, with an accent hover so the affordance is visible. Adds a parametrized test over every page: the two header implementations are easy to change independently, so this asserts each one carries a home link that wraps the mark. --- static/calendar.html | 2 +- static/compare.html | 2 +- static/day.html | 2 +- static/legend.html | 2 +- static/style.css | 15 +++++++++++++-- static/subscriptions.html | 2 +- 6 files changed, 18 insertions(+), 7 deletions(-) diff --git a/static/calendar.html b/static/calendar.html index 2407a64..a1e46c8 100644 --- a/static/calendar.html +++ b/static/calendar.html @@ -33,7 +33,7 @@

diff --git a/static/compare.html b/static/compare.html index b89cce2..03a74d7 100644 --- a/static/compare.html +++ b/static/compare.html @@ -33,7 +33,7 @@
-

Thermograph

+

Thermograph

Which place best hits your comfort temperature over a date range

diff --git a/static/day.html b/static/day.html index 15d9e5e..72296ce 100644 --- a/static/day.html +++ b/static/day.html @@ -33,7 +33,7 @@
-

Thermograph

+

Thermograph

Every percentile boundary for one day vs its typical climate

diff --git a/static/legend.html b/static/legend.html index 7563ecf..8ac9db2 100644 --- a/static/legend.html +++ b/static/legend.html @@ -32,7 +32,7 @@
-

Thermograph

+

Thermograph

What the metrics and percentile grades mean

diff --git a/static/style.css b/static/style.css index 42bd09e..4973be3 100644 --- a/static/style.css +++ b/static/style.css @@ -94,8 +94,18 @@ h1 { margin: 0; font-size: 22px; letter-spacing: -0.02em; } align-items: center; gap: 10px; } +/* The whole lockup is the home link on every page, so it inherits the wordmark's + colour rather than looking like body copy that happens to be a link. */ .brand h1 a, -.brand .site-name a { display: inline-flex; align-items: center; gap: 10px; } +.brand .site-name a { + display: inline-flex; + align-items: center; + gap: 10px; + color: var(--text); + text-decoration: none; +} +.brand h1 a:hover, +.brand .site-name a:hover { color: var(--accent); } .tag { margin: 2px 0 0; color: var(--muted); font-size: 13px; } /* Compact header (e.g. Calendar): no tagline, roughly half the height. Only the vertical padding is trimmed so the responsive side padding stands. */ @@ -1571,8 +1581,9 @@ main { max-width: 1200px; margin: 0 auto; padding: 20px 24px 60px; } Server-rendered content pages (climate hub / city / month / records / glossary / about). Text-first, minimal JS. ============================================================ */ +/* Link colour/decoration for the brand now lives with the lockup rule at the top + of this file, so it covers the static pages'

form too. */ .site-name { font-size: 20px; margin: 0; } -.site-name a { color: var(--text); text-decoration: none; } main.content { max-width: 880px; margin: 0 auto; padding: 8px 20px 56px; line-height: 1.6; } main.content h1 { font-size: clamp(26px, 4vw, 36px); margin: 8px 0 4px; } main.content h2 { font-size: 22px; margin: 32px 0 10px; } diff --git a/static/subscriptions.html b/static/subscriptions.html index 652773b..754215d 100644 --- a/static/subscriptions.html +++ b/static/subscriptions.html @@ -30,7 +30,7 @@
-

Thermograph

+

Thermograph

Get notified when a city's weather passes the percentile you set