mirror of
https://github.com/Wonderfall/hugo-WonderMod.git
synced 2024-11-30 06:16:54 +01:00
a9e00a3640
for having default-theme with theme-toggle * can set/unset default theme * for default-theme: dark/light : theme-toggle will not be visible * theme-toggle with defaultheme: auto is functional fixes #25 for #15
69 lines
2.8 KiB
HTML
69 lines
2.8 KiB
HTML
<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 }} |