sdcastillo.github.io/404.html at master · sdcastillo/sdcastillo.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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>404 – Houston, we have a problem</title>
  <style>
    body { font-family: system-ui, sans-serif; background: #0b0c1a; color: #fff; text-align: center; padding: 40px; }
    .spaceship { font-size: 120px; animation: float 4s ease-in-out infinite; }
    h1 { font-size: 4rem; margin: 20px 0; color: #ff6b6b; }
    p { font-size: 1.4rem; max-width: 600px; margin: 0 auto 30px; line-height: 1.5; }
    a { color: #4ecdc4; text-decoration: none; font-weight: bold; }
    a:hover { text-decoration: underline; }
    .console { margin-top: 50px; font-family: 'Courier New', monospace; background: #000; padding: 20px; border-radius: 8px; display: inline-block; text-align: left; }
    @keyframes float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
  </style>
</head>
<body>

  <div class="spaceship">UFO</div>

  <h1>404: Page Abduction in Progress</h1>

  <p class="lead">
    Houston, the page you are looking for has been beamed up by aliens.<br>
    Our top scientists confirm it was last seen somewhere between <em>/about</em> and <em>/blog</em>,
    drinking cosmic latte and refusing to phone home.
  </p>

  <p>
    While we send a rescue probe, you can:</p>

  <p>
    <a href="{{ site.baseurl }}/">Return to Earth (a.k.a. the homepage)</a><br><br>
    or keep staring at this page until the aliens feel guilty and bring it back.<br>
    (Spoiler: they have no guilt circuits.)
  </p>

  <div class="console">
    > sudo find / -name "missing-page.html"<br>
    Password: ******<br>
    find: ‘/run/ufos/classified’: Permission denied<br>
    find: ‘/dev/null’: No such file or directory<br>
    <span style="color:#ff6b6b;">Page successfully hidden by extraterrestrials. Have a nice day!</span>
  </div>

</body>
</html>