header.html

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<meta name="description" content="Put your description here.">
	<title>hackerbirds</title>

	<link rel="preload" href="../assets/css/post-styles.css" as="style" />
	<link rel="stylesheet" href="../assets/css/post-styles.css">

	
	<link rel="icon" type="image/svg" href="../assets/bird_neutral.svg">

	<script type="text/javascript" src="../assets/js/themeToggler.js"></script>
	<script>
		// loading css theme in a blocking way prevents flickering when loading
		loadTheme();
	</script>
</head>

<body>
	<div class="banner" id="banner-id">
		<a href="../" title="Homepage">
			<img src="../assets/bird_neutral.svg" class="banner-logo" alt="Main page" />
		</a>
		<b>birdbrained</b>
	</div>
	<main>