{{- $url := .RelPermalink -}}
<header class="site">
  <div class="platter grid">
    <h1 class="site">
      <a class="site-name" href="{{ `` | absURL }}">Eryn Wells</a>
    </h1>

    {{- $currentPage := . -}}

    {{ with site.Menus.main }}
    <nav class="site bulleted">
    {{- range . -}}
      <li{{ if $currentPage.HasMenuCurrent "main" . }} class="active"{{ end }}><span>{{ .Name }}</span></li>
    {{- end -}}
    </nav>
    {{ end }}

    <nav class="social">
      {{ with site.Menus.social }}
        {{- range . -}} 
        {{- $targetBlank := .Params.targetBlank | default true -}}
        <li><a style="--url: var(--{{ .Identifier }}-icon)" href="{{ .URL }}" {{ if $targetBlank }}target="_blank"{{ end }} aria-label="{{ .Name }}"><span>{{ .Params.shortName | default .Name }}</span></a></li>
        {{- end -}}
      {{ end }}
    </nav>
  </div>
</header>