From 49d54e12d6dce7b70c094db35d7b0a32545776b9 Mon Sep 17 00:00:00 2001 From: Emi Griffith Date: Fri, 17 Jul 2026 22:49:00 -0700 Subject: [PATCH] Make the header mark and wordmark a single lockup (#174) The glyph previously sat outside the h1, centered by the flex row against the whole title block - so its position relative to the wordmark shifted between pages with and without a tagline. Move it inside the h1 (and inside the home link on server-rendered pages) and lay the lockup out as its own flex row, so mark and wordmark are always aligned to each other; the tagline now sits under the full lockup. Claude-Session: https://claude.ai/code/session_01KdTZCjpLeD26ZbXe6ApjpR --- static/calendar.html | 3 +-- static/compare.html | 3 +-- static/day.html | 3 +-- static/index.html | 3 +-- static/legend.html | 3 +-- static/style.css | 8 +++++++- static/subscriptions.html | 3 +-- 7 files changed, 13 insertions(+), 13 deletions(-) diff --git a/static/calendar.html b/static/calendar.html index 5a00cc1..7d1eacf 100644 --- a/static/calendar.html +++ b/static/calendar.html @@ -32,9 +32,8 @@
-
-

Thermograph · Calendar

+

Thermograph · Calendar

diff --git a/static/compare.html b/static/compare.html index ceb8a42..2c6f02f 100644 --- a/static/compare.html +++ b/static/compare.html @@ -32,9 +32,8 @@
-
-

Thermograph · Compare

+

Thermograph · Compare

Which place best hits your comfort temperature over a date range

diff --git a/static/day.html b/static/day.html index f13305e..2a7d93c 100644 --- a/static/day.html +++ b/static/day.html @@ -32,9 +32,8 @@
-
-

Thermograph · Day

+

Thermograph · Day

Every percentile boundary for one day vs its typical climate

diff --git a/static/index.html b/static/index.html index 06a2987..18810ba 100644 --- a/static/index.html +++ b/static/index.html @@ -35,9 +35,8 @@
-
-

Thermograph

+

Thermograph

Grading today's weather against ~45 years of local climate history

diff --git a/static/legend.html b/static/legend.html index 613a14c..662fab9 100644 --- a/static/legend.html +++ b/static/legend.html @@ -31,9 +31,8 @@
-
-

Thermograph · Guide

+

Thermograph · Guide

What the metrics and percentile grades mean

diff --git a/static/style.css b/static/style.css index e8b236f..6d182fc 100644 --- a/static/style.css +++ b/static/style.css @@ -74,13 +74,19 @@ header { .logo svg { width: 28px; height: 28px; display: block; } h1 { margin: 0; font-size: 22px; letter-spacing: -0.02em; } /* Brand wordmark: monospace stack (instrument/data feel, no webfonts) beside - the mark, larger than the old Inter treatment. */ + the mark, larger than the old Inter treatment. The mark lives INSIDE the h1 + (and inside its home link on server-rendered pages) so glyph and wordmark + are one lockup, aligned to each other on every page regardless of tagline. */ .brand h1 { font-family: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, "Liberation Mono", monospace; font-weight: 700; font-size: 26px; letter-spacing: -0.04em; + display: flex; + align-items: center; + gap: 10px; } +.brand h1 a { display: inline-flex; align-items: center; gap: 10px; } .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. */ diff --git a/static/subscriptions.html b/static/subscriptions.html index 580be12..33be421 100644 --- a/static/subscriptions.html +++ b/static/subscriptions.html @@ -29,9 +29,8 @@
-
-

Thermograph · Alerts

+

Thermograph · Alerts

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