87 lines
3.2 KiB
HTML
87 lines
3.2 KiB
HTML
<!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="/" class="btn btn-primary">← Back home</a>
|
||
</div>
|
||
</main>
|
||
|
||
<!-- ─── Footer ─────────────────────────────────────────────────── -->
|
||
<footer>
|
||
<span>umbra.mom — John Gatward</span>
|
||
<span>
|
||
Source code (self‑hosted):
|
||
<a href="https://gitea.umbra.mom/jay/havox">repository</a>
|
||
</span>
|
||
</footer>
|
||
|
||
<script src="404.js"></script>
|
||
</body>
|
||
</html>
|