1{{- /* Mobile menu panel. Lives OUTSIDE .site-header-bar (the blurred strip):
2 an ancestor with backdrop-filter forms a backdrop root and would kill
3 this panel's own blur. Toggled via :has() on .site-header-outer. */ -}}
4<div class="menu-panel">
5 <nav class="menu-list">
6 <a href="{{ "/" | relURL }}" class="{{ if .IsHome }}active{{ end }}">
7 <span class="menu-list__num">01</span>
8 Home
9 </a>
10 {{ $page := . }}
11 {{ with site.Menus.main }}
12 {{ range $i, $item := . }}
13 <a href="{{ $item.URL }}" class="{{ if strings.HasPrefix $page.RelPermalink $item.URL }}active{{ end }}">
14 <span class="menu-list__num">{{ printf "%02d" (add $i 2) }}</span>
15 {{ $item.Name }}
16 </a>
17 {{ end }}
18 {{ end }}
19 </nav>
20 {{ partial "theme-switcher.html" }}
21 <button type="button" class="menu-panel__close" data-menu-close aria-label="Close menu">close</button>
22</div>