toggle button!

This commit is contained in:
zoe 2022-04-10 16:55:46 +02:00
parent f6d2abb6fe
commit 6354e1d70a
6 changed files with 140 additions and 45 deletions

View file

@ -1,14 +1,16 @@
<footer class="colorswitch">
<div id="footer-center">
<nav id="footer-nav">
<span id="footer-left"></span>
<span id="footer-center">
<nav id="footer-nav" aria-label="navigation">
{{ $currentPage := . }}
{{ range .Site.Menus.nav }}
<a class="footer-nav-item{{if or ($currentPage.IsMenuCurrent "nav" .) ($currentPage.HasMenuCurrent "nav" .) }} active{{end}} colorswitch" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
{{ end }}
</nav>
</div>
<div id="footer-right">
<input type="checkbox" id="darkmode-toggle">
</div>
</span>
<span id="footer-right">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
<label class="togglelabel colorswitch" for="darkmode-toggle"></label>
</span>
</footer>
<script src="/js/darkmode.js"></script>