<!DOCTYPE html>
<html lang='en-AU' prefix="og: http://ogp.me/ns#">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<link rel="stylesheet" type="text/css" href="/assets/style.css">
	<link rel="stylesheet" type="text/css" href="/assets/fonts/fonts.css">
	<script src='/assets/script.js'></script>
	{% comment %}<script async src="https://ackee.lynnesbian.space/script.js" data-ackee-server="https://ackee.lynnesbian.space" data-ackee-domain-id="f0217e7d-ec2a-4a9b-baf3-d2d2215810ba"></script>{% endcomment %}
	<title>{{ page.title | default: "lynnesbian dot space" }}</title>
	<meta property="og:title" content="{{ page.title | default: 'Henlo!' }}">
	<meta property="og:site_name" content="lynnesbian dot space">
	<meta property="og:type" content="{{ page.og_type | default: 'website' }}">
	<meta property="og:url" content="https://lynnesbian.space{{ page.url }}">
	<meta property="og:image" content="https://lynnesbian.space/assets/img/bune.png">
	<meta name="flattr:id" content="zly0ql">
</head>

<body>
	{% comment %}{% include header.html %}{% endcomment %}
	<header>
		<picture id="logo">
			<source type="image/webp" srcset="/assets/img/lynnesoft-centred.png">
			<img id="logo"
					 src="/assets/img/lynnesoft-centred.png"
					 alt="A cyan-purple parallelogram with an outline of the letter L in its bottom-left corner."
					height="442"
					width="607">
		</picture>

		<nav>
			<a href='/' {%- if page.title == "Home" %} class='current'{% endif -%}>Home</a>
			{%- for html_page in site.content -%}
				{%- unless html_page.url == '/index' -%}
				<a href='{{ html_page.url }}' {%- if page.title == html_page.title %} class='current'{% endif -%}>
					{{ html_page.title }}
				</a>
			{%- endunless -%}
			{%- endfor -%}
		</nav>
	</header>

	<main>
		<article>
			{{ content }}
		</article>
	</main>
</body>

</html>