mirror of
https://github.com/nunocoracao/blowfish.git
synced 2025-04-26 14:11:52 +02:00
64 lines
No EOL
2.6 KiB
HTML
64 lines
No EOL
2.6 KiB
HTML
{{ define "main" }}
|
|
<div class="min-h-[70vh] flex flex-col items-center justify-center text-center px-4">
|
|
<div class="space-y-4">
|
|
<!-- Much larger 404 title -->
|
|
|
|
<!-- Image integration -->
|
|
<div>
|
|
<img src="404_hu3645313582868369550.png"
|
|
alt="404 Error Illustration"
|
|
class="mx-auto w-[30%] max-w-[30%] h-auto" />
|
|
</div>
|
|
<a href="https://www.freepik.com/free-vector/404-error-lost-space-concept-illustration_20824296.htm#fromView=search&page=1&position=33&uuid=f4ddf9b6-d6fd-4bc9-be9b-24e9f4345eea" style="font-size: 8px;">Image by storyset on Freepik</a>
|
|
<br>
|
|
<br>
|
|
<!-- Messages with reduced spacing -->
|
|
<div class="space-y-2 mt-4">
|
|
<p class="text-2xl font-bold text-neutral-800 dark:text-neutral-200">
|
|
Oops! Page Not Found
|
|
</p>
|
|
<p class="text-lg text-neutral-600 dark:text-neutral-400" id="message">
|
|
Looks like our servers couldn't find what you're looking for!
|
|
</p>
|
|
<p class="text-neutral-500 dark:text-neutral-500 max-w-md mx-auto">
|
|
The page you're looking for might have been moved, deleted, or perhaps never existed.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Action buttons -->
|
|
<div class="flex flex-wrap justify-center gap-4 mt-6">
|
|
<a href="/" class="px-6 py-3 text-sm font-medium text-white bg-primary-600 dark:bg-primary-500 rounded-lg hover:bg-primary-700 dark:hover:bg-primary-400 transition-colors">
|
|
Back Home
|
|
</a>
|
|
<button onclick="window.history.back()" class="px-6 py-3 text-sm font-medium text-primary-600 dark:text-primary-400 border border-primary-600 dark:border-primary-400 rounded-lg hover:bg-primary-50 dark:hover:bg-primary-900/50 transition-colors">
|
|
Previous Page
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const messages = [
|
|
"Looks like our servers couldn't find what you're looking for!",
|
|
"Our tech team is scratching their heads on this one...",
|
|
"This page seems to have disappeared into the server room...",
|
|
"404: Page hiding in the server racks!",
|
|
"Even our best admins couldn't locate this page!"
|
|
];
|
|
|
|
let currentIndex = 0;
|
|
const messageElement = document.getElementById('message');
|
|
|
|
// Change message periodically
|
|
setInterval(() => {
|
|
messageElement.style.opacity = '0';
|
|
setTimeout(() => {
|
|
currentIndex = (currentIndex + 1) % messages.length;
|
|
messageElement.textContent = messages[currentIndex];
|
|
messageElement.style.opacity = '1';
|
|
}, 200);
|
|
}, 5000);
|
|
|
|
messageElement.style.transition = 'opacity 0.2s ease-in-out';
|
|
</script>
|
|
</div>
|
|
{{ end }} |