|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | +<head> |
| 4 | + <meta charset="UTF-8"> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 6 | + <title>404 — Page Not Found | Commit 451</title> |
| 7 | + <meta name="robots" content="noindex"> |
| 8 | + <link rel="icon" type="image/png" href="/favicon.png"> |
| 9 | + <link rel="preconnect" href="https://fonts.googleapis.com"> |
| 10 | + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
| 11 | + <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@700&family=Inter:wght@400;500&display=swap" rel="stylesheet"> |
| 12 | + <script src="https://cdn.tailwindcss.com"></script> |
| 13 | + <script> |
| 14 | + tailwind.config = { |
| 15 | + theme: { |
| 16 | + extend: { |
| 17 | + colors: { |
| 18 | + brand: { teal: '#60d4c5', red: '#e74c3c' }, |
| 19 | + dark: { 950: '#030712', 900: '#111827', 800: '#1f2937', 700: '#374151' } |
| 20 | + }, |
| 21 | + fontFamily: { |
| 22 | + fira: ['"Fira Code"', 'monospace'], |
| 23 | + sans: ['Inter', 'system-ui', 'sans-serif'] |
| 24 | + } |
| 25 | + } |
| 26 | + } |
| 27 | + } |
| 28 | + </script> |
| 29 | +</head> |
| 30 | +<body class="bg-dark-950 text-gray-100 font-sans antialiased min-h-screen flex flex-col items-center justify-center px-6"> |
| 31 | + <div class="text-center"> |
| 32 | + <p class="font-fira text-8xl font-bold text-brand-teal">404</p> |
| 33 | + <h1 class="mt-4 text-2xl font-bold text-white">Page not found</h1> |
| 34 | + <p class="mt-3 text-gray-400">The page you're looking for doesn't exist or has been moved.</p> |
| 35 | + <a href="/" class="mt-8 inline-flex items-center gap-2 rounded-lg border border-dark-700 px-6 py-3 text-sm font-medium text-gray-300 hover:border-brand-teal hover:text-brand-teal transition-all"> |
| 36 | + <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg> |
| 37 | + Back to Home |
| 38 | + </a> |
| 39 | + </div> |
| 40 | +</body> |
| 41 | +</html> |
0 commit comments