From ee04170275f770d3d513542feb28b2b52ffbb74d Mon Sep 17 00:00:00 2001 From: Matthew Meszaros Date: Tue, 26 May 2026 14:07:49 +0000 Subject: [PATCH] site(header): sky-themed compact dropdown - 340px panel with a sky-gradient header strip (sky-6 to sky-8 deep gradient + soft cloud accents in screen blend) and white body. - Header strip says 'CHOOSE A PRODUCT' (mono uppercase) plus the count. - Body: 6 product rows, each row title + mono uppercase tag on one line, hover light surface bg, current page sky tinted with sky dot. - Compact, sky-family, not the typical icon-grid mega-menu. --- site/src/components/Header.astro | 108 ++++++++++++------------------- 1 file changed, 40 insertions(+), 68 deletions(-) diff --git a/site/src/components/Header.astro b/site/src/components/Header.astro index b99cfb0b..e43baeb1 100644 --- a/site/src/components/Header.astro +++ b/site/src/components/Header.astro @@ -64,77 +64,49 @@ function active(match?: string) { - -
-
- -
- -
- -
-
-
The platform
-
{products.length} systems
-
-
    - {products.map((it, i) => { - const isCurrent = path === it.href || path.startsWith(it.href); - return ( -
  1. - - {String(i + 1).padStart(2, '0')} - - {it.title} - {it.tag} - - {isCurrent - ? - : - } - -
    2. - ); - })} -
-
- - -
-
From the handbook
- - -
- - Essential read -
-

- The deliverability handbook. -

-

- Authentication, warmup, volume, reputation. The full mental model in eight chapters. -

-
- 14 min · 8 chapters - - Read - - -
- + +
+
+ +
+ +
+
Choose a product
+
{products.length}
- -
- - github.com/warmbly/warmbly - - /pricing → + +
+ {products.map((it) => { + const isCurrent = path === it.href || path.startsWith(it.href); + return ( + +
+ {it.title} + {it.tag} +
+ {isCurrent + ? + : + } + + ); + })}