the home site for me: also iteration 3 or 4 of my site
feat: add 404 page
+31
+31
templates/404.html
+31
templates/404.html
···
1
+
{% extends "base.html" %} {% block content %}
2
+
3
+
<div
4
+
style="
5
+
display: flex;
6
+
flex-direction: column;
7
+
justify-content: center;
8
+
align-items: center; /* Center vertically */
9
+
height: 100%; /* Adjust height as needed */
10
+
"
11
+
>
12
+
<p><strong>I think you stumbled on something non existent :)</strong></p>
13
+
<p><i id="redirect">Redirecting you back home in 5</i></p>
14
+
</div>
15
+
16
+
<script>
17
+
const link = document.getElementById("redirect");
18
+
19
+
// count down to redirect
20
+
let count = 5;
21
+
const interval = setInterval(() => {
22
+
count--;
23
+
link.innerText = `Redirecting you back home in ${count}`;
24
+
if (count === 0) {
25
+
clearInterval(interval);
26
+
window.location.href = "/";
27
+
}
28
+
}, 1000);
29
+
</script>
30
+
31
+
{% endblock content %}