Zebratic
72 lines
2.3 KiB
HTML
72 lines
2.3 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/png" sizes="32x32" href="favicon-32.png" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
|
|
<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?v=avatar-clean-8" />
|
|
<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>
|