From 31f68981a08d68d971dcc86088138bec0feea03b Mon Sep 17 00:00:00 2001 From: Emi Griffith Date: Wed, 15 Jul 2026 22:42:59 -0700 Subject: [PATCH] Mobile hamburger nav; crisp SVG logo; month travel-note callout (#117) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Collapse the view navigation into a hamburger menu on phones. The nav is wrapped in a
(pure CSS, no JS — so it works on the crawlable SEO pages too): transparent (display:contents) on desktop so the tabs render inline, a dropdown behind a hamburger under 640px. The °F/°C toggle, bell and account stay in the header bar; units.js/account.js now anchor their injected controls on the wrapper. - Replace the header logo: the ▚ glyph was a rotated Unicode char that fonts rendered inconsistently (warped). Use a crisp inline SVG of the two accent squares (currentColor) across all headers. - Month pages: turn the plain "Visiting in ?" line into a bordered callout with a CTA button, matching the city page's travel box. Verified in Firefox and Chromium at desktop and 390px, light and dark: desktop nav inline, mobile hamburger opens the dropdown, logo crisp, travel note styled. --- templates/base.html.j2 | 7 +++++-- templates/month.html.j2 | 7 +++++-- 2 files changed, 10 insertions(+), 4 deletions(-) diff --git a/templates/base.html.j2 b/templates/base.html.j2 index e100d1c..447b957 100644 --- a/templates/base.html.j2 +++ b/templates/base.html.j2 @@ -26,17 +26,20 @@
- +

Thermograph

How unusual is the weather? Graded against ~45 years of local climate history.

-
diff --git a/templates/month.html.j2 b/templates/month.html.j2 index 8d5e8ce..6af2118 100644 --- a/templates/month.html.j2 +++ b/templates/month.html.j2 @@ -48,8 +48,11 @@

See {{ name }}'s live weather grade →

-

Visiting {{ name }} in {{ month_name }}? - Compare its comfort with your home city →

+
+

Visiting {{ name }} in {{ month_name }}? See how its comfort stacks up against + where you live.

+ Compare {{ name }} with your city → +

‹ {{ prev.name }} ·