nixops/www/maintenance_immae.html

   1 <!doctype html>
   2 <html>
   3   <head>
   4     <title>Maintenance</title>
   5     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   6     <style>
   7       body {
   8         padding-left: 5px;
   9         padding-right: 5px;
  10         text-align: center;
  11         margin: auto;
  12         font: 20px Helvetica, sans-serif;
  13         color: #333;
  14       }
  15       h1 {
  16         margin: 0px;
  17         font-size: 40px;
  18       }
  19       article {
  20         display: block;
  21         max-width: 650px;
  22         margin: 0 auto;
  23         padding-top: 30px;
  24       }
  25       article + article {
  26         border-top: 1px solid lightgrey;
  27       }
  28       article div {
  29         text-align: justify;
  30       }
  31       a {
  32         color: #dc8100;
  33         text-decoration: none;
  34       }
  35       a:hover {
  36         color: #333;
  37       }
  38     </style>
  39     <script type="text/javascript">
  40       setTimeout(function () { location.reload(true); }, 5000);
  41     </script>
  42   </head>
  43   <body>
  44     <article>
  45       <h1>Erreur serveur ou maintenance en cours&nbsp;!</h1>
  46       <div>
  47         <p>Une mise à jour ou une opération de maintenance est en cours sur le site. <a href="">Retentez</a> dans quelques instants ou patientez, la page se rechargera automatiquement.</p>
  48       </div>
  49     </article>
  50
  51     <article>
  52       <h1>Server error or website in maintenance!</h1>
  53       <div>
  54         <p>An update or a maintenance is on track on the website. Please try <a href="">again</a> in a few seconds or wait, the page will reload automatically.</p>
  55       </div>
  56     </article>
  57   </body>
  58 </html>