404.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="robots" content="noindex">
<title>404 — oleg miagkov</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='6' fill='%23060a10'/><rect x='9' y='7' width='8' height='18' fill='%233dffa0'/></svg>">
<style>
body{margin:0;background:#060a10;color:#a8c0d3;font-family:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;min-height:100vh;display:flex;align-items:center;justify-content:center}
.wrap{padding:24px;line-height:2.1;max-width:640px;width:100%}
.pr{color:#3dffa0;font-weight:500}
.in{color:#45e1ff}
.err{color:#ff4fa3}
.dim{color:#7d93a6}
a{color:#3dffa0;text-decoration:none}
a:hover{text-decoration:underline}
.cur{display:inline-block;width:9px;height:16px;background:#3dffa0;vertical-align:-2px;margin-left:6px;animation:b 1.1s steps(2) infinite}
@keyframes b{50%{opacity:0}}
</style>
</head>
<body>
<div class="wrap">
<div><span class="pr">omiagkov@prod:~$</span> <span class="in">open <span id="p">/that-page</span></span></div>
<div class="err">bash: 404: no such file or directory</div>
<div class="dim">this page sank below the waterline</div>
<div style="padding-top:12px"><span class="pr">omiagkov@prod:~$</span> <a href="/">cd ~</a><span class="cur"></span></div>
</div>
<script>var p=document.getElementById('p');if(p)p.textContent=location.pathname;</script>
</body>
</html>