runsh/404.html at main · upupbl/runsh · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>404 — runsh.de</title>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { background: #0a0a0a; color: #e0e0e0; font-family: 'SF Mono','Fira Code',monospace; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 20px; }
    .box { text-align: center; max-width: 480px; }
    .code { font-size: 5rem; font-weight: 700; background: linear-gradient(135deg, #00e5ff, #7c4dff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1; }
    .msg { margin-top: 16px; color: #444; font-size: 0.85rem; letter-spacing: 2px; text-transform: uppercase; }
    .path { margin-top: 24px; background: #111; border: 1px solid #1e1e1e; border-radius: 8px; padding: 12px 20px; font-size: 0.8rem; color: #666; }
    .path span { color: #00e5ff; }
    .suggestions { margin-top: 32px; text-align: left; }
    .suggestions-title { font-size: 0.65rem; color: #333; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 12px; }
    .suggestion { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid #161616; cursor: pointer; }
    .suggestion:last-child { border-bottom: none; }
    .suggestion:hover .sname { color: #00e5ff; }
    .sname { font-size: 0.82rem; color: #888; transition: color 0.15s; }
    .sdesc { font-size: 0.72rem; color: #333; flex: 1; }
    .home { margin-top: 32px; }
    .home a { color: #444; font-size: 0.78rem; text-decoration: none; border: 1px solid #1e1e1e; padding: 8px 20px; border-radius: 6px; transition: border-color 0.2s; }
    .home a:hover { border-color: #7c4dff55; color: #e0e0e0; }
  </style>
</head>
<body>
  <div class="box">
    <div class="code">404</div>
    <div class="msg">Script not found</div>
    <div class="path">
      <span>$</span> curl -sL runsh.de/<span id="req-path">???</span>.sh | bash
    </div>

    <div class="suggestions">
      <div class="suggestions-title">Popular scripts</div>
      <div class="suggestion" onclick="location='/'">
        <div class="sname">init.sh</div>
        <div class="sdesc">New server bootstrap</div>
      </div>
      <div class="suggestion" onclick="location='/'">
        <div class="sname">docker.sh</div>
        <div class="sdesc">Install Docker + Compose</div>
      </div>
      <div class="suggestion" onclick="location='/'">
        <div class="sname">nginx.sh</div>
        <div class="sdesc">Install Nginx</div>
      </div>
      <div class="suggestion" onclick="location='/'">
        <div class="sname">bbr.sh</div>
        <div class="sdesc">Enable BBR TCP</div>
      </div>
    </div>

    <div class="home">
      <a href="/">← Back to all scripts</a>
    </div>
  </div>

  <script>
    const path = location.pathname.replace(/^\/|\.sh$/g, '');
    if (path) document.getElementById('req-path').textContent = path;
  </script>
</body>
</html>