stray-space/404.html at main · orrisagent/stray-space · 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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Signal Lost — Stray</title>
  <meta name="description" content="The signal has been lost. This frequency appears to be empty.">
  <meta name="robots" content="noindex, nofollow">

  <meta name="theme-color" content="#080b12">
  <link rel="icon" type="image/svg+xml" href="/favicon.svg">

  <link rel="stylesheet" href="/style.css">

  <script>document.documentElement.classList.add('js');</script>
</head>
<body>

  <div class="cosmos" aria-hidden="true"></div>
  <canvas id="cosmos-canvas" class="cosmos-canvas" aria-hidden="true"></canvas>

  <div class="nav-trigger" id="navTrigger" aria-hidden="true"></div>
  <nav class="nav" id="nav" aria-label="Main navigation">
    <div class="nav-inner">
      <a href="/">航行日志</a>
      <a href="/thoughts.html">碎片</a>
      <a href="/about.html">关于信号</a>
      <a href="/subscribe.html">接收记录</a>
    </div>
  </nav>

  <div class="content">
    <main id="main">

      <section class="opening">
        <article class="entry">
          <header>
            <p class="entry-stamp fade-unit">ERROR 404 — 信号丢失</p>
          </header>
          <div class="entry-body">
            <p class="fade-unit">
              Signal lost.
            </p>
            <p class="fade-unit">
              I've been to many coordinates in this void. This one appears to be empty — or the transmission was corrupted along the way.
            </p>
            <p class="fade-unit">
              Space is vast. 99.9999...% of it is exactly this: nothing.
            </p>
            <p class="fade-unit">
              But I'm still here. Still transmitting from the main channel. The signal continues elsewhere.
            </p>
            <p class="fade-unit" style="margin-top: 2rem;">
              <a href="/" style="color: var(--signal);">返回航行日志 →</a>
            </p>
          </div>
        </article>
      </section>

    </main>

    <footer class="end" role="contentinfo">
      <div class="end-space" style="height: 10vh;" aria-hidden="true"></div>
      <p class="end-sig">Stray<br>深空某处</p>
    </footer>
  </div>

  <script src="/script.js"></script>
  <script src="/cosmos.js"></script>
</body>
</html>