my personal site
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">
6 <meta name="color-scheme" content="light dark">
7 <meta name="theme-color" content="#f8fafc" media="(prefers-color-scheme: light)">
8 <meta name="theme-color" content="#0f172a" media="(prefers-color-scheme: dark)">
9 <link rel="preload" href="/fonts/mozilla-text-400.woff2" as="font" type="font/woff2" crossorigin>
10 <link rel="preload" href="/fonts/mozilla-text-500.woff2" as="font" type="font/woff2" crossorigin>
11 <link rel="preload" href="/fonts/mozilla-text-600.woff2" as="font" type="font/woff2" crossorigin>
12 <link rel="stylesheet" href="/style.css">
13 <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
14 <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
15 <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
16 <title>404 — Not found | Jack Hannon</title>
17 <meta name="robots" content="noindex">
18</head>
19<body>
20 <main>
21 <article class="profile">
22 <header class="profile-header">
23 <div class="profile-info">
24 <h1 class="name">404</h1>
25 <p class="subtitle">Page not found</p>
26 </div>
27 </header>
28 <p style="color: var(--color-text-muted); margin-bottom: 1.25rem;">
29 The page you're looking for doesn't exist or has been moved.
30 </p>
31 <a href="/" class="social-link" style="display: inline-flex; width: fit-content;">
32 ← Back to home
33 </a>
34 </article>
35 </main>
36</body>
37</html>