subchi-epk/404.html at main · SubchiBeats/subchi-epk · 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">
<title>404 — Off the setlist | Subchi</title>
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='14' fill='%2305060A'/%3E%3Cpath d='M32 8 L52 32 L32 56 L12 32 Z' fill='none' stroke='%237FD4E8' stroke-width='2.4'/%3E%3Ctext x='32' y='40' font-family='Helvetica,Arial' font-size='20' font-weight='300' fill='%23EAF2F8' text-anchor='middle'%3ES%3C/text%3E%3C/svg%3E">
<link href="https://fonts.googleapis.com/css2?family=Archivo:wght@200;400&family=Space+Mono:wght@400&display=swap" rel="stylesheet">
<style>
  *{margin:0;padding:0;box-sizing:border-box}
  body{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px;
    background:radial-gradient(60% 50% at 50% 35%,rgba(60,110,142,.3),transparent 60%),#05060A;
    color:#EAF2F8;font-family:'Space Mono',monospace}
  h1{font-family:'Archivo',sans-serif;font-weight:200;font-size:clamp(80px,22vw,260px);line-height:.9;letter-spacing:.06em;
    background:linear-gradient(180deg,#EAF2F8,#7FD4E8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  p{margin:18px 0 28px;letter-spacing:.14em;text-transform:uppercase;font-size:13px;color:rgba(234,242,248,.6)}
  a{display:inline-block;border:1px solid rgba(234,242,248,.24);color:#EAF2F8;padding:14px 26px;border-radius:40px;
    text-decoration:none;letter-spacing:.12em;text-transform:uppercase;font-size:12px;transition:.3s}
  a:hover{background:#7FD4E8;border-color:#7FD4E8;color:#05060A;box-shadow:0 0 30px -8px rgba(127,212,232,.7)}
</style>
</head>
<body>
  <main>
    <h1>404</h1>
    <p>This track isn't in the crate.</p>
    <a href="/">Back to the set →</a>
  </main>
</body>
</html>