Skip to content

Instantly share code, notes, and snippets.

@rigelk
Last active August 29, 2015 14:00
Show Gist options
  • Save rigelk/11156893 to your computer and use it in GitHub Desktop.
Save rigelk/11156893 to your computer and use it in GitHub Desktop.
Maintenance clean page
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>Maintenance du site</title>
<style>
h1 { color: rgb(220, 129, 0); font-size: 50px; letter-spacing: -5px; position: relative;}
h1:after { color: rgba(100, 200, 255, 0.5); content: "Oh noes!"; left: 4px; position: absolute; top: 5px;}
body { color: rgb(51, 51, 51); font: 20px Helvetica,sans-serif; padding-top: 150px;}
#article { display: block; margin: auto; text-align: left; width: 650px;}
a { color: rgb(220, 129, 0); text-decoration: none;}
a:hover { color: rgb(51, 51, 51); text-decoration: none;}
img { bottom: 0; left: 70%; margin-top: auto; position: fixed;}
</style>
</head>
<body>
<div id="article">
<h1>Oh noes!</h1>
<div>
<p>Notre site est actuellement en période de maintenance, mais pas de panique ! Les châtons sont bien gardés. Promis, on revient vite! Le site devrait normalement redevenir opérationnel le mardi 20 mai 2014, 16:00 GMT.</p>
<p>Si toutefois l'attente devenait intenable, les groupies du sysadmin peuvent toujours <a href="mailto:ascii.asso@gmail.com">le contacter...</a></p>
</div>
</div>
<img src='https://s3.amazonaws.com/media-p.slid.es/uploads/hugogiraudel/images/36462/grumpy_cat_.png' />
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment