lib/generators/quadro/install/templates/public/maintenance.html
<!doctype html>
<html lang="en">
<head>
<title>Website under maintenance!</title>
<meta charset="utf-8" />
<style>
body { display: table; height: 100vh; margin: 0px; padding: 0px; }
section { display: table-cell; vertical-align: middle; text-align: left; }
article { color: #333; }
h1 { font-family: sans; }
p { font-family: sans-serif; }
a { color: #666; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
@media only screen and (min-width : 320px) {
body { font-size: 16px; }
article { margin: 0px 1em; }
h1 { font-size: 32px; }
}
@media only screen and (min-width : 768px) {
body { font-size: 20px; }
article { margin: 0px 4em; }
h1 { font-size: 40px; }
}
</style>
</head>
<body>
<section>
<article>
<h1>Website under maintenance!</h1>
<div>
<p>Sorry for the inconvenience but we’re performing some maintenance at the moment. You can always <a href="mailto:quadro@example.com">contact us</a>, otherwise we’ll be back online shortly.</p>
<p>— Quadro Team</p>
</div>
</article>
</section>
</body>
</html>