birdsounds.media/layouts/partials/site-header.html
a 9aa43df629 First commit
The basic parts of the layouts/theme should work. I have only populated 2 albums so far.
2024-05-17 21:14:05 -05:00

41 lines
1.3 KiB
HTML

<header class="site-header">
<header class="masthead">
<a href="{{ .Site.BaseURL }}">
<img src="/koken_y.png" alt="birdsounds.media logo">
</a>
</header>
<input class="menu-btn" type="checkbox" id="menu-btn" name="menu-btn" />
<label class="menu-icon" for="menu-btn">
{{ partial "svg/mdi.menu.html" . }}
</label>
<div class="navs">
{{ $currentPage := . }}
<nav class="main">
{{ with .Site.Menus.main }}
<ul>
{{ range . }}
<li class="{{ if $currentPage.IsMenuCurrent "main" .}}active{{ end }}"><a href="{{ or .PageRef .URL }}">{{ .Name }}{{ if not .PageRef }}{{ partial "svg/oi.external-link.html" .}}{{ end }}</a></li>
{{ end }}
</ul>
{{ end }}
</nav>
<nav class="second">
{{ with .Site.Menus.second }}
<ul>
{{ range . }}
<li class="{{ if $currentPage.IsMenuCurrent "second" .}}active{{ end }}"><a href="{{ or .PageRef .URL }}">{{ .Name }}{{ if not .PageRef }}{{ partial "svg/oi.external-link.html" .}}{{ end }}</a></li>
{{ end }}
</ul>
{{ end }}
</nav>
<nav class="third">
{{ with .Site.Menus.third }}
<ul>
{{ range . }}
<li class="{{ if $currentPage.IsMenuCurrent "third" .}}active{{ end }}"><a href="{{ or .PageRef .URL }}">{{ .Name }}{{ if not .PageRef }}{{ partial "svg/oi.external-link.html" .}}{{ end }}</a></li>
{{ end }}
</ul>
{{ end }}
</nav>
</div>
</header>