From 7f9328f2ef6f088c27c23443f4f18554dbc244d0 Mon Sep 17 00:00:00 2001 From: Daniel Heim Date: Mon, 8 Jun 2026 08:59:15 +0200 Subject: [PATCH] Header: responsive Bildmarke + Apex Brush wordmark lockup MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Replace the baked-in full-logo PNG in the header with the standalone Bildmarke (SVG) + live Apex Brush wordmark; "Regenbogen" uses the rainbow gradient (same as headings) - Responsive: icon-only on mobile, two-line wordmark on sm–lg, one-line on xl; move nav breakpoint md->lg so the two-line wordmark doesn't collide with the inline nav (tablet uses the menu button) - Footer and elsewhere keep the full logo Co-Authored-By: Claude Opus 4.8 (1M context) --- public/logo/bildmarke.svg | 1 + src/components/Header.astro | 29 +++++++++++++++++++---------- 2 files changed, 20 insertions(+), 10 deletions(-) create mode 100644 public/logo/bildmarke.svg diff --git a/public/logo/bildmarke.svg b/public/logo/bildmarke.svg new file mode 100644 index 0000000..e2bd9f9 --- /dev/null +++ b/public/logo/bildmarke.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/Header.astro b/src/components/Header.astro index b07da6b..d4db318 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -15,13 +15,22 @@ const isActive = (href: string) => pathname === href || pathname.startsWith(href
- - - Kitafreunde Regenbogen + + + + + - -
- -