From 29db2e3ba61e79551912056ebc1a31bcbf1e7816 Mon Sep 17 00:00:00 2001 From: Its-donkey Date: Sat, 1 Nov 2025 00:22:52 +1100 Subject: [PATCH] design (brand): enforce white logo text with hover ring --- CHANGELOG.md | 2 +- docs/styles.css | 18 +++++++++++++++++- 2 files changed, 18 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 14db7df..7f67e05 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -29,7 +29,7 @@ - Website: Add dedicated contact section with email and GitHub links. - Docs: Consolidate feature list in README (single "Features" section). - Website: Mirror unified feature list on the marketing page. -- Brand: Refresh GopherPost logo and favicon with updated gopher-and-envelope concept. +- Brand: Refresh GopherPost logo and favicon with updated gopher-and-envelope concept; refine site header hover styling. ## v0.4.0 - Added subscription-based audit fan-out so `/healthz` can stream live debug logs when `SMTP_DEBUG=true`. diff --git a/docs/styles.css b/docs/styles.css index c855be6..b54f309 100644 --- a/docs/styles.css +++ b/docs/styles.css @@ -54,12 +54,28 @@ header { align-items: center; gap: 0.75rem; font-weight: 600; - font-size: 1.1rem; + font-size: 1.4rem; + color: #fff; + transition: transform 0.2s ease, text-shadow 0.2s ease; } .logo img { height: 80px; width: 80px; + border-radius: 50%; + box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.55); + transition: transform 0.2s ease, box-shadow 0.2s ease; +} + +.logo:hover { + color: #fff; + transform: translateY(-2px) scale(1.02); + text-shadow: 0 12px 20px rgba(15, 30, 67, 0.35); +} + +.logo:hover img { + box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.85); + transform: scale(1.03); } .hero h1 {