<header class="main-header main-header-full">
    <!--<img class="avatar no-print" src="{{ .Site.BaseURL  }}images/avatar.png">-->
    <h1 class="title no-reformat">
      <img class="avatar no-print" src="{{ .Site.BaseURL  }}images/assets/avatar.png">
      <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
    </h1>
  </a>
  <nav class="no-print full" role="navigation" aria-label="Primary">
    <ul>
      {{ $currentPage := . -}}
      {{ range sort .Site.Menus.main -}}
      <li class="nav-item">
        <a class="nav-item-link{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}"
           href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
      </li>
      {{ end -}}
      <li class="nav-item">
        {{ if .IsPage -}}
        <a class="nav-item-link"
           href="{{ .Site.BaseURL }}index.xml"
           title="{{ i18n "subscribeToPublications" }} {{ i18n "toWebsite" }}">
          <img class="rss-icon" src="/images/assets/rss.png" />
        </a>
        {{ else if .IsHome -}}
        <a class="nav-item-link"
           href="{{ .Site.BaseURL }}index.xml"
           title="{{ i18n "subscribeToPublications" }} {{ i18n "toWebsite" }}">
          <img class="rss-icon" src="/images/assets/rss.png" />
        </a>
        {{ else if .IsNode -}}
        <a class="nav-item-link"
           href="{{ .Permalink }}index.xml"
           title="{{ i18n "subscribeToPublications" }} {{ i18n "toSection" }}">
          <img class="rss-icon" src="/images/assets/rss.png" />
        </a>
        {{ end -}}
      </li>
    </ul>
  </nav>

  <!-- Mobile menu -->

  <nav class="no-print mobile" role="navigation" aria-label="Primary">
    <div id="menuToggle">
      <!--
      A fake / hidden checkbox is used as click reciever,
      so you can use the :checked selector on it.
      -->
      <input type="checkbox" onclick="pushedDown()" />

      <!--
      Some spans to act as a hamburger.

      They are acting like a real hamburger,
      not that McDonalds stuff.
      -->
      <span></span>
      <span></span>
      <span></span>

      <ul id="menu">
        {{ $currentPage := . -}}
        {{ range sort .Site.Menus.main -}}
        <li class="nav-item">
          <a class="nav-item-link{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}"
             href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
        </li>
        {{ end -}}
        <li class="nav-item">
          {{ if .IsPage -}}
          <a class="nav-item-link"
             href="{{ .Site.BaseURL }}index.xml"
             title="{{ i18n "subscribeToPublications" }} {{ i18n "toWebsite" }}">
            <img class="rss-icon" src="/images/assets/rss.png" />
          </a>
          {{ else if .IsHome -}}
          <a class="nav-item-link"
             href="{{ .Site.BaseURL }}index.xml"
             title="{{ i18n "subscribeToPublications" }} {{ i18n "toWebsite" }}">
            <img class="rss-icon" src="/images/assets/rss.png" />
          </a>
          {{ else if .IsNode -}}
          <a class="nav-item-link"
             href="{{ .Permalink }}index.xml"
             title="{{ i18n "subscribeToPublications" }} {{ i18n "toSection" }}">
            <img class="rss-icon" src="/images/assets/rss.png" />
          </a>
          {{ end -}}
        </li>
      </ul>
    </div>
  </nav>
</header>
