hellenicdev.github.io/offline.html at main · hellenicdev/hellenicdev.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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Offline | HellenicDev</title>
  <meta name="description" content="You are offline. Check your connection and try again.">
  <meta name="robots" content="noindex, follow">
  <meta property="og:title" content="Offline | HellenicDev">
  <meta property="og:description" content="You are offline. Check your connection and try again.">
  <meta property="og:url" content="https://hellenicdev.github.io/offline.html">
  <meta property="og:type" content="website">
  <link rel="canonical" href="https://hellenicdev.github.io/">
  <style>
    body{font-family:Arial,sans-serif;background:#111;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0;text-align:center;padding:20px;animation:fadeIn 1s ease-out}
    pre{font-family:monospace;font-size:1rem;color:#38bdf8;margin-bottom:20px}
    p{font-size:1.2rem;margin-bottom:30px;max-width:500px;color:#ccc}
    .outline-button{display:inline-block;padding:12px 24px;font-family:monospace;font-size:16px;color:#38bdf8;border:2px solid #38bdf8;border-radius:6px;text-decoration:none;transition:all .3s ease}
    .outline-button:hover{background-color:#141625;color:#fff;transform:translateY(-2px)}
    :focus-visible{outline:3px solid #38bdf8;outline-offset:3px}
    @keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
  </style>
</head>
<body>
  <a href="https://hellenicdev.github.io/?utm_source=offline" class="skip-link" style="position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:#fff;color:#111;padding:8px 16px;border-radius:0 0 8px 8px;z-index:9999;text-decoration:none;font-weight:700">Skip to home</a>
  <pre><strong>
   ___  __    _____  ___  _  _    ___
  / _ \/ /   |  ___|/ _ \| || |  / _ \
 / /_\/ /    | |_  / /_\ \ || |_| | | |
 |  _  |     |  _| |  _  |__   _| |_| |
 | | | |     | |   | | | |  | |  \___/
 \_| |_|     \_|   \_| |_/  |_|
  </strong></pre>
  <p>You're offline. The cached version of the site may still work — try navigating back home.</p>
  <a href="https://hellenicdev.github.io/?utm_source=offline" class="outline-button">Go back home</a>
</body>
</html>