|
209
|
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>
|
