{{ define "title" }}404 &middot; tangled{{ end }}

{{ define "content" }}
<div class="flex flex-col items-center justify-center min-h-[60vh] text-center">
    <div class="bg-white dark:bg-gray-800 rounded-lg drop-shadow-sm p-8 max-w-lg mx-auto">
        <div class="mb-6">
            <div class="w-16 h-16 mx-auto mb-4 rounded-full bg-orange-100 dark:bg-orange-900/30 flex items-center justify-center">
                {{ i "book-x" "w-8 h-8 text-orange-500 dark:text-orange-400" }}
            </div>
        </div>

        <div class="space-y-4">
            <h1 class="text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white">
                404 &mdash; repository not found
            </h1>
            <p class="text-gray-600 dark:text-gray-300">
                The repository you were looking for could not be found. The knot serving the repository may be unavailable.
            </p>
            <div class="flex flex-col sm:flex-row gap-3 justify-center items-center mt-6">
                <a href="/" class="btn flex items-center gap-2 no-underline hover:no-underline">
                    {{ i "arrow-left" "w-4 h-4" }}
                    back to timeline
                </a>
            </div>
        </div>
    </div>
</div>
{{ end }}
