ipconfiger.github.io/404.html at master · xrays-tech/ipconfiger.github.io · 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
30
31
32
33
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 — Alexander Li</title>
<style>
  *{margin:0;padding:0;box-sizing:border-box}
  body{
    min-height:100vh;display:flex;align-items:center;justify-content:center;
    background:#0B0D12;color:#E8EAED;
    font-family:'Space Grotesk',system-ui,sans-serif;text-align:center;
    background-image:radial-gradient(600px 400px at 80% -10%,rgba(222,165,132,.09),transparent 60%);
  }
  .wrap{padding:40px 24px}
  .code{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:clamp(72px,18vw,140px);font-weight:700;line-height:1;
    background:linear-gradient(92deg,#F2C9AC,#DEA584 55%,#B9754F);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
  .msg{margin-top:8px;font-size:clamp(18px,3.4vw,26px);font-weight:600}
  .sub{margin-top:12px;color:#9AA3B2;font-size:15px}
  .btn{display:inline-block;margin-top:32px;padding:13px 26px;border-radius:12px;background:#DEA584;color:#15100C;
    font-weight:600;font-size:15px;text-decoration:none;transition:transform .2s,background .2s}
  .btn:hover{background:#F2C9AC;transform:translateY(-2px)}
</style>
</head>
<body>
  <div class="wrap">
    <div class="code">404</div>
    <p class="msg">Page not found</p>
    <p class="sub">The page you're looking for doesn't exist — yet.</p>
    <a class="btn" href="/">Back to homepage</a>
  </div>
</body>
</html>