Mercurial
diff mrjunejune/src/offline.html @ 209:3b47e82ac57e
[MrJuneJune] PWA updates.
| author | MrJuneJune <me@mrjunejune.com> |
|---|---|
| date | Sun, 15 Feb 2026 15:43:26 -0800 |
| parents | |
| children | a6d8d32a0261 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/mrjunejune/src/offline.html Sun Feb 15 15:43:26 2026 -0800 @@ -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, #667eea 0%, #764ba2 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: #667eea; + 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>