ok big chunk o' everything

2026-09-17 19:41:44 -07:00
parent bf95c6b05e
commit 03398543ee
72 changed files with 870 additions and 54 deletions
@@ -0,0 +1,15 @@
+<ol>
+  {% for stop in stops %}
+    <li class="stop">
+  		<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false">
+  			<circle stroke="none" cx="16" cy="16" r="10"></circle>
+  		</svg>
+      <h2>{{ stop.data.location }}</h2>
+      {% if stop.data.img %}
+        <img src="/img/{{ stop.data.img.src }}" alt="{{ stop.data.img.alt }}">
+      {% else %}
+    		<div class="spacer"></div>
+      {% endif %}
+    </li>
+  {% endfor %}
+</ol>
@@ -1,2 +1,6 @@
 <footer>
+	<p>brought to you in 2026 by
+		<a href="https://leecat.art" target="_blank">lee</a>
+	</p>
+	<p><a href="/attribution">attribution</a></p>
 </footer>
@@ -1,6 +1,6 @@
 <head>
 	{% if title %}
-		{% set pageTitle %}{{ title }} | {{ metadata.title }}{% endset %}
+		{% set pageTitle %}{{ title | safe }} | {{ metadata.title }}{% endset %}
 	{% else %}
 		{% set pageTitle = metadata.title %}
 	{% endif %}
@@ -18,21 +18,24 @@
 	<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 }}/img/logo-light.png" />
+	<meta property="og:image:alt" content="blue and gold icon showing a greeting card 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+Mono:ital,wght@0,200..800;1,200..800&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>{% include "css/cards.css" %}</style>
 	<style>{% getBundle "css" %}</style>

-  {#
 	<!-- JS -->
+  <script>{% include "js/dropdown.js" %}</script>
 	<script type="module">{% getBundle "js" %}</script>
-	#}
 </head>
@@ -1,4 +1,23 @@
 <header>
 	<nav>
+	  <a id="skip" href="#main">skip to main</a>
+		<a href="/" {% if "/" == page.url %}aria-current="page"{% endif %}>home</a>
+
+		<div id="dropdown">
+		  <button id="drop-button" aria-label="card submenu" aria-expanded="false"
+				type="button" aria-controls="drop-content">cards ⮷</button>
+			<ul id="drop-content" aria-hidden="true">
+        {% 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>
+		</div>
 	</nav>
+
+	<img id="logo-light" src="/img/logo-light.png" alt="blue and gold icon showing a greeting card with wings" />
+	<img id="logo-dark" src="/img/logo-dark.png" alt="blue and gold icon showing a greeting card with wings" />
 </header>
@@ -1,7 +0,0 @@
---
-layout: base.njk
---
-
-<h1>{{ title }}</h1>
-
-{{ content | safe }}