Skip to content

Instantly share code, notes, and snippets.

@khiet

khiet/maintenance.html

Created August 23, 2019 08:48
Show Gist options
  • Save khiet/0816654351fe4323bf0d5b1f99cc5d65 to your computer and use it in GitHub Desktop.
Save khiet/0816654351fe4323bf0d5b1f99cc5d65 to your computer and use it in GitHub Desktop.
Download ZIP
ehochef maintenance page based on heroku's
Raw
maintenance.html
<!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 | ehochef.com </title>
<link rel="shortcut icon" type="image/x-icon" href="https://eho-production.s3-eu-west-1.amazonaws.com/maintenance/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: 24px;
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;
}
.logo {
width: 170px;
height: 72px;
}
</style>
</head>
<body>
<div class=message>
<div class="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67.73 31.36"><path d="M21.59 30a.26.26 0 0 0-.36 0 3.06 3.06 0 0 1-.52.36 1.91 1.91 0 0 1-.86.19 1.65 1.65 0 0 1-.72-.14 1.81 1.81 0 0 1-.57-.41 1.77 1.77 0 0 1-.39-.62 2 2 0 0 1-.14-.74 2.07 2.07 0 0 1 .14-.74 2.1 2.1 0 0 1 .39-.62 1.68 1.68 0 0 1 1.29-.55 1.85 1.85 0 0 1 .83.19 1.87 1.87 0 0 1 .46.29.34.34 0 0 0 .45-.05s.48-.46 0-.81a2.48 2.48 0 0 0-.48-.27 2 2 0 0 0-.57-.16 2.93 2.93 0 0 0-.67-.08 2.87 2.87 0 0 0-1.12.22 2.79 2.79 0 0 0-.89.6 2.67 2.67 0 0 0-.57.88 2.77 2.77 0 0 0-.21 1.1 2.87 2.87 0 0 0 .21 1.1 2.57 2.57 0 0 0 .57.88 2.38 2.38 0 0 0 .89.6 2.77 2.77 0 0 0 1.1.22 3 3 0 0 0 .69-.08 2.39 2.39 0 0 0 .57-.19 3.76 3.76 0 0 0 .5-.31 2.25 2.25 0 0 0 .24-.21.25.25 0 0 0 0-.38zM31.14 25.82h-.4a.27.27 0 0 0-.27.26v1.72a.26.26 0 0 1-.26.26h-2.08a.26.26 0 0 1-.26-.26v-1.72a.26.26 0 0 0-.26-.26h-.41a.26.26 0 0 0-.26.26V31a.27.27 0 0 0 .26.27h.41a.27.27 0 0 0 .26-.27v-1.79a.27.27 0 0 1 .26-.27h2.08a.27.27 0 0 1 .26.27V31a.27.27 0 0 0 .27.27h.4a.27.27 0 0 0 .26-.27v-4.92a.26.26 0 0 0-.26-.26zM40.46 30.38h-2.58a.27.27 0 0 1-.27-.27v-.93a.27.27 0 0 1 .27-.26h2.19a.27.27 0 0 0 .27-.26v-.31a.27.27 0 0 0-.27-.27h-2.19a.26.26 0 0 1-.27-.26V27a.27.27 0 0 1 .27-.26h2.55a.26.26 0 0 0 .26-.26v-.38a.26.26 0 0 0-.26-.26h-3.49a.26.26 0 0 0-.26.26V31a.27.27 0 0 0 .26.27h3.52a.27.27 0 0 0 .26-.27v-.33a.24.24 0 0 0-.26-.29zM49.67 25.82h-3.51a.26.26 0 0 0-.26.26V31a.27.27 0 0 0 .26.27h.41a.27.27 0 0 0 .26-.27v-1.7a.26.26 0 0 1 .26-.26h2.23a.26.26 0 0 0 .26-.26v-.34a.26.26 0 0 0-.26-.26h-2.23a.26.26 0 0 1-.26-.26v-1a.26.26 0 0 1 .26-.26h2.56a.27.27 0 0 0 .26-.27v-.33a.23.23 0 0 0-.24-.24zM44.56 0H23.17a.27.27 0 0 0-.27.26v21.4a.27.27 0 0 0 .27.26h21.39a.27.27 0 0 0 .27-.26V.26a.27.27 0 0 0-.27-.26zM67.47 0h-21.4a.27.27 0 0 0-.27.26v21.4a.27.27 0 0 0 .27.26h21.4a.26.26 0 0 0 .26-.26V.26a.32.32 0 0 0-.26-.26zM21.68 0H.26A.26.26 0 0 0 0 .26v21.4a.26.26 0 0 0 .26.26h8.48a.26.26 0 0 1 .17.07L13 25.6a.26.26 0 0 0 .43-.19v-3.22a.27.27 0 0 1 .26-.27h8a.26.26 0 0 0 .26-.26V.26a.23.23 0 0 0-.27-.26z" fill="#ff5959"/><path d="M36.63 8.05a2.45 2.45 0 0 0-1-.67 3.3 3.3 0 0 0-1.32-.24 2.94 2.94 0 0 0-1.72.48 3.64 3.64 0 0 0-.55.48.17.17 0 0 1-.21 0 .21.21 0 0 1-.12-.1V4.42a.37.37 0 0 0-.38-.42h-.59a.38.38 0 0 0-.39.38v10.67a.38.38 0 0 0 .39.38h.59a.37.37 0 0 0 .38-.38v-4.26a2.5 2.5 0 0 1 .17-1 2.86 2.86 0 0 1 .48-.77 1.93 1.93 0 0 1 .74-.48 2.36 2.36 0 0 1 .9-.13 2 2 0 0 1 1.58.59 2.47 2.47 0 0 1 .55 1.69v4.35a.38.38 0 0 0 .38.38h.6a.37.37 0 0 0 .38-.38v-4.63a3.83 3.83 0 0 0-.21-1.31 3.34 3.34 0 0 0-.65-1.05zM60.59 9.36A4.3 4.3 0 0 0 59.7 8a4.17 4.17 0 0 0-1.33-.9 4.31 4.31 0 0 0-1.68-.34 4.18 4.18 0 0 0-1.69.36 3.91 3.91 0 0 0-1.34.9 4.27 4.27 0 0 0-.88 1.34 4 4 0 0 0-.31 1.64 4 4 0 0 0 .31 1.62 4.16 4.16 0 0 0 .88 1.38 4.08 4.08 0 0 0 1.34.91 4.32 4.32 0 0 0 1.67.33 4.59 4.59 0 0 0 1.7-.33A3.84 3.84 0 0 0 59.7 14a4.13 4.13 0 0 0 1.2-3 4.3 4.3 0 0 0-.31-1.64zM59.51 11a3.08 3.08 0 0 1-.21 1.14 3.12 3.12 0 0 1-.58.93 2.74 2.74 0 0 1-2 .89 2.42 2.42 0 0 1-1.12-.24 3 3 0 0 1-.91-.65 2.9 2.9 0 0 1-.6-1 3.24 3.24 0 0 1-.26-1.07A3.32 3.32 0 0 1 54 9.82a3.28 3.28 0 0 1 .58-1 3 3 0 0 1 .88-.64A2.64 2.64 0 0 1 56.65 8a2.45 2.45 0 0 1 1.12.24 3.11 3.11 0 0 1 .91.64 2.77 2.77 0 0 1 .59 1 3 3 0 0 1 .24 1.12zM13.88 8.05a4 4 0 0 0-1.2-.93 3.76 3.76 0 0 0-1.6-.34 3.53 3.53 0 0 0-1.55.34A3.8 3.8 0 0 0 8.29 8a4.68 4.68 0 0 0-.82 1.34A4.73 4.73 0 0 0 7.19 11a5.05 5.05 0 0 0 .31 1.72 3.84 3.84 0 0 0 2.15 2.2 4.35 4.35 0 0 0 1.57.31 4.26 4.26 0 0 0 1.94-.41 4.76 4.76 0 0 0 1.22-.93.28.28 0 0 0 .07-.22.34.34 0 0 0-.14-.26l-.39-.33a.28.28 0 0 0-.38 0 4.56 4.56 0 0 1-.93.67 3.08 3.08 0 0 1-1.39.28 2.9 2.9 0 0 1-1-.16 2.56 2.56 0 0 1-.84-.51 2.6 2.6 0 0 1-.62-.81 3 3 0 0 1-.26-.86v-.09a.11.11 0 0 1 .1 0h5.58a.55.55 0 0 0 .58-.57 5.3 5.3 0 0 0-.24-1.57 3.57 3.57 0 0 0-.64-1.41zm-.43 2.12a.18.18 0 0 1 0 .19.3.3 0 0 1-.19.1H8.84a.19.19 0 0 1-.19-.1.16.16 0 0 1-.05-.19 3.43 3.43 0 0 1 .21-.64 3.81 3.81 0 0 1 .55-.84 2.64 2.64 0 0 1 .77-.55A2.3 2.3 0 0 1 11 8a2.15 2.15 0 0 1 1 .22 2.42 2.42 0 0 1 .74.55 3.2 3.2 0 0 1 .47.83 2 2 0 0 1 .24.57z" fill="#fff"/></svg>
</div>
<div class=message__title> Offline for maintenance </div>
<p> ehochef.com is undergoing maintenance right now. </p>
<p> Please check back later. </p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment