diff options
Diffstat (limited to 'layouts/_partials/header.html')
| -rw-r--r-- | layouts/_partials/header.html | 30 |
1 files changed, 21 insertions, 9 deletions
diff --git a/layouts/_partials/header.html b/layouts/_partials/header.html index 872c207..1f8efb8 100644 --- a/layouts/_partials/header.html +++ b/layouts/_partials/header.html @@ -1,17 +1,29 @@ -<div class="header-container"> - <a href="/" class="site-title">{{ .Site.Params.author }}</a> - <div class="header-controls"> - <nav> - <ul> +<nav class="nav-header" role="navigation" aria-label="Main navigation"> + <button class="hamburger" id="hamburger-btn" aria-label="Toggle menu" aria-expanded="false"> + <span></span> + <span></span> + <span></span> + </button> + + <div class="menu-overlay" id="menu-overlay"> + <div class="menu-items"> + <a href="/" class="menu-logo">{{ .Site.Params.author }}</a> + + <ul class="menu-links"> {{ range .Site.Menus.main }} <li> - <a href="{{ .URL }}" {{ if (in $.RelPermalink .URL) }}class="active"{{ end }}> + <a href="{{ .URL }}" {{ if (in $.RelPermalink .URL) }}aria-current="page"{{ end }}> {{ .Name }} </a> </li> {{ end }} </ul> - </nav> - <button id="theme-toggle-btn" class="theme-toggle" aria-label="Toggle theme">🌙 dark</button> + + <div class="menu-footer"> + <button class="theme-switch" id="theme-switch" aria-label="Toggle theme"> + <span class="theme-switch-dot"></span> + </button> + </div> + </div> </div> -</div> +</nav> |