<!-- Header -->
<header id="header" {{- if .IsHome -}}class="alt"{{- end -}}>
    <h1><a href="{{ .Site.BaseURL }}">{{ .Site.Title | markdownify }}</a></h1>
    <nav id="nav">
        <ul>
            {{- range .Site.Menus.main -}}
                <li>
                {{- if .HasChildren -}}
                    <a href="{{ .URL }}" class="icon solid fa-angle-down">{{ .Name }}</a>
                    <ul>
                        {{- range .Children -}}
                        <li><a href="{{ .URL }}">{{ .Name }}</a></li>
                        {{- end -}}
                    </ul>
                {{- else -}}
                    <a href="{{ .URL }}">{{ .Name }}</a>
                {{- end -}}
                </li>
            {{- end -}}
        </ul>
    </nav>
    {{ range .AlternativeOutputFormats -}}
    {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
    {{ end -}}

</header>
