Update frontend
This commit is contained in:
+2
-38
@@ -17,44 +17,8 @@
|
||||
<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>
|
||||
|
||||
<script src="/public/base.min.js"></script>
|
||||
|
||||
<link rel="stylesheet" href="/public/style.css">
|
||||
<link rel="stylesheet" href="/public/theme-dark.css">
|
||||
|
||||
+2
-2
@@ -3,7 +3,7 @@
|
||||
{{define "title"}}Home • PHC{{end}}
|
||||
|
||||
{{define "body"}}
|
||||
<canvas id="circuit-pattern"></canvas>
|
||||
<canvas id="wires-animation"></canvas>
|
||||
|
||||
<!-- Non avevo molta fantasia per il nome di questa classe -->
|
||||
<section class="super">
|
||||
@@ -103,5 +103,5 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script src="/public/home.js"></script>
|
||||
<script src="/public/homepage-art.min.js"></script>
|
||||
{{end}}
|
||||
|
||||
Reference in New Issue
Block a user