60 lines
No EOL
2.9 KiB
HTML
60 lines
No EOL
2.9 KiB
HTML
{{ define "main" }}
|
|
<div class="min-h-screen flex items-center justify-center bg-white dark:bg-pizza-dark p-4">
|
|
<div class="text-center">
|
|
<h1 class="text-9xl font-bold tracking-widest text-gray-900 dark:text-white">
|
|
4
|
|
<span class="inline-block animate-spin-slow origin-center">
|
|
<svg class="w-32 h-32 text-pizza-red" viewBox="0 0 100 100">
|
|
<circle cx="50" cy="50" r="45" fill="currentColor"/>
|
|
<!-- Pepperoni -->
|
|
<circle cx="30" cy="35" r="8" fill="#8B0000"/>
|
|
<circle cx="60" cy="40" r="8" fill="#8B0000"/>
|
|
<circle cx="45" cy="65" r="8" fill="#8B0000"/>
|
|
<!-- Cheese drips -->
|
|
<path d="M20,50 Q30,70 40,50" fill="none" stroke="#FFD700" stroke-width="3"/>
|
|
<path d="M60,50 Q70,75 80,50" fill="none" stroke="#FFD700" stroke-width="3"/>
|
|
</svg>
|
|
</span>
|
|
4
|
|
</h1>
|
|
|
|
<div class="mt-8 space-y-4">
|
|
<p class="text-2xl font-medium text-gray-600 dark:text-gray-300">
|
|
{{ i18n "404_oops" | default "Oops! Looks like this slice is missing!" }}
|
|
</p>
|
|
|
|
<p class="text-gray-500 dark:text-gray-400">
|
|
{{ i18n "404_text" | default "The page you're looking for has been eaten or never existed." }}
|
|
</p>
|
|
|
|
<!-- Animated delivery guy -->
|
|
<div class="mt-12 relative">
|
|
<div class="animate-drive-by">
|
|
<svg class="w-24 h-24 mx-auto text-pizza-red" viewBox="0 0 100 100">
|
|
<!-- Scooter -->
|
|
<path d="M10,70 Q30,65 50,70 Q70,75 90,70" fill="none" stroke="currentColor" stroke-width="3"/>
|
|
<circle cx="25" cy="80" r="10" fill="currentColor"/>
|
|
<circle cx="75" cy="80" r="10" fill="currentColor"/>
|
|
<!-- Driver -->
|
|
<circle cx="50" cy="40" r="15" fill="currentColor"/>
|
|
<path d="M40,55 L60,55 L50,70 Z" fill="currentColor"/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-12">
|
|
<a href="/"
|
|
class="inline-flex items-center px-6 py-3 text-lg font-medium text-white
|
|
bg-pizza-red rounded-full hover:bg-red-600
|
|
transform hover:scale-105 transition-all duration-200
|
|
animate-bounce-subtle">
|
|
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
|
|
</svg>
|
|
{{ i18n "404_back_home" | default "Back to Home" }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ end }} |