You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
3.1 KiB
HTML
80 lines
3.1 KiB
HTML
{{define "base"}}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ template "title" . }}</title>
|
|
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
|
|
integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
|
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css"
|
|
integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous">
|
|
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js"
|
|
integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4"
|
|
crossorigin="anonymous"></script>
|
|
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js"
|
|
integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa"
|
|
crossorigin="anonymous"></script>
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
renderMathInElement(document.body, {
|
|
delimiters: [
|
|
{ left: "$", right: "$", display: false },
|
|
{ left: "$$", right: "$$", display: true },
|
|
{ left: "\\(", right: "\\)", display: false },
|
|
{ left: "\\[", right: "\\]", display: true }
|
|
]
|
|
});
|
|
});
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const $toggle = document.querySelector('#toggle-dark-mode');
|
|
const $toggleIcon = document.querySelector('#toggle-dark-mode i');
|
|
|
|
// Loads prefered dark from from localStorage or defaults to media query.
|
|
let prefersDarkMode = localStorage.getItem('theme') !== undefined ? localStorage.getItem('theme') === 'dark' : window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
|
|
function storePrefersDarkMode(mode) {
|
|
prefersDarkMode = mode;
|
|
localStorage.setItem('theme', mode ? 'dark' : 'light');
|
|
}
|
|
|
|
function displayToggle() {
|
|
document.body.classList.toggle('dark-mode', prefersDarkMode);
|
|
$toggleIcon.classList.toggle('fa-moon', prefersDarkMode);
|
|
$toggleIcon.classList.toggle('fa-sun', !prefersDarkMode);
|
|
}
|
|
|
|
$toggle.addEventListener('click', () => {
|
|
storePrefersDarkMode(!prefersDarkMode);
|
|
displayToggle();
|
|
});
|
|
|
|
displayToggle();
|
|
});
|
|
</script>
|
|
|
|
<link rel="stylesheet" href="/public/style.css">
|
|
<link rel="stylesheet" href="/public/theme-dark.css">
|
|
</head>
|
|
|
|
<body {{ if .Page.Name }}class="page-{{ .Page.Name }}"{{ end }}>
|
|
{{ template "navbar" . }}
|
|
|
|
<div class="main">
|
|
{{ template "body" . }}
|
|
</div>
|
|
|
|
<footer>
|
|
<div class="footer-item">
|
|
<a href="mailto:{{ .Config.Email }}">{{ .Config.Email }}</a>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
|
|
</html>
|
|
{{end}}
|