68 lines
1.7 KiB
HTML
68 lines
1.7 KiB
HTML
---
|
|
layout: compress
|
|
---
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="{{ page.lang | default: site.lang | default: " en " }}">
|
|
|
|
{% include header.html %}
|
|
<body data-theme="{{ site.mode }}" class="notransition">
|
|
|
|
<script>
|
|
const body = document.body;
|
|
const data = body.getAttribute("data-theme");
|
|
|
|
const initTheme = (state) => {
|
|
if (state === "dark") {
|
|
body.setAttribute("data-theme", "dark");
|
|
} else if (state === "light") {
|
|
body.removeAttribute("data-theme");
|
|
} else {
|
|
localStorage.setItem("theme", data);
|
|
}
|
|
};
|
|
|
|
initTheme(localStorage.getItem("theme"));
|
|
|
|
setTimeout(() => body.classList.remove("notransition"), 75);
|
|
</script>
|
|
|
|
{% include navbar.html %}
|
|
<div class="wrapper">
|
|
<main aria-label="Content">
|
|
<div class="not-found">
|
|
<div class="container">
|
|
<div class="title">404</div>
|
|
<p class="phrase">😕 Hmm... Looks like this site is gone or never existed.</p>
|
|
<p><a class="solution" href="{{ site.url }}">back home</a></p>
|
|
<br />
|
|
<pre class="highlight" id="code">
|
|
____________________
|
|
/ ________ \
|
|
( / O O )
|
|
\ \________ /
|
|
/ ______ \ \
|
|
( \________/ )
|
|
\____________________/
|
|
</pre>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<script>
|
|
const boi = document.getElementById("code");
|
|
setInterval(function() {
|
|
boi.innerHTML = boi.innerHTML.replaceAll("O", "U");
|
|
}, 5000);
|
|
setTimeout(function() {
|
|
setInterval(function() {
|
|
boi.innerHTML = boi.innerHTML.replaceAll("U", "O");
|
|
}, 5000);
|
|
}, 500);
|
|
</script>
|
|
{% include footer.html %}
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|