header.html

<header class="masthead mb-auto">
	<div class="inner">
		<h1 class="masthead-brand"><a href="index.html">Dusty and the Sardines</a></h1>

		<!-- Mobile -->
		<div class="collapse" id="navbarToggleExternalContent">
			<nav class="nav-menu nav-mobile bg-dark p-4 text-white">
				<a class="nav-link index" href="index.html#about">About</a>
				<a class="nav-link logbook" href="logbook.html">Logbook</a>
				<a class="nav-link projects" href="projects2024.html">Tinkering</a>
				<a class="nav-link album" href="gallery.html">Gallery</a>
				<a class="nav-link insta" href="https://www.instagram.com/dustyandthesardines/"><figure class="icon-small"><img loading=lazy" src="./images/social/instagram.svg" alt=""></figure>Instagram</a>
			</nav>
		</div>

		<!-- Desktop -->
		<a href="#0" class="nav-trigger" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">Open Nav<span aria-hidden="true"></span></a>

		<nav class="nav nav-masthead justify-content-center">
			<a class="nav-link index" href="index.html#about">About</a>
			<a class="nav-link logbook" href="logbook.html">Logbook</a>
			<a class="nav-link projects" href="projects2024.html">Tinkering</a>
			<a class="nav-link album" href="gallery.html">Gallery</a>
			<a class="nav-link insta" href="https://www.instagram.com/dustyandthesardines/"><figure class="icon-small"><img loading=lazy" src="./images/social/instagram.svg" alt=""></figure>Instagram</a>
		</nav>

	</div>
</header>