<head>
	{% if title %}
		{% set pageTitle %}{{ title }} | {{ metadata.title }}{% endset %}
	{% else %}
		{% set pageTitle = metadata.title %}
	{% endif %}
	<title>{{ pageTitle }}</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<!-- Meta -->
	<link rel="icon" type="image/x-icon" href="/favicon.ico">
	<link rel="canonical" href="/" />
	<meta name="description" content="{{ metadata.description }}" />
	<meta name="robots" content="index,follow" />
	<meta property="og:title" content="{{ pageTitle }}" />
	<meta property="og:type" content="article" />
	<meta property="og:url" content="/" />
	<meta property="og:description" content="{{ metadata.description }}" />
	<meta property="og:image" content="/assets/img/logo.jpg" />
	<meta property="og:image:alt" content="block print in black and orange of a rufous hummingbird in flight with tail flared. the hummingbird holds a banner that reads 'become ungovernable.'" />

	<meta name="generator" content="{{ eleventy.generator }}">

	<!-- CSS -->
	<style>{% include "css/main.css" %}</style>
	<style>{% include "css/nav.css" %}</style>

	<style>{% getBundle "css" %}</style>

	<!-- JS -->
	<script type="module">{% getBundle "js" %}</script>

	<!-- Font -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
</head>
