big ol pile

_includes/footer.njk

@@ -1,2 +1,16 @@
 <footer>
+  <nav aria-label="footer navigation">
+    <ul>
+      <li>
+        <a href="/" {% if page.url == "/" %}aria-current="page"{% endif %} title="go home">
+          © 2026 Rachel LordKenaga
+        </a>
+      </li>
+      <li>
+        <a href="/attribution" {% if page.url == "/attribution/" %}aria-current="page"{% endif %}>
+          attribution
+        </a>
+      </li>
+    </ul>
+  </nav>
 </footer>

_includes/head.njk

@@ -32,10 +32,15 @@
 
 	<!-- CSS -->
 	<style>{% include "css/main.css" %}</style>
+	<style>{% include "css/nav.css" %}</style>
 	<style>{% getBundle "css" %}</style>
 
-  {#
+  <!-- Fonts -->
+  <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=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
+
 	<!-- JS -->
+  <script>{% include "js/nav.js" %}</script>
 	<script type="module">{% getBundle "js" %}</script>
-	#}
 </head>

_includes/header.njk

@@ -1,4 +1,21 @@
 <header>
-	<nav>
+	<nav aria-label="main navigation">
+	  <a href="/" {% if page.url == "/" %}aria-current="page"{% endif %} title="go home">
+			<img src="/img/RGLK+LOGO.webp" alt="the logo for Rachel Guinevere LordKenaga, a dappled multicolor circle with several oval lines surrounding and overlapping. Inside in yellow it reads rglk art.">
+    </a>
+
+    <button aria-label="menu" aria-expanded="false" class="menu-button-mobile">
+      ☰
+    </button>
+
+    <ul>
+      {% for entry in collections.all | eleventyNavigation %}
+      <li>
+        <a href="{{ entry.url }}" {% if entry.url == page.url %}aria-current="page"{% endif %}>
+          {{ entry.title }}
+        </a>
+      </li>
+      {% endfor %}
+    </ul>
 	</nav>
 </header>

_includes/layouts/base.njk

@@ -5,7 +5,12 @@
 	{% include "header.njk" %}
 
 	<main id="main">
-		{{ content | safe }}
+
+	<h1>{{ title }}</h1>
+
+		<div id="content">
+  		{{ content | safe }}
+	  </div>
 	</main>
 
   {% include "footer.njk" %}