{{partial "header.tmpl" .}}
<div class="row">
    <header><p>503 - service unavailable</p></header>
</div>

<div class="container journal content">
	<div class="row">
		<div class="twelve columns article">
			<ul>
				<li class="journal-li">
					<div class="margin-top">Oops, the page is unavailable. Reload the page or try again.</div>
					<br>
					<pre>
_                ___       _.--. 
\`.|\..----...-'`   `-._.-'_.-'` 
/  ' `         ,       __.--'    
)/' _/     \   `-_,   /          
`-'" `"\_  ,_.-;_.-\_ ',         
    _.-'_./   {_.'   ; /         
   {_.-``-'         {_/          
   ~~~~~~          ~~~~~         
					</pre>
				</li>
			</ul>
		</div>
	</div>
</div>

<div class="container">
	<div class="row center">
		<p class="twelve columns" style="margin-top: 20px">
			<a class="button" href="{{$.Site.BaseURL}}" title="back to index">click to go back</a>
		</p>
	</div>
</div>
{{partial "footer.tmpl"}}