<header id="luxbar" class="luxbar-default">
  <input type="checkbox" class="luxbar-checkbox" id="luxbar-checkbox"/>
  <div class="luxbar-menu luxbar-menu-right luxbar-menu-light">
    <ul class="luxbar-navigation">
      <li class="luxbar-header">
        <a href="/" class="luxbar-brand"><i class="fa fa-home"></i></a>
        <label class="luxbar-hamburger luxbar-hamburger-spin" id="luxbar-hamburger" for="luxbar-checkbox"> <span></span> </label>
      </li>
      {{- $rel := .RelPermalink -}}
      {{- if .Site.Menus.main -}}
        {{- range sort .Site.Menus.main -}}
        <!-- if RelPermalink = this menu item, mark it -->
        <li class="luxbar-item {{if eq $rel .URL}}active{{end}}"><a href="{{ .URL }}">{{ .Name }}</a></li>
        {{- end -}}
      {{ end }}
    </ul>
  </div>
</header>
