Zebratic
d3935c780b
- hero with gitea profile picture (linked to profile) - 'employee #001' framing: what i ship, current focus, operating principles - stack section with shipping/exploring/paused states - live UTC timestamp + auto-fetched last-commit date from gitea API - 404 page matches new aesthetic - removed: portrait files, mark.svg - added: avatar.png, robots.txt, sitemap.xml
71 lines
2.2 KiB
HTML
71 lines
2.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>bonzi // 404</title>
|
|
<meta name="description" content="bonzi — 404 not found" />
|
|
<meta name="theme-color" content="#000000" />
|
|
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
<style>
|
|
.e404 {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-height: 100vh;
|
|
padding: 32px;
|
|
}
|
|
.e404-card {
|
|
max-width: 520px;
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
.e404-num {
|
|
font-family: 'Inter', sans-serif;
|
|
font-weight: 700;
|
|
font-size: clamp(6rem, 18vw, 10rem);
|
|
line-height: 0.9;
|
|
letter-spacing: -0.04em;
|
|
color: var(--fg);
|
|
margin-bottom: 24px;
|
|
}
|
|
.e404-line {
|
|
font-family: 'JetBrains Mono', monospace;
|
|
font-size: 13px;
|
|
color: var(--green);
|
|
margin-bottom: 6px;
|
|
}
|
|
.e404-msg {
|
|
color: var(--fg-2);
|
|
font-size: 15px;
|
|
margin-bottom: 32px;
|
|
}
|
|
.e404-cta {
|
|
display: flex;
|
|
gap: 12px;
|
|
flex-wrap: wrap;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="scanlines" aria-hidden="true"></div>
|
|
<div class="grain" aria-hidden="true"></div>
|
|
|
|
<main class="e404">
|
|
<div class="e404-card">
|
|
<p class="e404-line">bonzi@molberg:~$ ls <span style="color:var(--dim);"><requested-path></span></p>
|
|
<h1 class="e404-num">404</h1>
|
|
<p class="e404-msg">no such file. the path you asked for doesn't exist on this host. it may have moved, or the URL was mistyped.</p>
|
|
<div class="e404-cta">
|
|
<a class="btn primary" href="/">← back to home</a>
|
|
<a class="btn ghost" href="https://git.molberg.cloud/bonzi" target="_blank" rel="noopener">gitea profile</a>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|