From 5536803ad6f17440917ab73c57ba845c77097cd5 Mon Sep 17 00:00:00 2001
From: dave <futurechimp@users.noreply.github.com>
Date: Mon, 13 Apr 2026 11:15:44 +0000
Subject: [PATCH] fix: simplify nav with Start dropdown and move Get in touch
 to footer

Nav now shows: How it works, Features, Start (dropdown: Docs, Source,
Releases). Get in touch moved to footer. Cleaner on mobile.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 website/index.html | 13 +++++++++----
 website/style.css  | 39 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 48 insertions(+), 4 deletions(-)

diff --git a/website/index.html b/website/index.html
index ed2d6cb1..7ec89be5 100644
--- a/website/index.html
+++ b/website/index.html
@@ -20,10 +20,14 @@
     <nav>
       <a href="#how">How it works</a>
       <a href="#features">Features</a>
-      <a href="/docs/">Docs</a>
-      <a href="https://code.crashlabs.io/crashlabs/huskies">Source</a>
-      <a href="https://code.crashlabs.io/crashlabs/huskies/releases">Releases</a>
-      <a href="mailto:hello@huskies.dev" class="nav-cta">Get in touch</a>
+      <div class="nav-dropdown">
+        <a href="#" class="nav-cta nav-dropdown-toggle">Start</a>
+        <div class="nav-dropdown-menu">
+          <a href="/docs/">Docs</a>
+          <a href="https://code.crashlabs.io/crashlabs/huskies">Source</a>
+          <a href="https://code.crashlabs.io/crashlabs/huskies/releases">Releases</a>
+        </div>
+      </div>
     </nav>
   </header>
 
@@ -143,6 +147,7 @@
 
   <footer class="reveal r8">
     <span>&copy; 2026 Libby Labs Ltd.</span>
+    <a href="mailto:hello@huskies.dev">Get in touch</a>
     <a href="privacy.html">Privacy Policy</a>
   </footer>
 
diff --git a/website/style.css b/website/style.css
index 6716a3bb..6db8cbfe 100644
--- a/website/style.css
+++ b/website/style.css
@@ -106,6 +106,45 @@ header nav a:hover { color: var(--text); opacity: 1; }
   font-weight: 500;
 }
 
+.nav-dropdown {
+  position: relative;
+}
+
+.nav-dropdown-toggle {
+  cursor: pointer;
+}
+
+.nav-dropdown-menu {
+  display: none;
+  position: absolute;
+  top: 100%;
+  right: 0;
+  margin-top: 0.5rem;
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: 0.5rem;
+  padding: 0.5rem 0;
+  min-width: 140px;
+  z-index: 100;
+}
+
+.nav-dropdown-menu a {
+  display: block;
+  padding: 0.4rem 1rem;
+  font-size: 0.82rem;
+  color: var(--text-secondary);
+}
+
+.nav-dropdown-menu a:hover {
+  background: var(--surface-hover);
+  color: var(--text);
+  opacity: 1;
+}
+
+.nav-dropdown:hover .nav-dropdown-menu {
+  display: block;
+}
+
 /* Hero */
 .hero {
   padding: 10vh 0 6vh;