{{- $page := . -}}
{{- with site.Menus.main }}
  <nav class="navbar">
    <p><a href="{{ site.Home.RelPermalink }}">{{ site.Title }}</a></p>
    <label for="dropdown">
      <svg height="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
        <title>Menu</title>
        <path d="M96 160C96 142.3 110.3 128 128 128L512 128C529.7 128 544 142.3 544 160C544 177.7 529.7 192 512 192L128 192C110.3 192 96 177.7 96 160zM96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320zM544 480C544 497.7 529.7 512 512 512L128 512C110.3 512 96 497.7 96 480C96 462.3 110.3 448 128 448L512 448C529.7 448 544 462.3 544 480z"/>
      </svg>
    </label>
    <input type="checkbox" id="dropdown" checked/>
    <ul>
      {{- range . }}
        {{- $attrs := dict "href" .URL }}
        {{- if or ($page.IsMenuCurrent "main" .) ($page.HasMenuCurrent "main" .) }}
          {{- $attrs = merge $attrs (dict "class" "active" "aria-current" "page") }}
        {{- end }}
        {{- $name := .Name }}
        <li>
          <a
            {{- range $k, $v := $attrs }}
              {{- with $v }}
                {{- printf " %s=%q" $k $v | safeHTMLAttr }}
              {{- end }}
            {{- end -}}
          >{{ $name }}</a>
        </li>
      {{- end }}
    </ul>
  </nav>
{{- end }}