<!DOCTYPE html>
<html lang="en-US">
<head>
	<title>{{ page.title }} - Paper's website</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="/css/style.css" rel="stylesheet" media="screen">
	<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?">
	<style>
		body {
			{% if page.bgrepeat %}
				background-repeat: {{ page.bgrepeat }};
			{% else %}
				background-repeat: repeat;
			{% endif %}
			{% if page.bgimage %}
				{% unless page.bgimage == "none" %}
					background-image: url("{{ page.bgimage }}");
				{% endunless %}
			{% else %}
				background-image: url("/media/KnitLight.png");
			{% endif %}
			background-position: center top;
			{% if page.bgcolor %}
				{% unless page.bgcolor == "none" %}
					background-color: {{ page.bgcolor }};
				{% endunless %}
			{% else %}
				background-color: #737373;
			{% endif %}
			{% if page.bgsize %}
				background-size: {{ page.bgsize }};
			{% endif %}
			min-height: 100vh;
		}
	</style>
</head>
<body>
	{% include navigation.html %}

	<br>

	{{ content }}
</body>
</html>