<footer class="footer"> {{- if .Site.Copyright }} <span>{{ .Site.Copyright | markdownify }}</span> {{- else }} <span>© {{ now.Year }} <a href="{{ "" | absLangURL }}">{{ .Site.Title }}</a></span> {{- end }} <span>·</span> <span>Powered by <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo️️</a>️</span> <span>·</span> <span>Theme️ <a href="https://git.io/hugopapermod" rel="noopener" target="_blank">PaperMod</a></span> </footer> <a href="#top" aria-label="go to top" title="Go to Top"> <button class="top-link" id="top-link" type="button"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6"> <path d="M12 6H0l6-6z" /></svg> </button> </a> {{ if in site.Params.mainSections .Type }} {{- $highlight := slice (resources.Get "js/highlight.min.js") | resources.Concat "assets/js/highlight.js" | minify | fingerprint -}} <script src="{{ $highlight.Permalink }}" integrity="{{ $highlight.Data.Integrity }}"></script> <script>hljs.initHighlightingOnLoad();</script> {{- end }} <script> window.onload = function () { if (localStorage.getItem("menu-scroll-position")) { document.getElementById('menu').scrollLeft = localStorage.getItem("menu-scroll-position"); } } document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener("click", function (e) { e.preventDefault(); document.querySelector(this.getAttribute("href")).scrollIntoView({ behavior: "smooth" }); }); }); var mybutton = document.getElementById("top-link"); window.onscroll = function () { if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) { mybutton.style.visibility = "visible"; mybutton.style.opacity = "1"; } else { mybutton.style.visibility = "hidden"; mybutton.style.opacity = "0"; } }; function menu_on_scroll() { localStorage.setItem("menu-scroll-position", document.getElementById('menu').scrollLeft); } </script> {{- if (and (not .Site.Params.disableThemeToggle) (not (or (eq .Site.Params.defaultTheme "light") (eq .Site.Params.defaultTheme "dark")))) }} <script> document.getElementById("theme-toggle").addEventListener("click", () => { if (document.body.className.includes("dark")) { document.body.classList.remove('dark'); localStorage.setItem("pref-theme", 'light'); } else { document.body.classList.add('dark'); localStorage.setItem("pref-theme", 'dark'); } }) </script> {{- else -}} <!-- case where owner disables theme button after deployment, this resets the stored theme --> <script> localStorage.removeItem("pref-theme"); </script> {{- end }}