big ol copy

_includes/footer.njk

@@ -1,2 +1,10 @@
 <footer>
+  <div class="footer-links">
+    <p><a href="/attribution" title="site attribution">attribution</a></p>
+    <p><a href="/team" title="meet or contact the Spoonfairies team">team</a></p>
+    <p><a href="/privacy" title="data privacy">privacy</a></p>
+    <p><a href="/accessibility" title="accessibility statements">accessibility</a></p>
+    <p><a href="https://heckin.technology/inherentlee/spoonfairies" target="_blank" title="source code">source</a></p>
+	</div>
+  <p class="year"><a href="/" title="home page">Spoonfairies 2026</a></p>
 </footer>

_includes/head.njk

@@ -18,24 +18,23 @@
 	<meta property="og:url" content="{{ metadata.url }}{{ page.url }}" />
 	<meta property="og:description" content="{{ metadata.description }}" />
 
-	{#
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
-	<meta property="og:image" content="" />
-	<meta property="og:image:alt" content="" />
-	#}
-
-	{#
-	<link rel="alternate" href="/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
-  #}
+	<meta property="og:image" content="{{ metadata.url }}/favicon.ico" />
+	<meta property="og:image:alt" content="the Spoonfairies logo, a spoon with wings" />
 
 	<meta name="generator" content="{{ eleventy.generator }}">
 
+  <!-- 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">
+
 	<!-- CSS -->
 	<style>{% include "css/main.css" %}</style>
+	<style>{% include "css/nav.css" %}</style>
 	<style>{% getBundle "css" %}</style>
 
-  {#
 	<!-- JS -->
+	<script type="module">{% include "node_modules/@zachleat/heading-anchors/heading-anchors.js" %}</script>
 	<script type="module">{% getBundle "js" %}</script>
-	#}
 </head>

_includes/header.njk

@@ -1,4 +1,14 @@
 <header>
-	<nav>
+	<a href="/" class="home-link" title="home page">
+		<img src="/logo.jpg" alt="the Spoonfairies logo, showing a spoon with fairy wings">
+		<h2>{{ metadata.title }}</h2>
+	</a>
+
+	<nav aria-label="main navigation">
+		<ul class="nav">
+		{%- for entry in collections.all | eleventyNavigation %}
+			<li class="nav-item"><a href="{{ entry.url }}"{% if entry.url == page.url %} aria-current="page"{% endif %}>{{ entry.title }}</a></li>
+		{%- endfor %}
+		</ul>
 	</nav>
 </header>

_includes/layouts/page.njk

@@ -1,7 +0,0 @@
----
-layout: base.njk
----
-
-<h1>{{ title }}</h1>
-
-{{ content | safe }}

_includes/layouts/provider.njk

@@ -0,0 +1,42 @@
+---
+layout: base.njk
+---
+
+<article>
+	<h1>{{ title }}
+		{% if pronouns %}<span class="pronouns">{{ pronouns }}</span>{% endif %}
+	</h1>
+
+	<div class="post-metadata">
+		<p class="post-time">last updated <time datetime="{{ page.date | htmlDateString }}">{{ page.date | readableDate }}</time></p>
+		{% include "taglist.njk" %}
+		{% if location %}<p class="location">{{ location }}</p>
+		{% else %}<p class="online">digital-only</p>{% endif %}
+	</div>
+
+	{{ content | safe }}
+
+	{% if contacts %}
+	<h2>contact information</h2>
+	<ul class="contacts">
+		{% for contact in contacts %}
+		<li>
+			{% if contact.href %}
+			<a href="{{ contact.href }}" target="_blank">{{ contact.title }}</a>
+			{% else %}
+			{{ contact.title }}
+			{% endif %}
+		</li>
+		{% endfor %}
+	</ul>
+	{% endif %}
+</article>
+
+<section class="related-providers">
+	{%- set relevantTags = tags | removeBasicTags %}
+	{%- set providerlist = collections.posts | filterByTags(relevantTags) | excludeFromCollection(page.url) | randomize | head(3) %}
+	{%- if providerlist.length %}
+	<h2>related providers</h2>
+  {% include "providerlist.njk" %}
+	{%- endif %}
+</section>

_includes/providerlist.njk

@@ -0,0 +1,20 @@
+<ul class="providerlist">
+  {% for post in providerlist %}
+  <li class="providerlist-item{% if post.url == url %} providerlist-item-active{% endif %}">
+    <a href="{{ post.url }}" class="providerlist-link"
+    aria-label="{% if post.data.title %}{{ post.data.title }}{% else %}{{ post.url }}{% endif %}
+    {% if post.data.pronouns %}{{ post.data.pronouns }}{% endif %}
+    {% if post.data.location %}is based out of {{ post.data.location }}
+    {% else %}is digital-only{% endif %}">
+      {% if post.data.title %}{{ post.data.title }}{% else %}<code>{{ post.url }}</code>{% endif %}
+
+      {% if post.data.pronouns %}<span class="pronouns">{{ post.data.pronouns }}</span>{% endif %}
+
+      {% if post.data.location %}<span class="location">{{ post.data.location }}</span>
+      {% else %}<span class="online">digital-only</span>{% endif %}
+    </a>
+    {%- set tags = post.data.tags %}
+    {% include "taglist.njk" %}
+  </li>
+  {% endfor %}
+</ul>

_includes/taglist.njk

@@ -0,0 +1,7 @@
+<p class="visually-hidden">services this provider offers are </p>
+<ul class="taglist">
+	{%- for tag in tags | removeBasicTags %}
+		{%- set tagUrl %}/services/{{ tag | slugify }}/{% endset %}
+		<li><a href="{{ tagUrl }}" class="post-tag" title="browse providers who offer {{ tag }}">{{ tag }}</a>{%- if not loop.last %}, {% endif %}</li>
+	{%- endfor %}
+</ul>