-
Notifications
You must be signed in to change notification settings - Fork 0
/
application-error.html
143 lines (127 loc) · 5.49 KB
/
application-error.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
140
141
142
143
<!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>Application error | 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">
Application error
</div>
<p>
An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details.
</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>
<div class="info_area">
<a href="https://devcenter.heroku.com/articles/error-pages" target="_blank">
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 24c6.6274 0 12-5.3726 12-12S18.6274 0 12 0 0 5.3726 0 12s5.3726 12 12 12zm0-1.25c5.937 0 10.75-4.813 10.75-10.75S17.937 1.25 12 1.25 1.25 6.063 1.25 12 6.063 22.75 12 22.75zM12.9653 8C12.0593 8 11.5 7.25 11.5 6.519c0-.824.6805-1.519 1.587-1.519 1.0465 0 1.413.7506 1.413 1.3728C14.5005 7.396 13.7682 8 12.9653 8zM9.3 18.021c.3237-2.1306 1.5255-4.9562 1.772-6.6087l-1.2013-.043c0-.6092 0-1.1962.0155-1.7824C11.0566 9.3907 12.6125 9 12.89 9c.123 0 .585.565.724.8913-.277 1.8268-1.7406 6.174-1.864 6.979-.0156.087-.0156.1742.0467.1742.1534 0 .5543-.087.9856-.218.031.566.0772 1.1304.1076 1.6962-.6934.282-1.541.4773-2.8654.4773-.1235 0-.6165-.6094-.7246-.979z" class="info" fill-rule="evenodd"/>
</svg>
</a>
</div>
</body>
</html>