report/404.html at main · salahawad/report · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 — Not Found</title>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono:wght@300;400;500&display=swap" rel="stylesheet">
<style>
:root{--bg:#0a0b0e;--bg2:#0f1115;--border:#1e2229;--text:#c8d0de;--dim:#5a6578;--white:#eef1f7;--amber:#f0a030;--red:#e05050}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:'DM Mono',monospace;font-size:13px;line-height:1.6;min-height:100vh;display:flex;align-items:center;justify-content:center}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.5}
.wrap{text-align:center;padding:40px 32px}
.code{font-family:'Bebas Neue',sans-serif;font-size:120px;letter-spacing:.06em;color:var(--red);line-height:1;margin-bottom:8px}
h1{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:.08em;color:var(--white);margin-bottom:12px}
p{color:var(--dim);margin-bottom:28px}
a{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);text-decoration:none;padding:10px 20px;border:1px solid var(--amber);border-radius:4px;transition:background .2s,color .2s}
a:hover{background:var(--amber);color:var(--bg)}
</style>
</head>
<body>
<div class="wrap">
  <div class="code">404</div>
  <h1>Page Not Found</h1>
  <p>The page you're looking for doesn't exist or has been moved.</p>
  <a href="./">Back to Reports</a>
</div>
</body>
</html>