screenwakeup/404.html at main · JavierFalcons/screenwakeup · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Page not found — ScreenWakeUp</title>
  <meta name="robots" content="noindex, follow">
  <link rel="icon" href="/favicon.ico" type="image/x-icon">
  <style>
    :root{--bg:#0c0e18;--surface:#181b2a;--accent:#5ee0c0;--text:#eef0f6;--muted:#8892a4;--border:rgba(255,255,255,.08)}
    *{box-sizing:border-box}
    body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;padding:24px}
    main{max-width:560px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:36px 32px}
    .code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
    h1{font-size:28px;margin:8px 0 12px;line-height:1.2}
    p{margin:0 0 18px;color:var(--muted)}
    a.btn{display:inline-block;background:var(--accent);color:#0c0e18;font-weight:700;padding:12px 20px;border-radius:10px;text-decoration:none}
    ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:8px 16px;grid-template-columns:1fr 1fr;font-size:14px}
    ul a{color:var(--accent);text-decoration:none}
    ul a:hover{text-decoration:underline}
    h2{font-size:13px;color:var(--muted);margin:26px 0 0;text-transform:uppercase;letter-spacing:.08em}
    @media (max-width:480px){ul{grid-template-columns:1fr}}
  </style>
</head>
<body>
  <main>
    <div class="code">404 · Not found</div>
    <h1>That page doesn't exist.</h1>
    <p>The tool itself is still one click away, and it still works without downloads, accounts or ads.</p>
    <a class="btn" href="/">Keep my screen awake →</a>
    <h2>Other languages</h2>
    <ul>
      <li><a href="/es/" lang="es">Español</a></li>
      <li><a href="/pt/" lang="pt">Português</a></li>
      <li><a href="/fr/" lang="fr">Français</a></li>
      <li><a href="/de/" lang="de">Deutsch</a></li>
      <li><a href="/ja/" lang="ja">日本語</a></li>
      <li><a href="/ru/" lang="ru">Русский</a></li>
    </ul>
    <h2>Guides</h2>
    <ul>
      <li><a href="/prevent-teams-away/">Prevent Teams Away status</a></li>
      <li><a href="/caffeine-alternative/">Free Caffeine alternative</a></li>
      <li><a href="/keep-screen-awake-iphone/">Keep iPhone screen awake</a></li>
      <li><a href="/prevent-zoom-idle/">Keep Zoom active</a></li>
    </ul>
  </main>
</body>
</html>