From 575ef530a77f66ed70872a135ec79d8920872ce5 Mon Sep 17 00:00:00 2001 From: Anas Rashid Date: Fri, 9 Oct 2026 23:33:06 +0200 Subject: [PATCH] Sticky header and a footer that uses its width MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - The header stays at the top for readers and admins alike; its height never changes while scrolling (no jumps), it gains a translucent blurred background and a hairline shadow once scrolled. --header-h keeps anchors (#c6) and the editor's sticky toolbar and code panel clear of it. The header logo is a little smaller (48–60px) - Footer: the brand (logo, name, tagline, the flag line) beside the links, the site's five links down one column with sources and code stacked beside them; licence, contact and attribution in a thin bottom bar. On phones the brand on top and the links in two columns Co-Authored-By: Claude Opus 5.5 --- web/src/layouts/Base.astro | 36 ++++++++++++++++++++++++++-------- web/src/styles/global.css | 40 ++++++++++++++++++++++++++++++-------- 2 files changed, 60 insertions(+), 16 deletions(-) diff --git a/web/src/layouts/Base.astro b/web/src/layouts/Base.astro index f20dba90..9a8f2499 100644 --- a/web/src/layouts/Base.astro +++ b/web/src/layouts/Base.astro @@ -130,7 +130,21 @@ import { brand } from '../lib/brand'; @@ -551,6 +562,15 @@ import { brand } from '../lib/brand';
+