Mercurial

comparison mrjunejune/src/offline.html @ 209:3b47e82ac57e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[MrJuneJune] PWA updates.
author MrJuneJune <me@mrjunejune.com>
date Sun, 15 Feb 2026 15:43:26 -0800
parents
children a6d8d32a0261
comparison
equal deleted inserted replaced
208:5d3e116dd745 209:3b47e82ac57e
1 <!doctype html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>Offline - MrJuneJune</title>
7 <style>
8 body {
9 font-family: system-ui, -apple-system, sans-serif;
10 display: flex;
11 flex-direction: column;
12 align-items: center;
13 justify-content: center;
14 min-height: 100vh;
15 margin: 0;
16 padding: 20px;
17 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
18 color: white;
19 text-align: center;
20 }
21
22 h1 {
23 font-size: 3em;
24 margin: 0 0 0.5em 0;
25 }
26
27 p {
28 font-size: 1.2em;
29 margin: 0 0 2em 0;
30 opacity: 0.9;
31 }
32
33 button {
34 padding: 12px 32px;
35 font-size: 1em;
36 background: white;
37 color: #667eea;
38 border: none;
39 border-radius: 8px;
40 cursor: pointer;
41 font-weight: bold;
42 transition: transform 0.2s;
43 }
44
45 button:hover {
46 transform: scale(1.05);
47 }
48
49 .icon {
50 font-size: 5em;
51 margin-bottom: 0.3em;
52 }
53 </style>
54 </head>
55 <body>
56 <div class="icon">📡</div>
57 <h1>You're Offline</h1>
58 <p>It looks like you've lost your internet connection.<br>Don't worry, some cached pages might still work!</p>
59 <button onclick="window.location.reload()">Try Again</button>
60 </body>
61 </html>