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 @@ @@ -143,6 +147,7 @@ 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;