-
Notifications
You must be signed in to change notification settings - Fork 0
/
maintenance-mode.html
139 lines (123 loc) · 4.56 KB
/
maintenance-mode.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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
<title>Offline for maintenance | Heroku</title>
<link rel="shortcut icon" type="image/x-icon" href="https://www.herokucdn.com/favicon.ico">
<style>
html, body {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
background-color: #F7F8FB;
height: 100%;
-webkit-font-smoothing: antialiased;
}
body {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.message {
text-align: center;
align-self: center;
display: flex;
flex-direction: column;
align-items: center;
padding: 0px 20px;
max-width: 450px;
}
.message__title {
font-size: 22px;
font-weight: 100;
margin-top: 15px;
color: #47494E;
margin-bottom: 8px;
}
p {
-webkit-margin-after: 0px;
-webkit-margin-before: 0px;
font-size: 15px;
color: #7F828B;
line-height: 21px;
margin-bottom: 4px;
}
.btn {
text-decoration: none;
padding: 8px 15px;
border-radius: 4px;
margin-top: 10px;
font-size: 14px;
color: #7F828B;
border: 1px solid #7F828B;
}
.hk-logo, .app-icon {
fill: #DBE1EC;
}
.info {
fill: #9FABBC;
}
body.friendly {
background: -webkit-linear-gradient(-45deg, #8363a1 0%, #74a8c3 100%);
background: linear-gradient(135deg, #8363a1 0%, #74a8c3 100%);
}
body.friendly .message__title {
color: #fff;
}
body.friendly p {
color: rgba(255, 255, 255, 0.6);
}
body.friendly .hk-logo, body.friendly .app-icon {
fill: rgba(255, 255, 255, 0.9);
}
body.friendly .info {
fill: rgba(255, 255, 255, 0.9);
}
body.friendly .btn {
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.9);
}
.info_area {
position: fixed;
right: 12px;
bottom: 12px;
}
.logo {
position: fixed;
left: 12px;
bottom: 12px;
}
</style>
<base target="_parent"/>
</head>
<body>
<div class="spacer">
</div>
<div class="message">
<svg width="49" height="51" xmlns="http://www.w3.org/2000/svg">
<path d="M3.9468 10.0288L20.5548.995c2.4433-1.3267 5.45-1.3267 7.8936 0l16.6078 9.0338C47.4966 11.3585 49 13.8102 49 16.4666V34.534c0 2.6537-1.5034 5.1082-3.9438 6.438l-16.6078 9.0307c-2.4435 1.3297-5.4503 1.3297-7.8937 0L3.9467 40.972C1.5035 39.642 0 37.1876 0 34.534V16.4667c0-2.6564 1.5034-5.108 3.9468-6.4378z" class="app-icon" fill-rule="evenodd"/>
</svg>
<div class="message__title">
Offline for maintenance
</div>
<p>
This app is undergoing maintenance right now.
</p>
<p>
Please check back later.
</p>
</div>
<div class="logo">
<svg width="85" height="24" xmlns="http://www.w3.org/2000/svg">
<g class="info" fill-rule="evenodd">
<path d="M27.8866 16.836h2.373v-3.504h2.919v3.504h2.373V8.164h-2.373v3.2227h-2.919V8.164h-2.373v8.672zm10.4888 0h6.4666V14.949h-4.0935v-1.6054h2.7764v-1.8282h-2.7765v-1.4062h3.8918V8.164h-6.265v8.672zm8.8396 0h2.3256V13.824h.6526L51.89 16.836h2.5154l-1.863-3.3165c1.151-.3867 1.7325-1.1718 1.7325-2.5312 0-2.086-1.3765-2.8242-3.631-2.8242h-3.429v8.672zm2.3256-4.793v-1.9805h1.0204c.973 0 1.4.2578 1.4.9844 0 .7264-.427.996-1.4.996h-1.0204zM60.8363 17c2.112 0 4.307-1.3242 4.307-4.5 0-3.1758-2.195-4.5-4.307-4.5-2.124 0-4.319 1.3242-4.319 4.5 0 3.1758 2.195 4.5 4.319 4.5zm0-1.875c-1.2458 0-1.946-1.0313-1.946-2.625 0-1.5938.7002-2.5664 1.946-2.5664 1.234 0 1.934.9726 1.934 2.5664 0 1.5938-.7 2.625-1.934 2.625zm6.7157 1.711h2.373v-2.6954l.6764-.7734 2.0764 3.4687h2.6816l-3.2155-5.25 2.9543-3.422h-2.7527l-2.4205 3.1407V8.164h-2.373v8.672zm13.4552.1288c2.563 0 3.6782-1.3125 3.6782-3.6093V8.164H82.36v5.1798c0 1.1953-.3798 1.7343-1.329 1.7343-.9493 0-1.3408-.539-1.3408-1.7342V8.164h-2.373v5.1915c0 2.2968 1.127 3.6093 3.69 3.6093zM2.4444 0C.9214 0 0 .8883 0 2.3226v19.3548C0 23.1068.9215 24 2.4444 24h17.1112C21.0736 24 22 23.1117 22 21.6774V2.3226C21.995.8883 21.0735 0 19.5556 0H2.4444zm16.8973 1.9c.4025.0045.7583.3483.7583.7214v18.7572c0 .3776-.3558.7214-.7583.7214H2.6583c-.4025 0-.7583-.3438-.7583-.7214V2.6214c0-.3777.3558-.7214.7583-.7214h16.6834z"/>
<path d="M16.43 20h-2.2527v-6.8048c0-.619-.1917-.838-.3786-.9666-1.131-.7667-4.3855-.0334-6.3458.7333l-1.553.6475L5.9048 4h2.2814v6.3333c.4314-.1333.973-.2714 1.524-.3857 2.4206-.5143 4.1987-.3762 5.3586.4048.6375.4286 1.3612 1.2714 1.3612 2.8428V20zM11.57 8h2.6675c1.4042-1.75 1.9732-3.35 2.1925-4h-2.6623c-.3967.95-1.1223 2.55-2.1977 4zM5.9 20v-5.6l2.43 2.8L5.9 20z"/>
</g>
</svg>
</div>
</body>
</html>