22 lines
1.2 KiB
HTML
22 lines
1.2 KiB
HTML
<header class="top">
|
|
<div class="wrap top-in">
|
|
{{ $logoOnly := and (look "logo") (eq (look "brand") "logo") }}
|
|
<a class="brand" href="/">
|
|
{{- with look "logo" }}<img class="brand-logo{{ if look "logo-dark" }} only-light{{ end }}" src="{{ . }}" alt="{{ if $logoOnly }}{{ $.Site.Config.Name }}{{ end }}">{{ end }}
|
|
{{- with look "logo-dark" }}<img class="brand-logo only-dark" src="{{ . }}" alt="{{ if $logoOnly }}{{ $.Site.Config.Name }}{{ end }}">{{ end }}
|
|
{{- if not $logoOnly }}<span>{{ .Site.Config.Name }}</span>{{ end -}}
|
|
</a>
|
|
<button class="menu-btn" type="button" aria-expanded="false" aria-controls="site-nav">Menu</button>
|
|
<nav id="site-nav" aria-label="Main">
|
|
<ul>
|
|
{{ range menu "main" }}<li><a href="{{ .URL }}"{{ if eq $.Path .URL }} aria-current="page"{{ else if $.InSection .URL }} class="active"{{ end }}>{{ .Name }}</a></li>{{ end }}
|
|
</ul>
|
|
</nav>
|
|
<div class="theme" role="group" aria-label="Color theme">
|
|
<button type="button" data-theme-set="light">Light</button>
|
|
<button type="button" data-theme-set="auto">Auto</button>
|
|
<button type="button" data-theme-set="dark">Dark</button>
|
|
</div>
|
|
</div>
|
|
</header>
|