<!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 %}Solarpunk City{% endblock title %}</title>
		<meta name="author" content="Solarpunk City" />
		{% endblock head %}

		<link rel="shortcut icon" href="/favicon.svg" type="image/x-icon">

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

		</style>
	</head>

	<body>
		<div class="container">
			<div class="logo">
				<a href="/" aria-label="Return home">
					<img src="/logo.svg" width="90%" height="auto" xmlns="http://www.w3.org/2000/svg" />
				</a>
			</div>

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

		<p class="footer">
			© Solarpunk City
		</p>
	</body>
</html>