zoe/hugo-battheme
1
0
Fork 0
mirror of https://git.kittycat.homes/zoe/hugo-battheme.git synced 2024-08-15 03:25:18 +00:00
Code Issues Projects Releases Wiki Activity

clean up js, start adding hamburger

Browse source
This commit is contained in:
zoe 2022-04-15 23:49:55 +02:00
parent b8901b68d7
commit 137f5a2b05
11 changed files with 120 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

2
layouts/_default/baseof.html
View file

@ -5,6 +5,6 @@
{{- partial "header.html" . -}}
<div id="content">{{- block "main" . }}{{- end }}</div>
{{- partial "footer.html" . -}}
<script src="/js/main.js"></script>
<script type="module" src="/js/main.js"></script>
</body>
</html>

14
layouts/partials/footer.html
View file

@ -1,5 +1,5 @@
<footer class="colorswitch">
<span id="footer-left"></span>
<span id="footer-left"><a href="/" id="pageindicator" class="colorswitch" title="{{.Title}}"> {{.Site.Title | truncate 14}}</a></span>
<span id="footer-center">
<nav id="footer-nav" aria-label="navigation">
{{ $currentPage := . }}
@ -10,6 +10,16 @@
</span>
<span id="footer-right">
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
<label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox"></label>
<label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
<button type="button" id="hamburger-button" class="colorswitch hamburger"></button>
<div class="hamburger colorswitch" id="hamburger-bg">
<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>
</span>
</footer>