<header class="navbar">
  <div class="navbar-container">

    <a href="/" class="logo"><img src="/oyd_logo.svg" alt="Özgür Yazılım Derneği" width="auto" height="60"/></a>
    <nav id="main-menu" class="main-menu">
      <a href="#close"
       id="main-menu-close"
       class="menu-close"
       aria-label="Menüyü kapat">
      <span class="fa fa-times" aria-hidden="true"></span>
    </a>
    <!--
    == Main menu heading ==
    - Added June 23, 2020
    - Adds heading for unordered list of links for better accessibility, using aria-labelledby
    -->
      <!-- <label for="drawer-control" class="drawer-toggle"></label> -->
      <!-- <input type="checkbox" id="drawer-control" class="drawer"> -->
      <!-- <label for="drawer-control" class="drawer-close"></label> -->
      <ul aria-labelledby="main-menu-heading">
      {{ $currentPage := . }}
      {{ range .Site.Menus.main }}
      <li>
      <a class="{{ if hasPrefix $currentPage.URL .URL }}active{{ end }}" href="{{ .URL }}" title="{{ .Title }}">
        {{ .Name }}
      </a>
      </li>
      {{ end }}
	{{ range .Translations }}
		<li><a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></li>
	{{ end}}
  </ul>

    </nav>
    <a href="#main-menu"
     id="main-menu-toggle"
     class="menu-toggle"
     aria-label="Menüyü aç">
    <span class="fa fa-bars" aria-hidden="true"></span>
  </a>

  </div>
</header>
