diff --git a/about.html b/about.html index b1bb288..1f9bfaf 100644 --- a/about.html +++ b/about.html @@ -106,6 +106,58 @@ height: 18px; } + .nav-toggle { + display: none; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; + border: none; + background: none; + color: var(--muted); + cursor: pointer; + padding: 0; + } + + .nav-toggle svg { + width: 20px; + height: 20px; + } + + @media (max-width: 700px) { + .nav-toggle { + display: flex; + } + + nav { + display: none; + position: absolute; + top: 64px; + left: 0; + right: 0; + flex-direction: column; + align-items: flex-start; + gap: 0; + background: var(--bg); + border-bottom: 1px solid var(--border); + padding: 8px 24px 20px; + z-index: 20; + } + + nav.nav-open { + display: flex; + } + + nav a { + width: 100%; + padding: 12px 0; + } + + nav .theme-toggle { + margin-top: 8px; + } + } + html { transition: filter 0.3s ease; } @@ -335,7 +387,11 @@ Austin Edmonson -