infra/nginx/resources/maintenance.html
<!doctype html>
<html>
<head>
<title>Site Maintenance - Study Association Thalia</title>
<style>
body { text-align: center; padding: 150px 20px 0 20px; }
h1 { font-size: 50px; }
svg { height: 200px; }
body { font: 20px Helvetica, sans-serif; color: #333; }
article { display: block; text-align: left; max-width: 650px; margin: 0 auto; }
a { color: #E62272; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
.st0{fill:#E62272;}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<article>
<svg version="1.1" id="image" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="-233 408.5 374 375" style="enable-background:new -233 408.5 374 375;" xml:space="preserve">
<g>
<path id="hoekje_onder_3_" class="st0" d="M25.3,712.7c-4.4,0,89.8,10.9,91.2,10.9l-51.6,40.1L25.3,712.7L25.3,712.7z"/>
<path id="Driehoek_onder_3_" class="st0" d="M-22.7,702.6l17.1-136.1c0,0,118.7,152.9,118.6,153.1L-22.7,702.6z"/>
<path id="maindriehoek_3_" class="st0" d="M-154.3,614.7c45.4,5.7,136.4,16.9,136.4,16.9s16.8-136,17-136L-154.3,614.7z"/>
<polygon id="driehoekbovenmid_3_" class="st0" points="-208.5,566.3 -100.9,482.7 -196.2,471 "/>
<path id="blokje_3_" class="st0" d="M-96.3,483.2l51.4-39.9l39.3,50.6c0,0-51.1,39.7-51.4,39.9L-96.3,483.2z"/>
<path id="hoekjelinksboven_3_" class="st0" d="M-27.2,700c0,0-55.5-72.5-55.4-72.5l64.3,9.1"/>
<polygon id="raarding_3_" class="st0" points="-140.6,428.4 -191.2,467.7 -97.5,479.5 -46.9,440.2 "/>
</g>
</svg>
<h1>We’ll be back soon!</h1>
<div>
<p>Sorry, we're down for maintenance. If you think something is wrong, please <a href="mailto:www@thalia.nu">contact us</a>.</p>
<p>— Thalia's Technicie</p>
</div>
</article>
</body>
</html>