<div class="header-container">
  <a href="/" class="site-title">{{ .Site.Params.author }}</a>
  <div class="header-controls">
    <nav>
      <ul>
        {{ range .Site.Menus.main }}
          <li>
            <a href="{{ .URL }}" {{ if (in $.RelPermalink .URL) }}class="active"{{ end }}>
              {{ .Name }}
            </a>
          </li>
        {{ end }}
      </ul>
    </nav>
    <button id="theme-toggle-btn" class="theme-toggle" aria-label="Toggle theme">🌙 dark</button>
  </div>
</div>
