32 lines (27 loc) · 796 B
 1<!-- <h1>{{ site.Title }}</h1> -->
 2<!-- {{ partial "menu.html" (dict "menuID" "main" "page" .) }} -->
 3
 4
 5<!-- Ljft side: Name + Theme switch -->
 6<div class="header-left">
 7  <h1 class="site-title">
 8    <a href="{{ "/" | relURL }}">{{ site.Title }}</a>
 9  </h1>
10</div>
11
12<!-- Right side: Menu -->
13<nav class="header-menu">
14  <details class="menu-mobile">
15    <summary class="menu-toggle" aria-label="Toggle menu">
16      <span class="sr-only">Toggle menu</span>
17    </summary>
18
19  </details>
20
21  <!-- desktop menu -->
22  <div class="menu-desktop">
23    {{ $page := . }}
24    {{ with site.Menus.main }}
25      {{ range . }}
26        <a href="{{ .URL }}" class="{{ if strings.HasPrefix $page.RelPermalink .URL }}active{{ end }}">
27          {{ .Name }}
28        </a>
29      {{ end }}
30    {{ end }}
31  </div>
32</nav>