52 lines
2.2 KiB
HTML
52 lines
2.2 KiB
HTML
<!-- STICKY NAVBAR -->
|
|
<header>
|
|
<div uk-sticky="animation: uk-animation-slide-top; sel-target: .op-navbar; cls-active: uk-navbar-sticky">
|
|
<nav class="op-navbar uk-navbar-container" aria-label="Hauptnavigation">
|
|
<div class="uk-container uk-container-expand">
|
|
<div uk-navbar="mode: click; dropbar: false">
|
|
|
|
<!-- Logo -->
|
|
<div class="uk-navbar-left">
|
|
<a class="op-logo uk-navbar-item uk-logo" href="{{ site.Home.RelPermalink }}" aria-label="{{ site.Title }}">
|
|
<img class="op-logo__img" src="{{ "images/logos/Logo_OP_DZ_blau.svg" | relURL }}"
|
|
alt="{{ site.Title }}" width="115" height="44">
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Desktop-Navigation -->
|
|
<div class="uk-navbar-right uk-visible@m">
|
|
<ul class="uk-navbar-nav">
|
|
{{ range site.Menus.main }}
|
|
{{ if .HasChildren }}
|
|
<li class="{{ if $.IsMenuCurrent "main" . }}uk-active{{ end }}">
|
|
<a href="{{ partial "menu-url.html" .URL }}" aria-haspopup="true">{{ .Name }} <span uk-navbar-parent-icon></span></a>
|
|
<div class="uk-navbar-dropdown">
|
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
{{ range .Children }}
|
|
<li><a href="{{ partial "menu-url.html" .URL }}">{{ .Name }}</a></li>
|
|
{{ end }}
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
{{ else }}
|
|
<li class="{{ if $.IsMenuCurrent "main" . }}uk-active{{ end }}">
|
|
<a href="{{ partial "menu-url.html" .URL }}"{{ if $.IsMenuCurrent "main" . }} aria-current="page"{{ end }}>{{ .Name }}</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ end }}
|
|
</ul>
|
|
<div class="uk-navbar-item">{{ partial "language-switcher.html" (dict "page" . "variant" "dropdown") }}</div>
|
|
</div>
|
|
|
|
<!-- Mobile-Toggle -->
|
|
<div class="uk-navbar-right uk-hidden@m">
|
|
<a class="uk-navbar-toggle" href="#op-offcanvas" uk-toggle
|
|
uk-navbar-toggle-icon aria-label="Menü öffnen"></a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|