public/maintenance.html from fairmondo/fairmondo

public/maintenance.html
Summary

Maintainability

Test Coverage

Issues
<!--
   Copyright (c) 2012-2017, Fairmondo eG.  This file is
   licensed under the GNU Affero General Public License version 3 or later.
   See the COPYRIGHT file for details.
-->

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--><html class='no-js' lang='de'><!--<![endif]-->
<head>
    <meta charset='utf-8'>
    <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
    <meta name="viewport" content="width=device-width">
    <title>Wartungsarbeiten &ndash; Fairmondo</title>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,700,600' rel='stylesheet' type='text/css'>
    <style>
        html, body {
          font-family:"Open Sans", Helvetica, sans-serif;
          font-size: 14px;
          margin: 0.5em auto;
          padding: 0 0.5em;
          max-width: 960px;
        }

        #links {
            float: right;
            margin: 0;
            padding: 0;
        }

        #links li {
            display: inline-block;
        }

        #links li a {
            display: block;
            border-radius: 0.5em;
            padding: 0.5em 1em;
            text-decoration: none;
            color: white;
            background-color: #3a80c2;
        }

        #links li a:hover {
            background-color: #4b91d3;
        }

        #main {
            margin: 3em 0 5em;
        }

        #smallprint {
            font-size: 0.9em;
            color: #666;
            margin-bottom: 2em;
            overflow: hidden;
        }

        #smallprint a {
            color: #369;
        }


        @media (max-width: 600px) {
            header img {
                width: 45%;
                height: 45%;
            }
        }

        @media (min-width: 600px) {


            #imprint {
                width: 50%;
                float: left;
            }

            #editor {
                width: 50%;
                float: right;
            }
        }

        h1 {
            margin: 2em 0 2em;
        }

        h2 {
            font-size: 1.2em;
            margin: 1.5em 0 1em;
        }

        #copyright {
            clear: both;
            margin-top: 2em;
        }

    </style>
</head>

<body>
    <header>
        <ul id="links">
            <li><a href="https://forum.fairmondo.de/" target="_blank">Forum</a></li>
            <li><a href="https://info.fairmondo.de/" target="_blank">Blog</a></li>
        </ul>
        <img src="http://info.fairmondo.de/wp-content/uploads/2014/05/Logo_FN_300x90.jpg" width="300" height="90" alt="Fairmondo-Logo">
    </header>

    <div id="main">
        <h1>Fairmondo wird umgestellt!</h1>
        <p>Liebe Besucher*innen,</p>
        <p>Wir stellen die Webseite gerade um, habt also bitte noch einen Moment Geduld.</p>
        <p>Vielen Dank für Euer Verständnis.</p>
        <p>Faire Grüße,<br/><br/>Euer Fairmondo Team</p>
    </div>

    <div id="smallprint">
        <div id="imprint">
            <h2>Impressum</h2>
            <p>Fairmondo wird betrieben von der <strong>Fairmondo eG</strong>.</p>

            <p><strong>Registergericht:</strong> Amtsgericht Berlin-Charlottenburg, GnR 738 B</p>

            <p><strong>Vorstand:</strong> Kim Stattaus, Martin Mortensen-Zimber</p>

            <p><strong>Aufsichtsratsvorsitzender:</strong> Simon Köhl</p>

            <p><strong>Anschrift:</strong> Glogauer Str.&thinsp;21, 10999 Berlin<br/>
            <strong>E-Mail:</strong> <a href="mailto:kundenservice@fairmondo.de">kundenservice@fairmondo.de</a></p>
        </div>

        <div id="editor">
            <h2>Verantwortlicher Redakteur</h2>
            <p>Kim Stattaus, Glogauer Str.&thinsp;21, 10999 Berlin<br/>
            <strong>E-Mail:</strong> <a href="mailto:kundenservice@fairmondo.de">kundenservice@fairmondo.de</a></p>
        </div>
    </div>

    <footer>
        <p id="copyright">&copy; Copyright 2017 Fairmondo eG</p>
    </footer>

  </body>
</html>