From efa72fb03c6b5544eb1ed37b9b9e74f1ca92774d Mon Sep 17 00:00:00 2001 From: Jason Amo-Mensah Date: Mon, 13 Jul 2026 22:10:29 -0400 Subject: [PATCH 1/4] Add WIP banner and favicon --- css/header-footer.css | 27 ++++++++++++++++++++++++--- css/style.css | 15 ++++++++++++++- html/components/header.html | 6 ++++++ images/favicon.png | Bin 0 -> 13484 bytes index.html | 7 ++++++- js/load-components.js | 13 ++++++++++++- 6 files changed, 62 insertions(+), 6 deletions(-) create mode 100644 images/favicon.png diff --git a/css/header-footer.css b/css/header-footer.css index 47a7863..04179e0 100644 --- a/css/header-footer.css +++ b/css/header-footer.css @@ -19,6 +19,27 @@ /* ─── Header ─────────────────────────────────────────────────────────────── */ +.site-notice { + height: var(--site-notice-height, 44px); + display: flex; + align-items: center; + justify-content: center; + gap: 0.35rem; + padding: 0.45rem 1rem; + overflow: hidden; + background: #ffd84d; + border-bottom: 1px solid #d6ac16; + color: #332900; + font-family: 'Source Sans Pro', sans-serif; + font-size: clamp(0.82rem, 2.5vw, 0.98rem); + line-height: 1.15; + text-align: center; +} + +.site-notice strong { + font-weight: 700; +} + .header { --header-glass-background: linear-gradient(90deg, rgba(255, 255, 255, 0.82), rgba(235, 249, 252, 0.72)), @@ -137,7 +158,7 @@ .dropdown-menu { display: block; position: fixed; - top: 82px; + top: calc(var(--site-notice-height, 44px) + 82px); left: 0; right: 0; z-index: 999; @@ -678,7 +699,7 @@ .nav { display: none; position: fixed; - top: 52px; + top: calc(var(--site-notice-height, 44px) + 52px); left: 0; right: 0; background: rgba(255, 255, 255, 0.92); @@ -768,7 +789,7 @@ .nav { display: none; position: fixed; - top: 52px; + top: calc(var(--site-notice-height, 44px) + 52px); left: 0; right: 0; background: rgba(255, 255, 255, 0.95); diff --git a/css/style.css b/css/style.css index 1d6e967..2318e1a 100644 --- a/css/style.css +++ b/css/style.css @@ -10,6 +10,7 @@ html { } body { + --site-notice-height: 44px; --color-lm-primary: #5d8095; --color-lm-url: #007f96; --color-lm-url-10: #007f961a; @@ -48,7 +49,7 @@ a { } #header-placeholder { - min-height: 92px; + min-height: calc(92px + var(--site-notice-height)); position: sticky; top: 0; z-index: 1000; @@ -78,6 +79,18 @@ a { padding: 5rem 0 3rem; } +.home-progress { + min-height: calc(100vh - 370px); + display: flex; + flex-direction: column; + justify-content: center; +} + +.home-progress p { + max-width: 42rem; + color: var(--site-text-muted); +} + .stub-kicker { display: inline-block; padding: 0.35rem 0.7rem; diff --git a/html/components/header.html b/html/components/header.html index 8abf0de..238800a 100644 --- a/html/components/header.html +++ b/html/components/header.html @@ -1,3 +1,9 @@ +
+ Work in progress + + this website is still being built. +
+