{% extends "base.html" %} {% block content %}

<div
    id="suggestions"
    style="
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; /* Center vertically */
        height: 100%; /* Adjust height as needed */
    "
>
    <p><strong>I think you stumbled on something non existent :)</strong></p>
</div>

{% set jsHash = get_hash(path="js/404-matcher.js", sha_type=256, base64=true) %}
<script
    src="{{ get_url(path='js/404-matcher.js?' ~ jsHash, trailing_slash=false) | safe }}"
    defer
></script>

<!-- <script>
    const link = document.getElementById("redirect");

    // count down to redirect
    let count = 5;
    const interval = setInterval(() => {
        count--;
        link.innerText = `Redirecting you back home in ${count}`;
        if (count === 0) {
            clearInterval(interval);
            window.location.href = "/";
        }
    }, 1000);
</script> -->

{% endblock content %}