quickdictate.github.io/404.html at main · QuickDictate/quickdictate.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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Page not found — QuickDictate</title>
<link rel="icon" href="/assets/icon-64.png" type="image/png">
<style>
  html,body{height:100%;}
  body{
    margin:0;
    display:grid;
    place-items:center;
    text-align:center;
    padding:24px;
    background:
      radial-gradient(ellipse 900px 500px at 50% -10%, rgba(46,125,246,0.16), transparent 60%),
      #0F1B30;
    color:#F7F9FC;
    font-family:-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  .wrap{max-width:440px;}
  img{width:72px;height:72px;border-radius:16px;margin-bottom:22px;}
  .code{
    font-family:ui-monospace,"Cascadia Code",Consolas,Menlo,monospace;
    color:#C0504D;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;
    margin:0 0 10px;
  }
  h1{font-size:1.7rem;margin:0 0 12px;letter-spacing:-.01em;}
  p{color:#93A2BC;line-height:1.6;margin:0 0 28px;}
  a.home{
    display:inline-flex;align-items:center;gap:9px;
    background:#C0504D;color:#fff;text-decoration:none;font-weight:700;
    padding:13px 22px;border-radius:10px;
    box-shadow:0 8px 24px -8px rgba(192,80,77,.55);
    transition:transform .15s ease,background .15s ease;
  }
  a.home:hover{background:#D46662;transform:translateY(-2px);}
</style>
</head>
<body>
  <div class="wrap">
    <img src="/assets/icon-256.webp" alt="QuickDictate" width="72" height="72">
    <p class="code">// 404 · not found</p>
    <h1>That page didn't type itself.</h1>
    <p>The page you were after isn't here. Head back to the QuickDictate home page.</p>
    <a class="home" href="/">← Back to quickdictate.lunarwerx.com</a>
  </div>
</body>
</html>