35 lines
1.3 KiB
HTML
35 lines
1.3 KiB
HTML
{{ $.Scratch.Set "counter" 0 }}
|
|
{{ $.Scratch.Set "counter" (add ($.Scratch.Get "counter") 1) }}
|
|
|
|
<header>
|
|
<div class="header-content">
|
|
|
|
<a href="/" class="logo"><img src="/afbeeldingen/logo/nluug-logo.png" alt="NLUUG-logo" title="{{ .Site.Title }}"></a>
|
|
|
|
<input type="checkbox" id="hamburger" aria-label="menu button">
|
|
<label for="hamburger"><span></span></label>
|
|
|
|
<nav aria-label="main navigation">
|
|
|
|
<ul class="menus menu">
|
|
{{ $currentPage := . }}
|
|
{{ range .Site.Menus.main }}
|
|
{{ if .Children }}
|
|
{{ $.Scratch.Set "counter" (add ($.Scratch.Get "counter") 1) }}
|
|
<li>
|
|
<button type="button" aria-haspopup="true" aria-expanded="true" aria-controls="dropdown{{ $.Scratch.Get "counter" }}">{{ .Name }}<span class="arrow"></span></button>
|
|
<ul class="dropdown" id="dropdown{{ $.Scratch.Get "counter" }}">
|
|
{{ range .Children }}
|
|
<li><a href="{{ .URL }}">{{ .Name }}</a></li>
|
|
{{ end }}
|
|
</ul>
|
|
</li>
|
|
{{ else }}
|
|
<li class="{{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}"><a href="{{ .URL }}">{{ .Name }}</a></li>
|
|
{{ end }}
|
|
{{ end }}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|