Skip to content

Instantly share code, notes, and snippets.

@mczachurski
Created October 14, 2017 08:16
Show Gist options
  • Save mczachurski/e8670e3d283ddf363c09d242868678b5 to your computer and use it in GitHub Desktop.
Save mczachurski/e8670e3d283ddf363c09d242868678b5 to your computer and use it in GitHub Desktop.
Simple maintenance page
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Maintenance</title>
<link href=' http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<style>
body {
background-color: #E74D3D;
font-family: Roboto;
color: white;
}
.icon {
margin-top: 120px;
padding-bottom: 32px;
width: 100px;
height: 100px;
margin-left: auto;
margin-right: auto;
}
.title {
font-size: 36px;
font-weight: 100;
text-align: center;
padding-bottom: 8px;
}
.subtitle {
font-size: 24px;
font-weight: 100;
text-align: center;
}
</style>
</head>
<body>
<div class="icon">
<svg width="100%" height="100%" viewBox="0 0 800 800" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><circle cx="400" cy="400" r="400" style="fill:#fff;"/><path d="M426.193,495.371c0,0 66.987,66.987 71.8,71.799c15.495,15.496 40.6,15.496 56.081,0c15.495,-15.495 15.495,-40.6 0,-56.096c-4.813,-4.812 -71.8,-71.799 -71.8,-71.799l-56.081,56.096Z" style="fill:#e74d3d;fill-rule:nonzero;"/><path d="M534.064,340.447l-47.693,-11.919l-11.919,-47.693l55.217,-55.217c-31.721,-10.086 -67.807,-2.622 -92.972,22.528c-35.907,35.908 -24.42,82.647 11.502,118.554c35.908,35.907 82.647,47.41 118.554,11.487c25.165,-25.165 32.63,-61.251 22.528,-92.956l-55.217,55.216Z" style="fill:#e74d3d;fill-rule:nonzero;"/><path d="M362.752,347.852l-52.148,-52.147l-14.899,-44.698l-59.597,-29.799l-29.799,29.799l29.799,59.597l44.697,14.899l52.148,52.148l29.799,-29.799Z" style="fill:#e74d3d;fill-rule:nonzero;"/><path d="M442.895,308.801c-50.121,50.122 -188.268,188.268 -193.691,193.691c-17.462,17.462 -17.462,45.756 0,63.218c17.462,17.462 45.756,17.462 63.218,0c5.423,-5.423 143.57,-143.57 193.691,-193.691l-63.218,-63.218Zm-162.09,240.192c-8.224,0 -14.899,-6.675 -14.899,-14.899c0,-8.225 6.675,-14.899 14.899,-14.899c8.225,0 14.9,6.674 14.9,14.899c0,8.224 -6.675,14.899 -14.9,14.899Z" style="fill:#e74d3d;fill-rule:nonzero;"/></svg>
</div>
<div class="title">Sorry, we are down for maintenance.</div>
<div class="subtitle">We'll be back shortly.</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment