-
Notifications
You must be signed in to change notification settings - Fork 0
/
offline.html
30 lines (30 loc) · 1.84 KB
/
offline.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1">
<style>body,html{min-height:100%;height:100%;margin:0;border:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.logoContainer{display:flex;align-items:center;justify-content:center}.content{display:grid;place-items:center;text-align:center;font-family:courier}</style>
<title>Offline</title>
</head>
<body>
<div class="wrapper">
<div class="logoContainer">
<svg width="134" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden">
<defs>
<clipPath id="clip0">
<rect x="764" y="344" width="134" height="80"/>
</clipPath>
</defs>
<g clip-path="url(#clip0)" transform="translate(-764 -344)">
<text fill="#4285F4" font-family='system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif' font-weight="500" font-size="37" transform="translate(787.262 391)">
O
<tspan fill="#EA4335" font-size="37" x="29.1666" y="0">o</tspan>
<tspan fill="#FDBE05" font-size="37" x="49.8333" y="0">p</tspan>
<tspan fill="#34A853" font-size="37" x="70.8333" y="0">s</tspan>
</text>
</g>
</svg>
</div>
<div class="content"><span>Please check your internet connection!</span></div>
</div>
</body>
</html>