61 lines
1.8 KiB
HTML
61 lines
1.8 KiB
HTML
<header class="container">
|
|
<nav class="main-nav" id="js-navbar">
|
|
<div>
|
|
<a class="logo" href="{{ site.Home.Permalink }}">{{ .Site.Title }}</a>
|
|
<div class="logo-bar"></div>
|
|
</div>
|
|
<ul class="menu" id="js-menu">
|
|
{{ $currentPage := . }} {{ range .Site.Menus.main }} {{ if .HasChildren }}
|
|
<li class="menu-item">
|
|
<span class="menu-link"
|
|
>{{ .Name }}<span class="drop-icon">▾</span></span
|
|
>
|
|
<ul class="sub-menu">
|
|
{{ range .Children }}
|
|
<li class="menu-item">
|
|
<a href="{{ .URL }}" class="menu-link">{{ .Name }}</a>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
</li>
|
|
{{ else }}
|
|
<li class="menu-item">
|
|
<a href="{{ .URL }}" class="menu-link">{{ .Name }}</a>
|
|
</li>
|
|
{{ end }} {{ end }}
|
|
<li class="menu-item--align">
|
|
<!-- <div class="langs">
|
|
<ul>
|
|
{{ range $.Site.Home.AllTranslations }}
|
|
<li><a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></li>
|
|
{{ end }}
|
|
</ul>
|
|
|
|
|
|
</div> -->
|
|
<div class="switch">
|
|
<input class="switch-input" type="checkbox" id="themeSwitch" />
|
|
<label aria-hidden="true" class="switch-label" for="themeSwitch"
|
|
>On</label
|
|
>
|
|
<div aria-hidden="true" class="switch-marker"></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<span class="nav-toggle" id="js-navbar-toggle">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
id="Outline"
|
|
viewBox="0 0 24 24"
|
|
width="30"
|
|
height="30"
|
|
fill="var(--color-contrast-high)"
|
|
>
|
|
<rect y="11" width="24" height="2" rx="1" />
|
|
<rect y="4" width="24" height="2" rx="1" />
|
|
<rect y="18" width="24" height="2" rx="1" />
|
|
</svg>
|
|
</span>
|
|
</nav>
|
|
</header>
|