Özgür Yazılım Derneği web sitesi
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
oyd-web/layouts/partials/header.html

43 lines
1.4 KiB

<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>