Mercurial
diff mrjunejune/src/offline.html @ 219:8c9bb0b0759e hg-web
[hg-web] Merge current Zenbu baseline
| author | MrJuneJune <me@mrjunejune.com> |
|---|---|
| date | Sun, 02 Aug 2026 08:34:54 -0700 |
| parents | a6d8d32a0261 |
| children | 60a876c4587a |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/mrjunejune/src/offline.html Sun Aug 02 08:34:54 2026 -0700 @@ -0,0 +1,61 @@ +<!doctype html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Offline - MrJuneJune</title> + <style> + body { + font-family: system-ui, -apple-system, sans-serif; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + min-height: 100vh; + margin: 0; + padding: 20px; + background: linear-gradient(135deg, #544e43 0%, #3a3630 100%); + color: white; + text-align: center; + } + + h1 { + font-size: 3em; + margin: 0 0 0.5em 0; + } + + p { + font-size: 1.2em; + margin: 0 0 2em 0; + opacity: 0.9; + } + + button { + padding: 12px 32px; + font-size: 1em; + background: white; + color: #544e43; + border: none; + border-radius: 8px; + cursor: pointer; + font-weight: bold; + transition: transform 0.2s; + } + + button:hover { + transform: scale(1.05); + } + + .icon { + font-size: 5em; + margin-bottom: 0.3em; + } + </style> + </head> + <body> + <div class="icon">📡</div> + <h1>You're Offline</h1> + <p>It looks like you've lost your internet connection.<br>Don't worry, some cached pages might still work!</p> + <button onclick="window.location.reload()">Try Again</button> + </body> +</html>