<!DOCTYPE html>
	<head>
		<title>Clarity Informatics</title>
		<link rel="icon" href="favicon.ico" type="image/x-icon"/>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<style>
		  body { text-align:center; padding-top:2em; font:16px Helvetica, sans-serif; color: #333;}
		  img.logo { width:200px; margin-bottom:0.5em; }
		  article { display:block; text-align:center; max-width:650px; margin:0 auto; }
		  h1 { font-size: 1.5em; }
		  h2 { font-size:1.2em;  margin: 0.5em 0 1.5em; }
		  p { line-height:1.4em; }
		  p.copyright { margin:2.5em 0; }
		  a { color: #06C; text-decoration: underline; }
		  a:hover { color: #039; cursor:pointer; }
		  article div { border-top:1px solid #999; border-bottom:1px solid #999; padding:0.5em; text-align:left; }
		  article div > strong { margin-top:10px; display:block; }
		</style>
	</head>
	<body>
		<img class="logo" src="logo-clarity.png" alt="Clarity Informatics" />
		<article>
			<h1>Systems currently offline for Essential Maintenance</h1>
			<div>
				<strong>Maintenance in-progress (20th March 2022)</strong>
				<p>We apologise for any inconvenience but this important maintenance will allow us to continue to provide the highest possible levels of stability across all our products.</p> 
			</div>
			<p>Started at 00:15 and expected to last 30 minutes</p>
			<p><strong>Thank you for your patience in the meantime.</strong></p>
		</article>
		<p class="copyright">&copy; Clarity Informatics <script>document.write(new Date().getFullYear())</script></p>
	</body>
</html>