<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>{% block title %}{% endblock %}</title>
		<link
			type="text/css"
			href="{{ROOT}}css/normalize.css"
			rel="stylesheet">
		<link
			type="text/css"
			href="{{ROOT}}css/obscure.css"
			rel="stylesheet">
		<link
			href="http://fonts.googleapis.com/css?
				family=Lato:400,700,900,400italic,700italic,900italic|
				Inconsolata"
			rel="stylesheet"
			type="text/css">
		<link
			type="text/css"
			href="{{ROOT}}css/syntax.css"
			rel="stylesheet">
			<link rel="icon" href="{{ROOT}}img/favicon.ico">
	</head>
	<body>
		<header>
			<a href="http://obscuremetaphor.co.uk">
				<img src="{{ROOT}}img/logo.png" alt="Obscure Metaphor Logo">
			</a>
		</header>
		<div class="container">
{% block content %}


{% endblock %}
		</div>
	</body>
</html>
