This commit is contained in:
John Gatward
2026-03-20 19:05:39 +00:00
parent af0cb702a2
commit 6afbbc5d99
3 changed files with 277 additions and 0 deletions

84
404.html Normal file
View File

@@ -0,0 +1,84 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>404 — Havox</title>
<meta name="description" content="Page not found."/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link
href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,600;1,9..144,300&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="style.css"/>
<link rel="stylesheet" href="404.css"/>
</head>
<body>
<!-- ─── Nav ─────────────────────────────────────────────────── -->
<nav>
<a href="index.html" class="nav-logo">havox</a>
<ul class="nav-links">
<li><a href="index.html#about">about</a></li>
<li><a href="index.html#skills">skills</a></li>
<li><a href="index.html#projects">projects</a></li>
<li><a href="index.html#contact">contact</a></li>
</ul>
</nav>
<!-- ─── 404 ──────────────────────────────────────────────────── -->
<main class="not-found">
<div class="nf-code">404</div>
<p class="nf-eyebrow">page not found</p>
<h1 class="nf-heading">This page <em>doesn't exist</em></h1>
<p class="nf-desc">
Either this URL was wrong, something got moved, or you've stumbled onto a
dead link I haven't cleaned up yet. Wouldn't be the first time.
</p>
<div class="nf-terminal" aria-hidden="true">
<div class="nf-terminal-bar">
<span class="nf-dot nf-dot--red"></span>
<span class="nf-dot nf-dot--yellow"></span>
<span class="nf-dot nf-dot--green"></span>
</div>
<div class="nf-terminal-line">
<span class="nf-prompt">~</span>
<span class="nf-cmd">curl -I <span id="typed-path"></span></span>
</div>
<div class="nf-terminal-line" id="nf-response" style="opacity:0; transition: opacity 0.3s;">
<span class="nf-err">HTTP/1.1 404 Not Found</span>
</div>
<div class="nf-terminal-line" id="nf-hint" style="opacity:0; transition: opacity 0.3s;">
<span class="nf-comment"># maybe try going home?</span>
</div>
<div class="nf-terminal-line">
<span class="nf-prompt">~</span>
<span class="nf-cursor"></span>
</div>
</div>
<div class="nf-actions">
<a href="index.html" class="btn btn-primary">← Back home</a>
<a href="index.html#projects" class="btn btn-ghost">View projects</a>
</div>
</main>
<!-- ─── Footer ─────────────────────────────────────────────────── -->
<footer>
<span>umbra.mom — John Gatward</span>
<span>
Source code (selfhosted): <a href="https://gitea.umbra.mom/jay/havox">repository</a>
</span>
</footer>
<script src="404.js">
</script>
</body>
</html>