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>
This commit is contained in:
dave
2026-04-13 11:15:44 +00:00
parent c4462e2918
commit 5536803ad6
2 changed files with 48 additions and 4 deletions
+9 -4
View File
@@ -20,10 +20,14 @@
<nav> <nav>
<a href="#how">How it works</a> <a href="#how">How it works</a>
<a href="#features">Features</a> <a href="#features">Features</a>
<a href="/docs/">Docs</a> <div class="nav-dropdown">
<a href="https://code.crashlabs.io/crashlabs/huskies">Source</a> <a href="#" class="nav-cta nav-dropdown-toggle">Start</a>
<a href="https://code.crashlabs.io/crashlabs/huskies/releases">Releases</a> <div class="nav-dropdown-menu">
<a href="mailto:hello@huskies.dev" class="nav-cta">Get in touch</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>
</div>
</div>
</nav> </nav>
</header> </header>
@@ -143,6 +147,7 @@
<footer class="reveal r8"> <footer class="reveal r8">
<span>&copy; 2026 Libby Labs Ltd.</span> <span>&copy; 2026 Libby Labs Ltd.</span>
<a href="mailto:hello@huskies.dev">Get in touch</a>
<a href="privacy.html">Privacy Policy</a> <a href="privacy.html">Privacy Policy</a>
</footer> </footer>
+39
View File
@@ -106,6 +106,45 @@ header nav a:hover { color: var(--text); opacity: 1; }
font-weight: 500; 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 */
.hero { .hero {
padding: 10vh 0 6vh; padding: 10vh 0 6vh;