layout: compress
<!DOCTYPE html> <html lang=“en”>
{% include head.html %} <body> <main>{% include anchor_headings.html html=content anchorBody="#" %}</main> <script> function setTheme(theme) { if (theme === "dark") { document.documentElement.setAttribute("data-theme", "dark"); window.localStorage.setItem("theme", "dark"); document.getElementById("theme-toggle").classList.add("sun"); document.getElementById("theme-toggle").classList.remove("moon"); } else { document.documentElement.setAttribute("data-theme", "light"); window.localStorage.setItem("theme", "light"); document.getElementById("theme-toggle").classList.add("moon"); document.getElementById("theme-toggle").classList.remove("sun"); } } let theme = localStorage.getItem("theme"); theme = theme || (window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light"); setTheme(theme); function modeSwitcher() { let currentMode = document.documentElement.getAttribute("data-theme"); if (currentMode === "dark") { setTheme("light"); } else { setTheme("dark"); } } </script> </body> <footer class="social-footer"> <p>© {{ site.time | date: '%Y' }} · <a href="mailto:{{ site.author.email }}" >{{ site.author.name }}</a></p> </footer>
</html>