<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) }}aria-current="page"{{ end }}>
              {{ .Name }}
            </a>
          </li>
        {{ end }}
      </ul>

      <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>
</nav>
