<!DOCTYPE HTML>
<html>
<head>
	<title>Arch Linux {{ service_name.capitalize() }} Maintenance</title>
	<meta name="robots" content="noindex,nofollow" />
	<style type="text/css">
		* { margin: 0; padding: 0; }
		body { background: #f6f9fc; color: #222; font-family: sans-serif; }
		a { text-decoration: none; color: #07b; outline: none; }
		a:visited { color: #666; }
		a:focus { color: #e90; }
		a:hover { text-decoration: underline; color: #999; }
		a:active { color: #e90; }
		h2 { font-size: 1.5em; margin-bottom: 0.5em; border-bottom: 1px solid #888; }
		#content { font-size: 0.812em; width: 95%; margin: 0 auto; padding-top: 20px; width: 500px; }
		#content ul { margin-top: 5px; }
		#content li { margin-left: 20px; }
		#content div { margin: 20px auto; text-align: center; }
		#content img { border: none; }
		#footer { clear: both; padding-top: 10px; font-size: 0.7em; }
		#archnavbar { height: 40px; padding: 10px 15px; background: #333; border-bottom: 5px #08c solid; }
		#archnavbarlogo { float: left; margin: 0; padding: 0; height: 40px; width: 190px; background: url('data:image/png;base64,[encoded data, 4440 characters]') no-repeat; }
		#archnavbarlogo h1 { margin: 0; padding: 0; text-indent: -9999px; }
		#archnavbarlogo a { display: block; height: 40px; width: 190px; }
	</style>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
	<div id="archnavbar">
		<div id="archnavbarlogo"><h1><a href="#">Arch Linux</a></h1></div>
	</div>
	<div id="content">
		<h2>Don't Panic!</h2>
		<p>The {{ service_name.lower() }} is down due to maintenance. We will be back soon. In the meantime you might get help at the following sites:</p>
		<ul id="sitelinks">
                        <li><a href="https://bbs.archlinux.org">Forums</a></li>
                        <li><a href="https://wiki.archlinux.org">Wiki</a></li>
			<li>IRC: #archlinux on Libera Chat</li>
		</ul>
		<div>
		<img src="data:image/png;base64,
[encoded data, 32560 characters]
			DYC3r7cB8Pb1NgDevv7Nrv8HqYj6AqMA18sAAAAASUVORK5CYII=" alt="Don't Panic!" /></div>
		<div id="footer">
			Arch Linux
		</div>
	</div>
	<script>
		var sitelinks = document.getElementById('sitelinks').getElementsByTagName('a');

		for (var i = 0; i < sitelinks.length; i++) {
			if (sitelinks[i].href.indexOf(window.location.hostname) >= 0) {
				sitelinks[i].parentNode.parentNode.removeChild(
					sitelinks[i].parentNode);
				i--;
			}
		}
	</script>
</body>
</html>
