<header id="header">
  <div id="title">
    <h1>
      <a href="{{ .Site.BaseURL }}" class="site-title">
        {{ .Site.Title }}
      </a>

      <button id="theme-toggle" type="button" aria-label="Toggle theme">
        <i id="theme-icon" class="fa-regular fa-moon"></i>
      </button>
      
    </h1>
  </div>

  <div id="nav">
    <ul>
      <li class="icon">
        <a href="#" aria-label="Menu">
          <i class="fas fa-bars fa-2x"></i>
        </a>
      </li>
      {{ range .Site.Menus.main }}
        <li><a href="{{ .URL }}">{{ .Name }}</a></li>
      {{ end }}
    </ul>
  </div>
</header>