Sluice/web/404.html at main · UnityNodes/Sluice · 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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sluice · Not found</title>
<meta name="description" content="That page does not exist on sluice.unitynodes.com.">
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Crect width%3D%2224%22 height%3D%2224%22 fill%3D%22%23000%22/%3E%3Cpolygon points%3D%2210%2C7 17%2C12 10%2C17%22 fill%3D%22%23bcfc07%22/%3E%3C/svg%3E">
<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=Inter:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<style>
  @font-face { font-family: 'Casper Sans'; src: url('https://cdn.prod.website-files.com/668fef77d8ac075ed5e3f57a/669e9356732f668b7ff62d68_CasperSans-Medium.woff2') format('woff2'); font-weight: 500; font-display: swap; }
  * { margin: 0; box-sizing: border-box; }
  body {
    min-height: 100vh; background: #000; color: #fff;
    font-family: 'Casper Sans', Inter, system-ui, sans-serif;
    display: flex; align-items: center; justify-content: center; padding: 32px;
  }
  .wrap { max-width: 560px; width: 100%; }
  .tag {
    font: 500 11px 'JetBrains Mono', monospace; letter-spacing: .16em;
    text-transform: uppercase; color: #bcfc07;
    display: inline-flex; align-items: center; gap: 10px;
  }
  .tag span { width: 24px; height: 1px; background: #bcfc07; }
  h1 { margin: 18px 0 0; font: 500 clamp(34px, 7vw, 56px)/1.02 'Casper Sans', Inter; letter-spacing: -.03em; }
  p { margin: 20px 0 0; font: 400 16px/1.6 'Casper Sans', Inter; color: #999; }
  .links { margin-top: 36px; display: flex; flex-wrap: wrap; gap: 10px; }
  .links a {
    text-decoration: none; padding: 12px 20px;
    font: 500 14px 'Casper Sans', Inter; border: 1px solid #333; color: #fff;
  }
  .links a.primary { background: #bcfc07; color: #000; border-color: #bcfc07; }
  .links a:hover { border-color: #bcfc07; }
  a:focus-visible { outline: 3px solid #bcfc07; outline-offset: 2px; box-shadow: 0 0 0 1px #000; }
</style>
</head>
<body>
  <div class="wrap">
    <div class="tag"><span></span>404</div>
    <h1>Nothing matched that path.</h1>
    <p>Sluice is good at matching things, but this one did not hit. The page you asked for is not here.</p>
    <div class="links">
      <a class="primary" href="/">Back to the landing page</a>
      <a href="/app">Dashboard</a>
      <a href="/demo">Watch the demo</a>
      <a href="/feed/">Live feed</a>
    </div>
  </div>
</body>
</html>