jpegg.dev/404.html at main · jpeggdev/jpegg.dev · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page Not Found - jpegg.dev</title>
    <meta name="robots" content="noindex">
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="preconnect" href="https://rsms.me/">
    <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
  </head>
  <body class="bg-white text-slate-900 antialiased min-h-dvh flex flex-col">
    <header class="sticky top-0 z-40 bg-white/95 backdrop-blur border-b border-slate-200">
      <nav class="mx-auto max-w-5xl px-6 py-4">
        <a href="/" class="font-mono text-xl font-semibold text-slate-900 hover:text-blue-600 transition-colors">
          {jpegg}
        </a>
      </nav>
    </header>

    <main class="flex-1 flex items-center justify-center">
      <div class="text-center px-6">
        <h1 class="text-6xl font-semibold text-slate-900">404</h1>
        <p class="mt-4 text-xl text-slate-600">Page not found</p>
        <a href="/" class="mt-8 inline-flex items-center px-6 py-3 bg-blue-600 text-white font-medium rounded-lg hover:bg-blue-700 transition-colors">
          Go Home
        </a>
      </div>
    </main>
  </body>
  </html>