hugo-battheme/layouts/partials/footer.html

<footer class="colorswitch">
    <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 := . }}
    {{ 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>
</span>
<span id="footer-right">
        <div class="flexjs">
        <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" id="darkmode-toggle-label"></label>
        </div>
        <div class="flexjs">
        <button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
        <nav aria-label="hamburger menu">
        <button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
        </nav>
        </div>
        <noscript>
            <nav>
            <a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
            </nav>
        </noscript>
        <div class="hamburger colorswitch hidden" id="hamburger-bg">
<nav id="hamburger-nav" aria-label="navigation">
    {{ $currentPage := . }}
    {{ range .Site.Menus.nav }}
    <a class="hamburger-nav-item{{if or ($currentPage.IsMenuCurrent "nav" .) ($currentPage.HasMenuCurrent "nav" .) }} active{{end}} colorswitch" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }} {{ .Title }}</a><br>
    {{ end }}
</nav>
</span>
</noscript>
</footer>