<!DOCTYPE html>
<html lang="en">
	<head>
		{% block head %}
		<meta charset="UTF-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
		<meta name="author" content="{{ AUTHOR }}" />
		{% endblock head %}

		<link rel="icon" href="/favicon.svg">

		<style>
			{% include 'style.css' %}

		</style>

		<script defer src="/theme/instant-page.js"></script>
	</head>

	<body>
		<div class="container">
			<div class="bar">
				{% block info %}
				{% endblock %}
			</div>

			{% block content %}
			{% endblock %}
		</div>

		<p class="footer">
			<span class="wname">Webring:</span> <a href="https://jason.schwarzenberger.co.nz/" class="wprev">&lt; Previous</a> | <a href="https://webring.t0.vc" class="windex">Index</a> | <a href="https://udia.ca" class="wnext">Next &gt;</a>
		</p>
		<p class="footer">
			© 2012–2022 Tanner Collin
		</p>
	</body>
</html>