2022-04-09 21:45:40 +00:00
|
|
|
<footer class="colorswitch">
|
2022-04-15 21:49:55 +00:00
|
|
|
<span id="footer-left"><a href="/" id="pageindicator" class="colorswitch" title="{{.Title}}"> {{.Site.Title | truncate 14}}</a></span>
|
2022-04-10 14:55:46 +00:00
|
|
|
<span id="footer-center">
|
|
|
|
<nav id="footer-nav" aria-label="navigation">
|
2022-04-09 16:00:33 +00:00
|
|
|
{{ $currentPage := . }}
|
|
|
|
{{ range .Site.Menus.nav }}
|
2022-04-09 22:15:21 +00:00
|
|
|
<a class="footer-nav-item{{if or ($currentPage.IsMenuCurrent "nav" .) ($currentPage.HasMenuCurrent "nav" .) }} active{{end}} colorswitch" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
|
2022-04-09 16:00:33 +00:00
|
|
|
{{ end }}
|
|
|
|
</nav>
|
2022-04-10 14:55:46 +00:00
|
|
|
</span>
|
|
|
|
<span id="footer-right">
|
2022-04-10 20:28:32 +00:00
|
|
|
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
|
2022-04-15 21:49:55 +00:00
|
|
|
<label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
|
2022-04-16 13:27:19 +00:00
|
|
|
<button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
|
|
|
|
<button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
|
|
|
|
<div class="hamburger colorswitch hidden" id="hamburger-bg">
|
|
|
|
<nav id="hamburger-nav" aria-label="navigation">
|
2022-04-15 21:49:55 +00:00
|
|
|
{{ $currentPage := . }}
|
|
|
|
{{ range .Site.Menus.nav }}
|
2022-04-16 11:18:22 +00:00
|
|
|
<a class="hamburger-nav-item{{if or ($currentPage.IsMenuCurrent "nav" .) ($currentPage.HasMenuCurrent "nav" .) }} active{{end}} colorswitch" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }} {{ .Title }}</a><br>
|
2022-04-15 21:49:55 +00:00
|
|
|
{{ end }}
|
|
|
|
</nav>
|
|
|
|
</div>
|
2022-04-10 14:55:46 +00:00
|
|
|
</span>
|
2022-04-09 16:00:33 +00:00
|
|
|
</footer>
|