New style initial

Content Updates
Content updates
2026-06-28 20:18:03 -05:00 · 2026-05-29 13:47:30 -05:00 · 2026-05-29 13:47:17 -05:00
68 changed files with 1763 additions and 677 deletions
--- a/_data/blogroll.js
+++ b/_data/blogroll.js
@@ -304,6 +304,13 @@ export default {
 					url: "https://www.neatorama.com/",
 					description: "Yep, Neatorama's still around!",
 				},
 				{
 					title: "Public Domain Review",
 					feedUrl: "https://publicdomainreview.org/rss.xml",
 					url: "https://publicdomainreview.org",
 					description:
 						"The Public Domain Review is an online journal and not-for-profit project dedicated to the exploration of curious and compelling works from the history of art, literature, and ideas.",
 				},
 				{
 					title: "The Pudding",
 					feedUrl: "https://pudding.cool/rss.xml",
@@ -501,6 +508,13 @@ export default {
 					description:
 						"Started in 1997 by Floor64 founder Mike Masnick and then growing into a group blogging effort, the Techdirt blog relies on a proven economic framework to analyze and offer insight into news stories about changes in government policy, technology and legal issues that affect companies’ ability to innovate and grow.",
 				},
 				{
 					title: "The Canary",
 					feedUrl: "https://www.thecanary.co/feed/",
 					url: "https://www.thecanary.co/",
 					description:
 						"The Canary is a anti-oppression, decolonised, and recolonised radical media outlet that publishes the truth without fear or favour. We publish stories that matter to ordinary people across the UK, whether the corporate and state media like it or not.",
 				},
 				{
 					title: "Usermag",
 					feedUrl: "https://www.usermag.co/feed",
@@ -593,6 +607,14 @@ export default {
 					description:
 						"Writing on wet shaving, politics, whole food plant based diets, and more.",
 				},
 				{
 					title: "lemon ice cream",
 					feedUrl:
 						"https://soundsoflemonicecream.blogspot.com/feeds/posts/default?alt=rss",
 					url: "https://soundsoflemonicecream.blogspot.com/",
 					description:
 						"annabelle kathleen marcile akers - aka lemon ice cream.",
 				},
 				{
 					title: "MediaActivist",
 					feedUrl: "https://www.mediaactivist.com/rss/",
--- a/_data/galleries.js
+++ b/_data/galleries.js
@@ -1,4 +1,89 @@
 export default [
 	{
 		title: "Wild Berry Fizzy Pop Powder",
 		description:
 			"Recording my experience burning Wild Berry’s Fizzy Pop incense powder.",
 		synopsis:
 			"Recording my experience burning Wild Berry’s Fizzy Pop incense powder.",
 		url: "/img/gallery/wild-berry-fizzy-pop/",
 		date: new Date("May 28, 2026"),
 		galleryImage: "wild-berry-fizzy-pop-powder-8.webp",
 		galleryImageAlt: "",
 		pictures: [
 			{
 				title: "Preparing the censer",
 				filename: "wild-berry-fizzy-pop-powder-1.webp",
 				altText:
 					"A brass incense censer with a tool holder and stencil next to a jar of the incense powder.",
 				thumbAltText:
 					"A brass incense censer with a tool holder and stencil next to a jar of the incense powder.",
 				caption: "I feel guilty for sullying this censer.",
 			},
 			{
 				title: "Electric blue",
 				filename: "wild-berry-fizzy-pop-powder-8.webp",
 				altText:
 					"A brass incense spoon scooping bright blue powder from the top of a jar.",
 				thumbAltText:
 					"A brass incense spoon scooping bright blue powder from the top of a jar.",
 				caption: "Just look at the color of this stuff!",
 			},
 			{
 				title: "Adding powder",
 				filename: "wild-berry-fizzy-pop-powder-2.webp",
 				altText:
 					"Putting the electric blue powder atop the brass stencil with a tiny incense spoon.",
 				thumbAltText:
 					"Putting the electric blue powder atop the brass stencil with a tiny incense spoon.",
 				caption: "No turning back now.",
 			},
 			{
 				title: "Adding more powder",
 				filename: "wild-berry-fizzy-pop-powder-3.webp",
 				altText:
 					"Putting more electric blue powder atop the brass stencil with a tiny incense spoon.",
 				thumbAltText:
 					"Putting more electric blue powder atop the brass stencil with a tiny incense spoon.",
 				caption: "Fully committing.",
 			},
 			{
 				title: "Stencil loaded",
 				filename: "wild-berry-fizzy-pop-powder-4.webp",
 				altText:
 					"The grooves of the brass stencil are full of blue incense powder, revealing the shape of an auspicious cloud.",
 				thumbAltText:
 					"The grooves of the brass stencil are full of blue incense powder, revealing the shape of an auspicious cloud.",
 				caption: "That color is wild.",
 			},
 			{
 				title: "Time to get lit",
 				filename: "wild-berry-fizzy-pop-powder-5.webp",
 				altText:
 					"A plasma lighter hovers ominously over the tail of a trail of blue incense powder in the shape of an auspicious cloud, atop a flat layer of ash in a brass censer.",
 				thumbAltText:
 					"A plasma lighter hovers ominously over the tail of a trail of blue incense powder in the shape of an auspicious cloud, atop a flat layer of ash in a brass censer.",
 				caption: "Here we go.",
 			},
 			{
 				title: "Time to get lit",
 				filename: "wild-berry-fizzy-pop-powder-6.webp",
 				altText:
 					"A long, angry-looking ember travels down the trail of blue incense powder.",
 				thumbAltText:
 					"A long, angry-looking ember travels down the trail of blue incense powder.",
 				caption: "What a wicked looking ember.",
 			},
 			{
 				title: "Finally over",
 				filename: "wild-berry-fizzy-pop-powder-7.webp",
 				altText:
 					"A long, angry-looking ember lights the final stretch of the incense seal, leaving a trail of very dark black ash.",
 				thumbAltText:
 					"A long, angry-looking ember lights the final stretch of the incense seal, leaving a trail of very dark black ash.",
 				caption: "At last.",
 			},
 		],
 	},
 	{
 		title: "Cooking",
 		description: "Some stuff I've made in the kitchen.",
--- a/_data/metadata.js
+++ b/_data/metadata.js
--- a/_includes/articleAuthor.njk
+++ b/_includes/articleAuthor.njk
@@ -0,0 +1,51 @@
 <div class="author">
 	{% if author %}
 		{% if author.profilePic %}
 			{% if author.url %}
 				<a href="{{ author.url }}">
 			{% endif %}
 			<img class="profilePic" src="{{ author.profilePic }}">
 			{% if author.url %}
 				</a>
 			{% endif %}
 		{% endif %}
 			<p>
 				{% if author.url %}
 					<a href="{{ author.url }}">
 				{% endif %}
 				{% if author.name %}
 					<span class="authorName">{{ author.name }}</span>
 				{% endif %}
 				{% if author.url %}
 					</a>
 				{% endif %}
 				{% if author.bio %}
 					<br>{{ author.bio }}
 				{% endif %}
 			</p>
 	{% else %}
 			{% if metadata.author.profilePic %}
 				{% if metadata.author.url %}
 					<a href="{{ metadata.author.url }}">
 				{% endif %}
 				<img class="profilePic" src="{{ metadata.author.profilePic }}">
 				{% if metadata.author.url %}
 					</a>
 				{% endif %}
 			{% endif %}
 			<p>
 				{% if metadata.author.url %}
 					<a href="{{ metadata.author.url }}">
 				{% endif %}
 				{% if metadata.author.name %}
 					<span class="authorName">{{ metadata.author.name }}</span>
 				{% endif %}
 				{% if metadata.author.url %}
 					</a>
 				{% endif %}
 				{% if metadata.author.bio %}
 					<br>{{ metadata.author.bio }}
 				{% endif %}
 	{% endif %}
 	</p>
 </div>
--- a/_includes/footer.njk
+++ b/_includes/footer.njk
@@ -1,22 +1,25 @@
 <footer>
-	<p>{% if metadata.copyrightNotice %}<span class="copyright-notice">{{ metadata.copyrightNotice }}</span>{% endif %}
+	<div class="footerContainer">
-
+		<p>
-	{% if metadata.webrings %}<br>
+		{% if metadata.copyrightNotice %}
-	{% for webring in metadata.webrings %}
+			<span class="copyright-notice">{{ metadata.copyrightNotice }}</span>
 		{% endif %}
 		<br>Made by humans, not AI.
 			<div class="webringsContainer">
 				{% if metadata.webrings %}{% for webring in metadata.webrings %}
 				<span class="webring">
 				{% if webring.previousURL %}<a href="{{ webring.previousURL  }}">←</a>{% endif %}
 						{% if webring.ringURL %}<a href="{{ webring.ringURL }}">{{ webring.name }}</a>{% endif %}
 						{% if webring.nextURL %}<a href="{{ webring.nextURL }}">→</a>{% endif %}
-	</span>
+				</span><br>
-	{% endfor %}
+				{% endfor %}{% endif %}
-	{% endif %}
+			</div>
-		<span class="webring"><a href="/search/">Search</a></span>
+			<div class="linksContainer">
-		<span class="webring"><a href="/sitemap/">Sitemap</a></span>
+			{% if metadata.footerLinks %}{% for link in metadata.footerLinks %}
 				<a {% if link.onClick %} onCLick="{{ link.onClick }}"{% endif %} href="{{ link.linkURL }}">{{ link.linkDisplay }}</a>
 			{% endfor %}{% endif %}
 			</div>
 		</p>
 	<div id="buttonsAndStuffContainer">
 		<a href="https://notbyai.fyi/">
 			<img src="/img/written-by-human-not-by-ai-white.svg" alt="Written by humans, not by AI.">
 		</a>
 		{% include "settings/siteSettings.njk" %}
 	</div>
 </footer>
 {% include "settings/siteSettings.njk" %}
--- a/_includes/header.njk
+++ b/_includes/header.njk
@@ -1,12 +1,4 @@
 <a href="#skip" class="visually-hidden">Skip to main content</a>
 <header>
 	<a
 	href="/"
 	class="home-link">
 		<img
 		class="logo"
 		src="{% if metadata.holidayLogo %}{{ metadata.holidayLogo }}{% else %}{{ metadata.logo }}{% endif %}"
 		alt="{{ metadata.title }}">
 	</a>
 	{% if not hideNav %}{% include "nav.njk" %}{% endif %}
 </header>
--- a/_includes/layouts/base.njk
+++ b/_includes/layouts/base.njk
@@ -13,18 +13,9 @@
 		{% if tags and tags.includes('galleryImage') %}
 		<link rel="stylesheet" type="text/css" href="/css/gallery-images.css" />
 		{% endif %}
 		{% if tags and tags.includes('metadata') %}
 		<link rel="stylesheet" type="text/css" href="/css/metadata.css" />
 		{% endif %}
 		{% if tags and tags.includes('navigator') %}
 		<link rel="stylesheet" type="text/css" href="/css/navigator.css" />
 		{% endif %}
 		{% if tags and tags.includes('profilePic') %}
 		<link rel="stylesheet" type="text/css" href="/css/profile-pic.css" />
 		{% endif %}
 		{% if tags and tags.includes('postList') %}
 		<link rel="stylesheet" type="text/css" href="/css/post-list.css" />
 		{% endif %}
 		{% if tags and tags.includes('tagList') %}
 		<link rel="stylesheet" type="text/css" href="/css/tags.css" />
 		{% endif %}
@@ -86,8 +77,8 @@
 			</section>
 			{% endif %}
 		</main>
 		{% include "birb.njk" %}
 		{% include "footer.njk" %}
 		{% include "birb.njk" %}
 		{% include "weather.njk" %}
 		{% include "wooMode.njk" %}
 		{% include "settings/settingsConfig.njk" %}
--- a/_includes/layouts/links.njk
+++ b/_includes/layouts/links.njk
@@ -8,7 +8,7 @@ layout: layouts/linksPage.njk
 	<div class="socialLinks">
 		{% for link in metadata.socialLinks %}
 		<a class="link-button u-url" {% if link.customAttribute %} {{ link.customAttribute | safe }} {% endif %} href="{{ link.linkURL }}">
-			<button type="button"><img src="{{ link.iconURL }}" />{{ link.linkDisplay }}</button>
+			<button type="button">{{ link.iconSVG | safe }}{{ link.linkDisplay }}</button>
 		</a>
 		{% endfor %}
 	</div>
--- a/_includes/layouts/post.njk
+++ b/_includes/layouts/post.njk
@@ -2,44 +2,39 @@
 layout: layouts/base.njk
 ---
 <article class="post" data-pagefind-body>
-<h1>{{ title | markdownify | safe}}</h1>
+	<div class="hero-container">
-{% include "mastodonComments.njk" %}
+		<div class="hero">
-{% if not hideMetadata %}
+			<p class="post-taglist">
 <div class="post-metadata">
 	{% if author %}
 	{% if author.profilePic %}
 	<img class="profilePic" src="{{ author.profilePic }}">
 	{% endif %}
 	<div class="post-metadata-copy">
 		<p>{% if author.url %}<a href="{{ author.url }}">{% endif %}
 		{% if author.name %}By {{ author.name }}{% endif %}{% if author.url %}</a>&nbsp;•&nbsp;{% endif %}<time datetime="{{ page.date | htmlDateString }}">{{ page.date | niceDate }}</time>&nbsp;•&nbsp;{{ content | emojiReadTime }}</p>
 	{% else %}
 	{% if metadata.author.profilePic %}
 	<img class="profilePic" src="{{ metadata.author.profilePic }}">
 	{% endif %}
 	<div class="post-metadata-copy">
 		<p>{% if metadata.author.url %}<a href="{{ metadata.author.url }}">{% endif %}
 		{% if metadata.author.name %}By {{ metadata.author.name }}{% endif %}{% if metadata.author.url %}</a>&nbsp;•&nbsp;{% endif %}<time datetime="{{ page.date | htmlDateString }}">{{ page.date | niceDate }}</time>{% if tags and not tags.includes('quiz') %}&nbsp;•&nbsp;{{ content | emojiReadTime }}{% endif %}</p>
 	{% endif %}
 		<ul>
 				{%- for tag in tags | filterTagList %}
 					{%- set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
-			<li>
+					<a href="{{ tagUrl }}">#{{ tag }}&nbsp;</a>
 				<a
 				href="{{ tagUrl }}"
 				class="post-tag">
 					{{ tag }}&nbsp;
 				</a>
 			</li>
 				{%- endfor %}
-		</ul>
+			</p>
 			<h1>{{ title | markdownify | safe}}</h1>
 			{% if synopsis %}
 				<p class="post-synopsis">
 					{{ synopsis | markdownify | safe}}
 				</p>
 			{% endif %}
 			{% if tags and tags.includes('quiz') %}
 				<p class="post-synopsis">
 					{{ content | markdownify | safe}}
 				</p>
 			{% endif %}
 			{% if not tags.includes('quiz') %}
 				{% if imageURL %}
 					<a href="{{ imageURL }}"><img class="post-image" src="{{ imageURL }}" alt="{{ imageAlt }}"></a>
 				{% endif %}
 				<p class="post-time-author">
 					<time datetime="{{ page.date | htmlDateString }}">{{ page.date | niceDate }}</time><br>
 					By <a href="{% if author %}{{ author.url }}{% else %}{{ metadata.author.url }}{% endif %}">{% if author %}{{ author.name }}{% else %}{{ metadata.author.name }}{% endif %}</a></p>
 			{% endif %}
 		</div>
-</div>
+	</div>
-{% endif %}
+{% if tags and not tags.includes('quiz') %}{{ content | safe }}{% endif %}
 {{ content | safe }}
 </article>
 {% if tags and not tags.includes('quiz') %}
 {% include "articleAuthor.njk" %}
 {% include "mastodonComments.njk" %}
 {% endif %}
 {% include "issoCommenting.njk" %}
--- a/_includes/layouts/quizzes.njk
+++ b/_includes/layouts/quizzes.njk
@@ -3,6 +3,12 @@ layout: layouts/post.njk
 structuredData: none
 ---
 {{ content | safe }}
 {% if imageURL %}
 	<a href="{{ imageURL }}"><img class="post-image" src="{{ imageURL }}" alt="{{ imageAlt }}"></a>
 {% endif %}
 <p class="post-time-author">
 	<time datetime="{{ page.date | htmlDateString }}">{{ page.date | niceDate }}</time><br>
 	By <a href="{% if author %}{{ author.url }}{% else %}{{ metadata.author.url }}{% endif %}">{% if author %}{{ author.name }}{% else %}{{ metadata.author.name }}{% endif %}</a></p>
 <section class="quiz">
 	<form onsubmit="handleQuizSubmit(); return false">
 		{% for question in questions %}
--- a/_includes/mastodonComments.njk
+++ b/_includes/mastodonComments.njk
@@ -2,7 +2,15 @@
 <div class="continue-discussion">
 	<a class="link-button" href="https://{{ metadata.mastodonHost }}/@{{ metadata.mastodonUser }}/{{ mastodon_id }}">
 		<button type="button">
-		<img src="/img/mastodon.svg">
+			<svg
 				viewBox="0 0 1536 1792"
 				xmlns="http://www.w3.org/2000/svg">
 				<path
 					d="M1503.302 1111.386c-22.579 116.159-202.224 243.284-408.55 267.921-107.588 12.837-213.519 24.636-326.476 19.455-184.728-8.463-330.494-44.092-330.494-44.092 0 17.983 1.11 35.106 3.328 51.12 24.015 182.308 180.772 193.228 329.261 198.32 149.872 5.127 283.321-36.951 283.321-36.951l6.157 135.491s-104.827 56.293-291.574 66.646c-102.974 5.66-230.836-2.59-379.759-42.009C65.529 1641.797 10.219 1297.502 1.482 948.17-1.11 844.449.485 746.646.49 664.847.5 307.631 234.539 202.924 234.539 202.924c118.011-54.199 320.512-76.99 531.033-78.71h5.173c210.52 1.721 413.152 24.511 531.157 78.71 0 0 234.04 104.706 234.04 461.923 0 0 2.935 263.556-32.64 446.539zm-243.429-418.827c0-88.4-21.711-159.35-67.71-210.618-46.63-51.972-107.687-78.613-183.47-78.613-87.699 0-154.104 33.703-198.002 101.121L768 576l-42.683-71.55c-43.907-67.42-110.313-101.124-198.003-101.124-75.792 0-136.849 26.642-183.47 78.614-45.21 51.973-67.718 122.219-67.718 210.618v432.53h171.359V705.273c0-88.498 37.234-133.415 111.713-133.415 82.35 0 123.63 53.283 123.63 158.646v229.788h170.35V730.505c0-105.363 41.272-158.646 123.62-158.646 74.478 0 111.715 44.917 111.715 133.415v419.816h171.358V692.56z"
 					id="path1"
 					style="fill-opacity:1" />
 			</svg>
 			Discuss on Mastodon &#187;
 		</button>
 	</a>
--- a/_includes/nav.njk
+++ b/_includes/nav.njk
@@ -1,5 +1,17 @@
 <nav>
 	<div class="nav-elements-grid-container">
 		<div class="nav-elements-container">
 			<h2 class="visually-hidden">Top level navigation menu</h2>
 			<a
 				href="/"
 				class="home-link">
 				<svg class="logo" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 8.467 8.467"><path d="M23.248 20.452v6.444c0 1.12.902 2.023 2.023 2.023h4.421c1.12 0 2.023-.902 2.023-2.023v-4.421c0-1.12-.902-2.023-2.023-2.023h-6.444m1.516 1.924q.102.007.255.013a8 8 0 0 0 .848-.013l2.39 3.18V23.32q0-.313-.039-.478a.36.36 0 0 0-.165-.243q-.128-.076-.402-.095v-.128a18 18 0 0 0 .676.02 8 8 0 0 0 .567-.02v.128a.65.65 0 0 0-.312.095.36.36 0 0 0-.147.23 2.3 2.3 0 0 0-.032.44v3.638a1.712 1.712 0 0 0-.268 0l-2.734-3.715v2.753q0 .306.039.478.037.165.166.242.134.07.401.096v.127a3 3 0 0 0-.312-.013 11 11 0 0 0-.676 0q-.153 0-.255.013v-.127a.7.7 0 0 0 .312-.096.34.34 0 0 0 .141-.23q.038-.159.038-.44v-2.943q0-.236-.038-.344a.21.21 0 0 0-.14-.153.9.9 0 0 0-.313-.051zm5.092 3.671a.5.5 0 0 1 .357.128q.14.127.14.337t-.14.338a.5.5 0 0 1-.357.127.52.52 0 0 1-.363-.127.45.45 0 0 1-.134-.338q0-.21.134-.337a.52.52 0 0 1 .363-.128" style="fill-opacity:1;" transform="translate(-23.248 -20.452)"/></svg>
 				</a>
 			{% if tags and tags.includes('posts') and not tags.includes('quiz') and not hideBlogTitleFromHeader%}
 				<a class="blog-name" href="/blog">
 					{{ metadata.blogName }}
 				</a>
 			{% endif %}
 			<ul class="nav">
 			{%- for entry in collections.all | eleventyNavigation %}
 				<li class="nav-item" {% if entry.url == page.url %} aria-current="page" data-currentpage="true"{% endif %}><a href="{{ entry.url }}">{{ entry.title }}</a></li>
@@ -7,4 +19,6 @@
 				<li class="subscribe nav-item"><a href="/feed/feed.xml">{% include "rssLogo.njk" %}Feed</a>
 				</li>
 			</ul>
 		</div>
 	</div>
 </nav>
--- a/_includes/navigator.njk
+++ b/_includes/navigator.njk
@@ -2,7 +2,7 @@
 {% for link in metadata.navigatorLinks %}
 	<div class="navigatorItem">
 		<a href="{{ link.linkURL }}">
-			<img alt="" src="{{ link.iconURL }}">
+			{{ link.iconSVG | safe }}
 			<p>{{ link.linkDisplay }}</p>
 		</a>
 	</div>
--- a/_includes/permalinkButtons.njk
+++ b/_includes/permalinkButtons.njk
@@ -1,12 +1,14 @@
 {% set numPages = pagination.pages | length %}
-{% if pagination.pageNumber > 0 %}
+<span class=buttonContainer>
-<a href="/{{ paginationRootDir }}/{% if pagination.pageNumber > 1%}page-{{ pagination.pageNumber }}/{% endif %}">
+	{% if pagination.pageNumber > 0 %}
 	<a href="/{{ paginationRootDir }}/{% if pagination.pageNumber > 1%}page-{{ pagination.pageNumber }}/{% endif %}">
 		<button type="button">← Previous</button>
-</a>
+	</a>
-{% endif %}
+	{% endif %}
-{% if pagination.pageNumber < numPages - 1 %}
+	{% if pagination.pageNumber < numPages - 1 %}
-<a href="/{{ paginationRootDir }}/page-{{ pagination.pageNumber + 2 }}/">
+	<a href="/{{ paginationRootDir }}/page-{{ pagination.pageNumber + 2 }}/">
-	<button type="button">{% if pagination.pageNumber == 0%}More{% else %}Next{% endif %} →</button>
+		<button type="button">{% if pagination.pageNumber == 0%}Next{% else %}Next{% endif %} →</button>
-</a>
+	</a>
-{% endif %}
+	{% endif %}
 </span>
--- a/_includes/postslist.njk
+++ b/_includes/postslist.njk
@@ -1,17 +1,8 @@
 <section class="postlist{% if postListTypeMicroblog %} microblogList{% endif %}">
-	{% if postlistHeaderText %}<h2>{{ postlistHeaderText }}</h2>{% endif %}
+	{% if postlistHeaderText %}<h2 class="postlist-header">{{ postlistHeaderText }}</h2>{% endif %}
 	<div class="postlist-item-container">
 		{% for post in postslist %}
 		<article class="postlist-item{% if post.url == url %} postlist-item-active{% endif %}">
 		{% if not postListTypeMicroblog %}
 			<a href="{{ post.url }}" class="postlist-link">
 				<div class="post-image-container">
 					<img class="post-image" {% if post.data.imageURL %} src="{{ post.data.imageURL }}" alt="{{ post.data.imageAlt }}" {% else %} src="{{ metadata.defaultPostImageURL }}" alt="{{ metadata.defaultPostImageAlt }}"{% endif %}>
 				</div>
 			</a>
 			{% endif %}
 			<div class="post-copy">
 			{% if not postListTypeMicroblog %}
 				<a href="{{ post.url }}" class="postlist-link">
@@ -23,6 +14,13 @@
 				</a>
 				{% endif %}
 				{% if post.data.synopsis %}
 					<p>{{ post.data.synopsis | markdownify | safe }}</p>
 				{% endif %}
 				{% if not post.data.synopsis and post.data.description %}
 					<p>{{ post.data.description | markdownify | safe }}</p>
 				{% endif %}
 				<div class="post-metadata">
 					<div class="post-metadata-copy">
 						<p>
@@ -32,30 +30,25 @@
 								<a href="{{ post.data.author.url }}">
 								{% endif %}
 								{% if post.data.author.name %}
-								By {{ post.data.author.name }}
+								{{ post.data.author.name }}
 								{% endif %}
 								{% if post.data.author.url %}</a>&nbsp;•&nbsp;
 								{% endif %}
-								{% else %}<a href="{{ metadata.author.url }}">By {{ metadata.author.name }}</a>&nbsp;•&nbsp;
+								{% else %}<a href="{{ metadata.author.url }}">{{ metadata.author.name }}</a>&nbsp;•&nbsp;
 							{% endif %}
 						{% endif %}
 						<time datetime="{{ post.date | htmlDateString }}">{{ post.date | niceDate }}{% if post.data.time %}—{{ post.data.time }}{% endif %}</time>
 						</p>
-						<ul>
+					</div>
-							{%- for tag in post.data.tags | filterTagList %}
+				</div>
-							{%- set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
+			</div>
-							<li>
+		{% if not postListTypeMicroblog %}
-								<a
+			<a href="{{ post.url }}" class="postlist-link">
-								href="{{ tagUrl }}"
+				<div class="post-image-container">
-								class="post-tag">
+					<img class="post-image" {% if post.data.imageURL %} src="{{ post.data.imageURL }}" alt="{{ post.data.imageAlt }}" {% else %} src="{{ metadata.defaultPostImageURL }}" alt="{{ metadata.defaultPostImageAlt }}"{% endif %}>
-									{{ tag }}&nbsp;
+				</div>
 			</a>
-							</li>
+			{% endif %}
 							{%- endfor %}
 						</ul>
 					</div>
 				</div>
 			</div>
 		</article>
 		<hr>
 		{% endfor %}
--- a/_includes/settings/siteSettings.njk
+++ b/_includes/settings/siteSettings.njk
@@ -1,5 +1,4 @@
 <div id="siteSettingsContainer">
 	<button onclick="siteSettings.showModal();">Site Settings</button>
 	<dialog id="siteSettings">
 		<h2>Site Settings</h2>
 		{% include "settings/controllers/birbController.njk" %}
--- a/_includes/statusList.njk
+++ b/_includes/statusList.njk
@@ -18,17 +18,16 @@
 									{% endif %}
 									{% if metadata.author.url %}
-							</a><br />
+									</a>
 									{% endif %}
 									• {{ status.date | niceDate }}<br />
 								</span>
-
+							{% if status.data.comment %}
 							{{ status.data.comment | markdownify | safe }}<br />
-
+							{% endif %}
 					<span class="status-metadata">
 						{{ status.date | niceDate }}
 					</span>
 						</p>
 				</div>
 			</div>
 		</article>
 		{% endfor %}
--- a/content/about-feeds/index.md
+++ b/content/about-feeds/index.md
@@ -1,10 +1,11 @@
 ---
-layout: layouts/post.njk
+layout: layouts/base.njk
-title: How to Use Feeds
+title: Nathan Upchurch | How to Use Feeds
 structuredData: none
 hideMetadata: yep
 ---
-<p><!-- a <p> just to stop the dropcap from happening --></p>
+<article data-pagefind-body>
 <h1>How to Use Feeds</h1>
 Get all the latest content from your favorite creators with no algorithm, no spam, and no spying. This page is based on [Matt Webb](https://interconnected.org)'s *[About Feeds](https://aboutfeeds.com/)*.
@@ -66,3 +67,5 @@ It doesn't matter which you choose; newsreaders usually make it fairly easy to e
 [^1]: Please note that I haven't tested all of these options personally; your mileage may vary.
 </article>
--- a/content/about/index.md
+++ b/content/about/index.md
@@ -10,16 +10,17 @@ eleventyNavigation:
 <p class="page-block nodropcap">I’m a prolific vegan home cook, classical trombonist, incense maker, a <abbr title="Free/Libre Open Source Software">FLOSS</abbr> enthusiast, designer, programmer, music producer, print lover, and human with too many interests and too little time.<br><br>
 This is my little corner of the internet where I talk about whatever I like without worrying about maintaining a ‘personal brand’, or constraining my writing to topics which might help advance my career or establish me as a ‘thought leader’. I’m here to express myself and have fun writing about topics I enjoy.<br><br>
 If you’d like to learn more about my professional accomplishments and work, I’ll link my professional website here when I get around to it.</p>
-<a href="./colophon/">
+<span class="buttonContainer">
-	<button type="button">Colophon »</button>
+	<a href="./colophon/">
-</a>
+		<button type="button">Colophon</button>
 	</a>
-<a href="../me/">
+	<a href="../me/">
-	<button type="button">Contact »</button>
+		<button type="button">Contact</button>
-</a>
+	</a>
 <a href="./privacy/">
 	<button type="button">Privacy »</button>
 </a>
 	<a href="./privacy/">
 		<button type="button">Privacy</button>
 	</a>
 </span>
 </article>
--- a/content/blog/an-evening-with-americas-best-incense-wild-berry.md
+++ b/content/blog/an-evening-with-americas-best-incense-wild-berry.md
@@ -23,7 +23,7 @@ As I brought my laundry basket downstairs earlier today I checked the front porc
 The "eleven inch" sticks all come markedly short of eleven inches, and they each have some three-plus inches of bare bamboo stick. Some appear to be machine extruded while others show a coating gradient typical with powder-coated sticks. Strange. I start with a strawberry cone:
 ## Strawberry (Cones)
-I'm *sure* I've had these before. I have a feeling they may have been among the incense I picked up from a gas station I once frequented not only for [the drinks with the wee glass lizards on them](https://www.reddit.com/media?url=https%3A%2F%2Fi.redd.it%2Feaqi1o3yv2441.jpg)[^3], but for their gargantuan incense display. The cones have surprisingly little fragrance before they are burned. Upon lighting, they produce a large amount of smoke. There is a sweet, strikingly artificial, strawberry-like fragrance in the burn. It's reminds me of a strawberry juice-box or fruit snack that's 99% apple juice with a hint of strawberry essence. But mostly, I smell the charcoal and some accelerant. The smell is nostalgic, but not good by any stretch. My throat is already feeling slightly irritated; an inauspicious start. Moving on swiftly.
+I'm *sure* I've had these before. I have a feeling they may have been among the incense I picked up from a gas station I once frequented not only for [the drinks with the wee glass lizards on them](https://www.reddit.com/media?url=https%3A%2F%2Fi.redd.it%2Feaqi1o3yv2441.jpg)[^3], but for their gargantuan incense display. The cones have surprisingly little fragrance before they are burned. Upon lighting, they produce a large amount of smoke. There is a sweet, strikingly artificial, strawberry-like fragrance in the burn. It reminds me of a strawberry juice-box or fruit snack that's 99% apple juice with a hint of strawberry essence. But mostly, I smell the charcoal and some accelerant. The smell is nostalgic, but not good by any stretch. My throat is already feeling slightly irritated; an inauspicious start. Moving on swiftly.
 ## Coconut
 These have a very strong fragrance on the stick. It's sweet and acidic, almost more like a piña colada than coconut. It smells quite delicious. This fragrance is also inducing some nostalgia for me. On lighting, an aggressively sooty flame leaps to cover the first centimeter or so of the stick; oil appears to emerge from the stick directly beneath the flame. The fragrance upon extinguishing the flame is shocking. It's *foul*: vaporized wax, burning plastic, and some odd fishy note with a hint of artificial coconut. It's the kind of smell that makes you feel that your lifespan is being reduced. I put the stick out in short order.
--- a/content/blog/incense-review-wild-berry-fizzy-pop-incense-powder.md
+++ b/content/blog/incense-review-wild-berry-fizzy-pop-incense-powder.md
@@ -0,0 +1,39 @@
 ---
 title: "One Last Chance for Wild Berry: Reviewing Fizzy Pop Incense Powder"
 description: "If this isn't any good, I'm giving up on Wild Berry once and for all."
 date: 2026-05-28
 tags:
  - Incense
  - Incense Review
 synopsis: "If this isn't any good, I'm giving up on Wild Berry once and for all."
 imageURL: /img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-5.webp
 imageAlt: "A plasma lighter hovers ominously over the tail of a trail of blue incense powder in the shape of an auspicious cloud, atop a flat layer of ash in a brass censer."
 mastodon_id: "116653399110363374"
 ---
 Some time ago, I [reviewed a variety](/blog/an-evening-with-americas-best-incense-wild-berry/) of Wild Berry incense sticks and cones. If you don't know how that went, here's an idea:
 > It’s the kind of smell that makes you feel that your lifespan is being reduced… off-notes are tremendous… beginning to feel as though I’ve french-inhaled my way through a pack of menthol Newports.
 I didn't think I'd wind up returning to the brand, but I figured I'd give them one last chance before I completely wrote it off. If you haunt [/r/incense](https://www.reddit.com/r/Incense/) as much I do, you'll know that *Fizzy Pop* is rated highly by Wild Berry fans. Since my last experience with Wild Berry's incense, I've felt that it may have been a bit of an oversight not to try *Fizzy Pop*. I was also curious about the company's incense powder offering. Not only is it unusual for a western incense brand to offer powder, but in my experience powders don't tend to contain all of the off-notes you might imagine to be supplied by bamboo sticks and binders. It's much easier to make a powder that doesn't stink to the heavens than it is a stick. With that thought, my mind was made up. I simply hadn't been fair to Wild Berry until I'd tried the powder variant of their fan favorite.
 Ten Trumpland fun-bucks, plus shipping, will net you a jar containing 38 grams of shockingly blue incense powder—approximately twelve hours of burn time according to the side of the jar. I sure hope I like this stuff. The fragrance upon opening the jar is a lot of fun. It's strong, smelling distinctly like a concentrated lemon-lime soda syrup, or a fizzy lemon-lime candy. It's uncanny; a super bright, almost powdery, white-musk / laundry detergent note offers a real sensation of effervescence. There are going to be a lot of people who find the unburned fragrance of this stuff sickly, but I happen to love candy and don't mind smells in this category. I don't necessarily want my apartment fragranced of it, but it's fun to smell.
 [![A brass incense spoon scooping bright blue powder from the top of a jar.](/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-8.webp "Just look at the color of this stuff!")](/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-8.webp)
 I must admit that it felt *wrong* loading up a stencil with this lightning-blue powder in my Chinese censer. The test-blends I use this thing to burn might not always be great, but they are made of real aromatic woods, resins, and other botanicals. The powder texture was pretty perfect, however, and it was easy enough to make a neat incense seal.
 [![A plasma lighter hovers ominously over the tail of a trail of blue incense powder in the shape of an auspicious cloud, atop a flat layer of ash in a brass censer.](/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-5.webp "Lighting the inauspicious cloud.")](/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-5.webp)
 Upon lighting, a long, angry red ember took hold, quickly working its way down the electric blue trail and turning it into a spookily dark black ash. The fragrance that emerged immediately alerted me to the fact that this experiment was a grave mistake. While scrambling to get away without knocking over my camera, I scribbled onto an upside-down notepad:
 > fishy , burning laundry-detergent. metallic. ~~Like~~ smelled like ~~in~~ the ashes of incense. <u>Diabolical</u>. maybe the faintest hint of sprite.
 As I paced the living room, trying to come to terms with what I was experiencing, I realized that I was going to have to sit back down next to the burning incense to take more pictures. Behind the camera the fishy smoke followed me, flying straight at my face like I'd offended it. I covered my mouth with my shirt; it did little good. Even the ember looked like it had it in for me.
 [![A long, angry-looking ember travels down the trail of blue incense powder.](/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-6.webp "That mean glow frightens me. See more pictures in [the gallery](/gallery/wild-berry-fizzy-pop-powder/).")](/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-6.webp)
 In the aftermath of this ordeal, It occurred to me that I may not have managed to write in sufficient detail to constitute a review. I thought about burning another trail to analyze the incense more closely, but I just can't bring myself to do it.
 [![My scribbled note, with the underlined word "diabolical" highlighted. The notepad sits on top of a black fabric patch for a Black Metal act. An air-conditioner remote can be seen in the top right corner.](/img/wild-berry-fizzy-pop-powder/diabolical.webp "My \"notes.\"")](/img/wild-berry-fizzy-pop-powder/diabolical.webp)
 But, really, what more can I say? In my struggle to record the many emotions and sensations I was experiencing, I don't know that I could do much better than "<u>Diabolical</u>" at the time, and I don't know that I can do better now. Yes, I think I'm done with Wild Berry for good at this point. After two, frankly, *harrowing* experiences with the brand, I don't even know that I can muster the courage to try the "Mystic Meadow" sample sticks they've sent me. Not to put too fine a point on it, but how a company can develop, approve, and sell an incense powder that smells so strikingly, aggressively, offensively bad is truly beyond me.
--- a/content/blog/index.njk
+++ b/content/blog/index.njk
@@ -1,6 +1,7 @@
 ---
 eleventyExcludeFromCollections: true
 layout: layouts/base.njk
 hideBlogTitleFromHeader: true
 title: "The Stochastic Bletherist | The Personal Blog of Nathan Upchurch"
 tags:
  - metadata
@@ -19,31 +20,28 @@ paginationRootDir: blog
 <h1>The Stochastic Bletherist</h1>
 <p class="page-block nodropcap">
-The personal blog of Nathan Upchurch, where he writes about everything from <a href="/tags/storytime">personal stories</a> to <a href="/tags/gnu-linux">tech</a>, <a href="/tags/vegan-cooking">food</a>, and <a href="/tags/incense">incense</a>.<br />
+<em>The Stochastic Bletherist</em> is the personal blog of Nathan Upchurch, where he writes about whatever he fancies at the time. <a href="/feed/feed.xml">Subscribe</a> if you’re interested in musings on life, music, and technology, weird and wonderful incense reviews, the occasional bit of spicy discourse, or learning how to make things like vegan ranch dressing or incense sticks. There’s something for everyone here.
-
+	<span class="buttonContainer">
-<a href="/tags/">
+		<a href="../blogroll/">
-	<button type="button">Topics »</button>
+			<button type="button">Blogroll</button>
-</a>
+		</a>
-<a href="../blogroll/">
+		<a href="/search/">
-	<button type="button">Blogroll »</button>
+			<button type="button">Search</button>
-</a>
+		</a>
 		<a href="/tags/">
 			<button type="button">Topics</button>
 		</a>
 	</div>
 </p>
 <h2>What’s New:</h2>
 {% else %}
-<h1>The Stochastic Bletherist Blog</h1>
+<h1>The Stochastic Bletherist</h1>
 <p class="page-block nodropcap">
 Writing about everything from <a href="/tags/storytime">personal stories</a> to <a href="/tags/gnu-linux">tech</a>, <a href="/tags/vegan-cooking">food</a>, and <a href="/tags/incense">incense</a>.<br />
-<a href="/tags/">
+<p class="page-block nodropcap">
-	<button type="button">Topics »</button>
+<em>The Stochastic Bletherist</em> is the personal blog of Nathan Upchurch, where he writes about whatever he fancies at the time. <a href="/feed/feed.xml">Subscribe</a> if you’re interested in musings on life, music, and technology, weird and wonderful incense reviews, the occasional bit of spicy discourse, or learning how to make things like vegan ranch dressing or incense sticks. There’s something for everyone here.
 </a>
 <a href="../blogroll/">
 	<button type="button">Blogroll »</button>
 </a>
 </p>
-<h2>More posts:</h2>
+<h2 class="postlist-header">More posts:</h2>
 {% endif %}
--- a/content/blog/vegan-ranch-dressing.md
+++ b/content/blog/vegan-ranch-dressing.md
@@ -0,0 +1,45 @@
 ---
 title: Making a Decent Vegan Ranch Dressing
 description: Veganizing the corpulegenic condiment at the pinnacle of American sauces.
 synopsis: Veganizing the corpulegenic condiment at the pinnacle of American sauces.
 date: 2026-05-25
 tags:
  - Vegan Cooking
  - Food and Beverage
 imageURL: /img/ranch/vegan-ranch-dressing.webp
 imageAlt: My hand holding a bottle of vegan ranch dressing labeled with blue tape.
 mastodon_id: "116638231076499180"
 ---
 If, like me, you have ever lived in the U.S.A., and if, like me, you are of a sufficiently distinguished BMI so as to rank highly the invention of comestibles, you will agree[^1] that Ranch (enPR: rāyŭnch) dressing is one of the great American inventions—right up there with the cotton gin, surgical anesthesia, and the modern assembly line.
 [![My hand holding a bottle of vegan ranch dressing labeled with blue tape.](/img/ranch/vegan-ranch-dressing.webp "This bottle is about half empty already.")](/img/ranch/vegan-ranch-dressing.webp)
 For those unfamiliar with the condiment, Ranch dressing is a tangy, herbaceous, and unsettlingly white sauce of moderate viscosity intended for use as a salad dressing. In practice, it is also used as a dip for everything from fresh vegetables to fried foods, and a general purpose condiment that you might find in or on anything from pizzas to sandwiches. These days, Ranch dressing is essentially a cool, green-flecked, less-sweet alternative to ketchup, only limited in its uses by your imagination. The flavor is peculiar. It's creamy, tangy, savory, and herbal all at once in a way that is all its own. Is it any good? Here's what Dan Howell of the internet's most famous gaslighting gay couple had to say about it:
 <figure><div style="position: relative; padding-top: 56.25%;"><iframe title="Dan on Ranch dressing, from @rosegoldphil on TikTok" width="100%" height="100%" src="https://makertube.net/videos/embed/owfr1z6dBtLTWkgNYKoHFa" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups allow-forms" style="position: absolute; inset: 0px;"></iframe></div><figcaption>They could hide their relationship for sixteen years, but nothing could obscure Dan’s love of Ranch dressing.</figcaption></figure>
 I've been vegan for some twelve years now, and store-bought vegan ranch dressing is unfortunately expensive and rarely scratches the itch for me anyway. Dry Ranch seasoning mixes usually contain dairy, so they're out of the question. Surprisingly, even if this were an affordable avenue, not a single vegan restaurant in the city of Chicago seems to have a decent Ranch dressing either, so I set out to see whether the carnists might have a recipe that I could adapt. I landed on [a homemade Ranch seasoning mix recipe from The Pioneer Woman](https://www.thepioneerwoman.com/food-cooking/recipes/a91701/homemade-ranch-seasoning-mix/). The recipe helpfully includes instructions for making a dressing from the mix, which I also adapted. Making it is easy. Simply whisk together the following dry ingredients:
 |Qty|Unit|Ingredient|
 |--|--|--|
 |1|Tbsp|Dried Parsley|
 |2|tsp|Dried Dill|
 |1|tsp|Dried Chives|
 |1|Tbsp|Garlic Powder|
 |1/2|tsp|Ground Black Pepper|
 |n/a|n/a|MSG to Taste|
 |1|Tbsp|Onion Powder|
 |n/a|n/a|Salt to Taste|
 then whisk the mixture with these wet ingredients until well combined:
 |Qty|Unit|Ingredient|
 |--|--|--|
 |1/4|cup|Lemon Juice|
 |1|cup|Vegan Mayonnaise|
 |2/3|cup|Vegan Sour Cream|
 |3/4|cup|Water|
 Now store your homemade vegan Ranch dressing in the fridge, and use it within five days. I'm sure this won't present a challenge.
 [^1]: By continuing readers agree to indemnify, defend, and hold the author harmless from any and all claims arising from or related to neck sprains and other injuries sustained through vigorous nodding in agreement.
--- a/content/blog/what-would-you-do-if-you-didnt-have-to-work.md
+++ b/content/blog/what-would-you-do-if-you-didnt-have-to-work.md
@@ -0,0 +1,70 @@
 ---
 title: "Re: What Would You Do if You Didn't Have to Work?"
 description: "Oh the lives we could lead without capitalism in the way."
 date: 2026-05-18
 tags:
  - Life
  - Quick Thoughts
 synopsis: "Oh the lives we could lead without capitalism in the way."
 imageURL: /img/what-would-you-do-if-you-didnt-have-to-work/ducc.webp
 imageAlt: "A close up shot of a well fed mallard with a shiny green head bobbing about in the Chicago River."
 mastodon_id: "116596651947015321"
 ---
 In response to [this recent post](https://gary.onl/what-would-you-do-if-you-didnt-have-to-work/) by [gary online](https://gary.onl/): I am *absolutely* not someone who derives their worth or identity by what they do
 to earn a crust.  If I didn't have to work, I'd lead a richness of life that
 would put to shame both the wastrels[^1] of ~~inherited~~ *stolen* means who live by
 the labor of others, and the wealthy denizens of the c-suite who earn their
 exorbitant salaries by becoming professional whip-crackers for the former. Here
 are a few things I'd like to do.
 [![A close up shot of a well fed mallard with a shiny green head bobbing about in the Chicago River.](/img/what-would-you-do-if-you-didnt-have-to-work/ducc.webp "This fellow would be well fed for a start.")](/img/what-would-you-do-if-you-didnt-have-to-work/ducc.webp)
 - Learn
  [Launy Grøndahl's Trombone Concerto](https://www.youtube.com/watch?v=AY8VJ6n83Qs&list=RDAY8VJ6n83Qs&start_radio=1)
  so well I could play it in the middle of a battlefield.
 - Finally get around to learning tenor clef in order to be able to do so.
 - Cook for people: great big trays of vegan mac and cheese, spaghetti squash
  with all sorts of sauces, coconut curries, baked beans, cornbread, teriyaki,
  pizzas, burgers in homemade pretzel rolls, foccacia with olive oil and
  balsamic vinegar for dipping, crunchy palmiers, millionaire's shortbread, tablet,
  dosa, sambar, kale salads with pickled vegetables and crispy tofu, orange
  faux chicken, seitan deli meats and country-fried steaks, biscuits and
  "sausage" gravy, and more.
 - Learn to make stovies, vegan haggis, peshwari naan, and sourdough bread, and
  other delicious things.
 - Get really good at programming.
 - Learn C++ so that I can contribute code to open source projects like
  [Scribus](https://www.scribus.net/), [Inkscape](https://inkscape.org/), and
  [KDE](https://kde.org/).
 - Focus on my health and fitness.
 - Go to college and/or university, something I never had the chance to do, and
  learn about psychology, computer science, music, mathematics, statistics,
  design, and electrical engineering.
 - Take courses for the fun of learning something new.
 - Write more.
 - Spend more time with my partner.
 - Spend more time socializing.
 - Go on more walks.
 - Feed peas to the ducks on the river more days than not.
 - Make more incense.
 - Get really good at making incense.
 - Try my hand at enfleurage
 - Learn perfumery.
 - Take a first-aid course.
 - Design signage and informational material for public benefit.
 - Get back into welding.
 - Attempt to make soap.
 - Lay in the grass on sunny days drinking shandy and eating vegan cheese and
  crackers.
 - Get my Spanish into shape.
 - Learn German.
 - Learn more Scots. Maybe write something in it.
 - Write music.
 - Wile away afternoons in cafés drinking tea.
 - Search for resins and local aromatics.
 - Take the bus to different towns just to walk around.
 - Read more books.
 - Not worry about what time it is.
 [^1]: You ever meet one of those modern Bertie Wooster types? It's all bottle service, trips to Dubai, and overpriced yet under-seasoned lunches. Wealth truly is wasted on the wealthy.
--- a/content/changelog/index.md
+++ b/content/changelog/index.md
@@ -7,6 +7,11 @@ includeTOC: true
 ---
 ## 2026
 ### May
 * 2026-05-26
 	* Updated [blogroll](/blogroll).
 	* Updated [/links](/links).
 * 2026-05-15
 	* Updated [/links](/links).
 * 2026-05-12
 	* Implement pet bird in settings.
 	* Refactor settings implementation. As a result:
--- a/content/galleries/gallery-image-page-generator.njk
+++ b/content/galleries/gallery-image-page-generator.njk
@@ -18,15 +18,15 @@ eleventyComputed:
 	<div class="buttonContainer galleryButtons">
 		{% if picture.previousImage %}
 		<a href="../{{ picture.previousImage | slugify }}">
-			<button type="button">Previous</button>
+			<button type="button">← Previous</button>
 		</a>
 		{% endif %}
 		<a href="/gallery/{{ picture.containingGallery | slugify }}/">
-			<button type="button">Gallery</button>
+			<button type="button">🕮 Gallery</button>
 		</a>
 		{% if picture.nextImage %}
 		<a href="../{{ picture.nextImage | slugify }}">
-			<button type="button">Next</button>
+			<button type="button">Next →</button>
 		</a>
 		{% endif %}
 	</div>
--- a/content/index.njk
+++ b/content/index.njk
@@ -1,7 +1,4 @@
 ---
 layout: layouts/home.njk
 eleventyNavigation:
  key: Home
  order: 1
 ---
 {% include "navigator.njk" %}
--- a/content/links/index.md
+++ b/content/links/index.md
@@ -6,12 +6,17 @@ h1: Links
 includeTOC: true
 ---
 Here are some links to pages and resources that I believe are worth sharing.
-## Design tools and resources
+## Creative resources
-### Education
+### General
 * [Creazilla](https://creazilla.com/)—A huge collection of media files under a Public Domain license including photos, illustrations, scanned art images, vectors, videos, and audio files.
 * [Pixabay](https://pixabay.com/)—Free stock photos, illustrations, vector graphics, videos, music and sounds effects.
 ### Graphic Design
 #### Education
 * [Butterick’s Practical Typography](https://practicaltypography.com/)
-### Reference
+#### Reference
 * [Design Systems Gallery](https://designsystemsrepo.com/design-systems-recent/)
-### Software
+#### Software
 * [Converseen](https://converseen.fasterland.net/)—A Batch Image Converter and Resizer Tool for Windows, Linux and macOS
 * [darktable](https://www.darktable.org/)—An open source photography workflow application and raw developer
 * [digiKam](https://www.digikam.org/)—Open-source digital asset manager and image editor
@@ -22,16 +27,18 @@ Here are some links to pages and resources that I believe are worth sharing.
 * [Krita](https://krita.org/en/)—A professional FLOSS painting and raster editing tool
 * [RawTherapee](https://www.rawtherapee.com/)—A free, cross-platform raw image processing program
 * [Scribus](https://www.scribus.net/)—The Go-To Libre Desktop Publishing Application
-### Stock graphics
+#### Stock graphics
 * [Artvee](https://artvee.com/)—Browse and download high-resolution, public domain paintings, posters and illustrations
 * [CocoMaterial](https://cocomaterial.com/)—The Open Source hand-drawn illustration library with 3,293 images
 * [Free and open source icons](https://www.toools.design/free-open-source-icon-libraries)
-* [Getty Search Gateway](https://search.getty.edu/gateway/search?q=&cat=type&r=%22Paintings%22&types=%22Paintings$Paintings%22&highlights=%22Open%20Content%20Images$Recent%20Acquisitions%22&rows=10&srt=a&dir=s&dsp=0&img=0&pg=1)
+* [Getty Museum Collection](https://www.getty.edu/art/collection/search?open_content=true)
 * [Getty Research Collections](https://www.getty.edu/research/collections/search?is_open_content=true)
 * [Museo](https://museo.app/)—A visual search engine that connects you with the Art Institute of Chicago, the Rijksmuseum, the Harvard Art Museums, the Minneapolis Institute of Art, the The Cleveland Museum of Art, and the New York Public Library Digital Collection
 * [National Gallery of Art](https://www.nga.gov/artwork-search?download=1)—Search and download from a collection of tens of thousands of artworks.
 * [Pexels](https://www.pexels.com/)—The best free stock photos, royalty free images & videos shared by creators
-* [Pixabay](https://pixabay.com/)—Stunning royalty-free images & royalty-free stock
+* [Public Domain Image Archive](https://pdimagearchive.org/galleries/all/random/desc)—The Public Domain Image Archive is a curated collection of more than 10,000 out-of-copyright historical images, free for all to explore and reuse.
 * [Smithsonian Open Access](https://www.si.edu/openaccess)—Download, share, and reuse millions of the Smithsonian’s images
-### Typefaces
+#### Typefaces
 * [Badass Libre Fonts By Womxn](https://www.design-research.be/by-womxn/)
 * [Collletttivo](https://www.collletttivo.it/)—An Open-Source type foundry and a network of people promoting the practice of type design through mutual exchange and collaboration
 * [coolLabs Fonts](https://fonts.coollabs.io/)—A privacy-friendly drop-in replacement for Google Fonts
@@ -140,6 +147,10 @@ Unlimited creativity, zero ads.
 * [TypeLit.io](https://www.typelit.io/)—Test your typing online by practicing on your favorite literature
 * [Wee Windaes—A continuum o the Scots Leid](https://wee-windaes.nls.uk/)
 ## Music
 * [Free Music Archive](https://freemusicarchive.org/home)—Free Music Archive (FMA) offers free access to open licensed, original music by independent artists around the world.
 * [Musopen](https://musopen.org/)—Musopen is a 501(c) 3 non-profit working to increase access to music education by providing free music recordings, sheet music, apps, and educational materials.
 ## Privacy-respecting tools and services
 * [Autistici](https://www.autistici.org/)—A collective offering free digital services, including:
 	* Anonymity services
@@ -263,5 +274,4 @@ Unlimited creativity, zero ads.
 ## Sounds & Samples
 * [FreeSound](https://freesound.org/)
 * [LooperMan](https://www.looperman.com/)
 * [Pixabay](https://pixabay.com/sound-effects/)
 * [SampleSwap](https://sampleswap.org/index.php)
--- a/content/not-amazon/index.md
+++ b/content/not-amazon/index.md
@@ -65,6 +65,7 @@ Mostly for my own use, this is a list of U.S.-based online shops that are not Am
 * [All Vegetarian Inc.](https://veganforall.com/)—Vegan substitutes for bacon, shrimp, eggs, and more.
 * [Fake Meats](https://www.fakemeats.com/default.asp)—Vegetarian and vegan meat substitutes, snacks, seasonings, sauces, jerky, and more. Seems like this store isn't totally vegan: check ingredients before buying.
 * [vegefood.com](https://vegefood.com/)—All sorts of weird and wonderful vegan and vegetarian meat alternatives. Not totally vegan: check ingredients before buying.
 * [WebstaurantStore](https://www.webstaurantstore.com/search/vegan.html)—If you're willing to buy by the case, you can get all sorts of vegan alternatives here on the cheap.
 * [Yang Kee Trading](https://yangkeetrading.com/)—Large dried TVP chunks, slices, and strips, vegan pork floss, teas, and more.
 ## General
@@ -74,6 +75,9 @@ Mostly for my own use, this is a list of U.S.-based online shops that are not Am
 * [Ten Thousand Villages](https://www.tenthousandvillages.com/)—Fair trade kitchen items, soaps, handwoven baskets, games and puzzles, jewelry, and more from artisans across the world.
 ## Home
 ### Art
 * [Prints: The Public Domain Review](https://publicdomainreview.org/shop/fine-art-prints/)—The Public Domain Review prints shop offers custom-made Giclée prints from a selection of more than 900 public domain images. All proceeds from sales go back into The Public Domain Review (a not-for-profit project).
 ### Cleaning Supplies
 * [Friendswood Brooms](https://friendswoodbrooms.com/)—Handmade corn brooms.
 * [Meckley Brooms](https://www.meckleybrooms.com/)—Handmade corn brooms.
--- a/Burning_2026-05-18_12:40.md
+++ b/Burning_2026-05-18_12:40.md
@@ -0,0 +1,7 @@
 ---
 title: Hippie Hug
 manufacturer: The World Makes Scents
 date: 2026-05-18 12:40:00
 time: 12:40 PM
 ---
--- a/Burning_2026-05-21_11:48.md
+++ b/Burning_2026-05-21_11:48.md
@@ -0,0 +1,7 @@
 ---
 title: Morning Star Lavender
 manufacturer: Nippon Kodo
 date: 2026-05-21 11:47:47
 time: 11:47 AM
 ---
 Meh.
--- a/Burning_2026-05-23_15:02.md
+++ b/Burning_2026-05-23_15:02.md
@@ -0,0 +1,7 @@
 ---
 title: Suifu
 manufacturer: Yamadamatsu
 date: 2026-05-23 15:02:33
 time: 3:02 PM
 ---
--- a/content/now-burning/index.njk
+++ b/content/now-burning/index.njk
@@ -10,9 +10,9 @@ postlistHeaderText: "What I've been burning:"
 <h1>Now Burning:</h1>
 <article class="post microblog-post" data-pagefind-body>
-	<img class="microblog-icon" src="/img/censer.svg">
+	<svg class="microblog-icon" xmlns="http://www.w3.org/2000/svg" width="397.265" height="1334.648" viewBox="0 0 105.11 353.126"><path d="M107.422 160.854s-16.31-.307-10.002-23.543c6.309-23.235 9.079-29.543 2.616-38.16s-8.31-16.927-2.924-20.312 19.542-1.23 22.927 8.002c3.386 9.232-8.001-9.233-18.464-4.001-10.464 5.232 19.388 15.541 16.002 28.005-3.385 12.464-8.85 11.387-7.312 20.158 1.539 8.77 11.62 13.54 7.466 21.542s-10.31 8.31-10.31 8.31" style="fill-opacity:.1;stroke-width:.176994;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke markers fill" transform="translate(-105.56 -112.273)scale(1.47357)"/><path d="M76.434 211.488c-2.753 4.398-4.194 9.316-4.194 14.313 0 11.22 7.23 22.978 18.772 28.19v3.851c0 1.274 1.026 2.3 2.3 2.3h1.298c1.274 0 2.3-1.026 2.3-2.3v-1.752q.972.26 1.96.47-.05.235-.05.483v.805c0 1.275 1.026 2.3 2.3 2.3h10.121c1.275 0 2.3-1.025 2.3-2.3v-.805l-.001-.08q.96-.15 1.911-.345v1.224c0 1.274 1.027 2.3 2.301 2.3h1.297c1.274 0 2.3-1.026 2.3-2.3v-2.925c12.764-4.806 21.011-17.124 21.01-29.116 0-4.997-1.44-9.915-4.193-14.313H105zM105 148.46v61.93h4.6v-61.93z" style="stroke-width:.260177;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke markers fill" transform="translate(-105.56 -112.273)scale(1.47357)"/><path d="M107.3 142.38a2.295 2.295 0 0 0-2.3 2.3v2.682h4.6v-2.681c0-1.275-1.026-2.3-2.3-2.3" style="fill-opacity:1;stroke-width:.264583;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke markers fill" transform="translate(-105.56 -112.273)scale(1.47357)"/></svg>
 	<div class="microblog-status">
-		<h2 class="">{{ burning.data.title }}{% if burning.data.manufacturer %}, {{ burning.data.manufacturer }}{% endif %}, {{ burning.date | niceDate }}, {{ burning.data.time }}</h2>
+		<h2 class="">{{ burning.data.title }}{% if burning.data.manufacturer %}, {{ burning.data.manufacturer }}{% endif %}, <br>{{ burning.date | niceDate }}, {{ burning.data.time }}</h2>
 		{% if burning.content %}
 		<div class="microblog-comment">
 			{{ burning.content | safe }}
@@ -21,5 +21,5 @@ postlistHeaderText: "What I've been burning:"
 	</div>
 </article>
 <a href="/once-burned/">
-	<button type="button">Previous Entries »</button>
+	<button type="button">Previous Entries</button>
 </a>
--- a/content/now/index.njk
+++ b/content/now/index.njk
@@ -18,7 +18,13 @@ tags:
 <div class="buttonContainer">
 	<a class="link-button" href="/feeds/now.xml">
 		<button type="button">
-		<img src="/img/RSS.svg">
+		<svg class="nav-icon" viewBox="0 0 155 155" width="153.349" height="152.909" version="1.0" xmlns="http://www.w3.org/2000/svg">
 			<g transform="translate(-427.323 -373.814)">
 				<ellipse style="opacity: 1; fill-opacity: 1; fill-rule: nonzero" transform="matrix(.86996 0 0 .86996 135.156 330.529)" cx="360.357" cy="200.643" rx="24.643" ry="23.929"></ellipse>
 				<path style="fill-opacity: 1; fill-rule: evenodd" d="m427.835 455.057-.073-30.273c64.706 3.375 100.619 49.673 101.5 101.94h-30.318c-.503-45.942-31.74-69.996-71.11-71.667z"></path>
 				<path style="fill-opacity: 1; fill-rule: evenodd" d="m428.201 404.571-.878-30.757C526.75 378.43 580 450.582 580.67 526.724l-31.197-.44c1.365-48.704-34.665-120.267-121.273-121.713Z"></path>
 			</g>
 		</svg>
 			Subscribe to “Now” Posts
 		</button>
 	</a>
@@ -31,7 +37,7 @@ tags:
 </div>
 {% set postsCount = collections.now | removeMostRecent | length %}
 {% if postsCount > 1 %}
-<h2>Previous Entries:</h2>
+<h2 class="postlist-header">Previous Entries:</h2>
 {% set postslist = collections.now | removeMostRecent %}
 {% set showPostListHeader = false %}
 {% include "postslist.njk" %}
--- a/content/once-burned/index.njk
+++ b/content/once-burned/index.njk
@@ -25,11 +25,12 @@ paginationRootDir: once-burned
 {% else %}
 <p>Nothing’s here yet!</p>
 {% endif %}
 <span class="buttonContainer">
 	{% include "permalinkButtons.njk" %}
-{% include "permalinkButtons.njk" %}
+	<a href="/now-burning/">
-
+		<button type="button">Latest</button>
-<a href="/now-burning/">
+	</a>
-	<button type="button">Latest »</button>
+</span>
 </a>
 </div>
--- a/content/prior-thoughts/index.njk
+++ b/content/prior-thoughts/index.njk
@@ -27,7 +27,7 @@ paginationRootDir: prior-thoughts
 	{% include "permalinkButtons.njk" %}
 	<a href="/status/">
-		<button type="button">Latest »</button>
+		<button type="button">Latest</button>
 	</a>
 </div>
--- a/content/quizzes/index.njk
+++ b/content/quizzes/index.njk
@@ -13,7 +13,7 @@ description: "Bored? Take a fun quiz to while away the time!"
 	<p>Test your knowledge, learn about yourself, and waste your precious time, right here, right now, with a quiz!</p>
 	{% set postsCount = collections.quiz | length %}
-	<h2>Available quizzes:</h2>
+	<h2 class="postlist-header">Available quizzes:</h2>
 	{% set postslist = collections.quiz | reverse %}
 	{% set showPostListHeader = false %}
 	{% include "postslist.njk" %}
--- a/content/status/Status_2026-05-18_10:07.md
+++ b/content/status/Status_2026-05-18_10:07.md
@@ -0,0 +1,5 @@
 ---
 date: 2026-05-18 10:06:00
 emoji: 👻
 comment: "[Spooky stuff](https://sinceyouarrived.world/taken)."
 ---
--- a/content/status/index.njk
+++ b/content/status/index.njk
@@ -7,7 +7,7 @@ permalink: "/status/index.html"
 ---
 {% set status = collections.status | last %}
-<h1>Nathan’s status:</h1>
+<h1>Current status:</h1>
 <article class="post microblog-post" data-pagefind-body>
 	<div class="microblog-status card">
 		<span class="microblog-emoji">{{ status.data.emoji }}</span>
@@ -24,20 +24,17 @@ permalink: "/status/index.html"
 					{% endif %}
 					{% if metadata.author.url %}
-					</a><br />
+					</a>
 					{% endif %}
 					 • {{ status.date | niceDate }}<br />
 				</span>
 			{% if status.data.comment %}
 			{{ status.data.comment | markdownify | safe }}<br />
 			{% endif %}
 			<span class="status-metadata">
 				{{ status.date | niceDate }}
 			</span>
 		</p>
 		</div>
 	</div>
 </article>
 <a href="/prior-thoughts/">
-	<button type="button">Previous Entries »</button>
+	<button type="button">Previous Entries</button>
 </a>
--- a/content/tags/tag-page-generator.njk
+++ b/content/tags/tag-page-generator.njk
@@ -41,17 +41,25 @@ eleventyComputed:
 	</h1>
 	<p class="page-block nodropcap">
 	Here’s everything I’ve posted tagged “{{ tag }}.” Want to be notified when I post on this topic? Subscribe to “{{ tag }}” using the button below.<br>
 		<span class="buttonContainer">
 				<a class="link-button" href="/tags/">
 					<button type="button">
-				More topics »
+						More topics
 					</button>
 				</a>
 				<a class="link-button" href="/feeds/{{ tag | slugify }}.xml">
 					<button type="button">
-				<img src="/img/RSS.svg">
+						<svg class="nav-icon" viewBox="0 0 155 155" width="153.349" height="152.909" version="1.0" xmlns="http://www.w3.org/2000/svg">
-				Subscribe »
+                    <g transform="translate(-427.323 -373.814)">
                      <ellipse style="opacity: 1; fill-opacity: 1; fill-rule: nonzero" transform="matrix(.86996 0 0 .86996 135.156 330.529)" cx="360.357" cy="200.643" rx="24.643" ry="23.929"></ellipse>
                      <path style="fill-opacity: 1; fill-rule: evenodd" d="m427.835 455.057-.073-30.273c64.706 3.375 100.619 49.673 101.5 101.94h-30.318c-.503-45.942-31.74-69.996-71.11-71.667z"></path>
                      <path style="fill-opacity: 1; fill-rule: evenodd" d="m428.201 404.571-.878-30.757C526.75 378.43 580 450.582 580.67 526.724l-31.197-.44c1.365-48.704-34.665-120.267-121.273-121.713Z"></path>
                    </g>
                  </svg>
 						Subscribe
 					</button>
 				</a>
 		</span>
 	</p>
 	{% set postslist = collections[ tag ] | reverse %}
--- a/public/css/comments.css
+++ b/public/css/comments.css
@@ -1,21 +1,124 @@
-.isso-comment-header {
+.isso-auth-section {
-	height: var(--space-2xl) !important;
+	display: flex !important;
 	flex-flow: row wrap;
 	gap: var(--space-3xs);
 	& .isso-input-wrapper {
 		flex-basis: 30%;
 		flex-grow: 1;
 	}
 }
@container (width < 460px) {
 	.isso-auth-section {
 		flex-flow: column;
 	}
 }
-h4.isso-thread-heading {
+.isso-comment {
-	color: var(--text-color) !important;
+	& > .isso-avatar {
-	font-size: var(--step-2) !important;
+		margin-left: var(--space-l);
-	font-variation-settings:
+		margin-top: var(--space-l);
-		"opsz" 50,
+		& img {
-		"wght" 350,
+			border-radius: var(--large-rounded-radius);
-		"SOFT" 20,
+      border-top-left-radius: 0;
-		"WONK" 1 !important;
+		}
-	line-height: calc(var(--step-2) * 0.25 + var(--step-2)) !important;
+	}
-	margin-bottom: var(--space-m) !important;
+	& .isso-comment-footer {
-	margin-top: var(--space-m) !important;
+		display: flex;
-	padding-bottom: 0 !important;
+		flex-flow: row nowrap;
-	padding-top: 0 !important;
+		align-items: center;
-	text-wrap: pretty !important;
+		& a {
 			position: inherit;
 		}
 		& .isso-reply {
 			color: var(--contrast-color);
 			font-family: var(--font-family-ui);
 			font-size: var(--step--2);
 			font-variation-settings: "wght" 700;
 			letter-spacing: var(--wide-letter-spacing);
 			text-align: end;
 			text-transform: uppercase;
 		}
 		& .isso-spacer {
 			display: none;
 		}
 		& .isso-votes {
 			color: var(--contrast-color);
 			font-family: var(--font-family-ui);
 			font-size: var(--step--1);
 			font-variation-settings: "wght" 700;
 			letter-spacing: var(--wide-letter-spacing);
 			text-transform: uppercase;
 		}
 		& svg {
 				fill: var(--contrast-color) !important;
 			}
 	}
 	& .isso-comment-header {
 		color: var(--contrast-color) !important;
 		margin-bottom: var(--space-s);
 		& a[href].isso-author, a[href].isso-author:visited, a[href].isso-author:hover {
 			color: var(--contrast-color) !important;
 		}
 		& .isso-author {
 			color: var(--contrast-color);
 			font-family: var(--font-family-ui);
 			font-size: var(--step--1);
 			font-variation-settings: "wght" 600;
 			&::after {
 				content: "\A";
 				white-space: pre;
 			}
 		}
 		& .isso-permalink {
 			color: var(--contrast-color);
 			font-family: var(--font-family-ui);
 			font-size: var(--step--2);
 			font-variation-settings: "wght" 500;
 		}
 		& .isso-spacer {
 			display: none;
 		}
 	}
 	& > .isso-follow-up {
 		border-top-right-radius: 0;
 		margin-top: var(--space-xs);
 		margin-bottom: var(--space-l);
 		& .isso-text-wrapper {
 			border-top-left-radius: var(--large-rounded-radius);
 			border-top-right-radius: 0;
 		}
 	}
 	& > .isso-text-wrapper {
 		background-color: var(--contrast-color-tint);
 		border-radius: var(--large-rounded-radius);
 		border-top-left-radius: 0;
 		padding: var(--space-l);
 		& .isso-text p {
 			font-style: italic;
 			margin-block: 0 1lh !important;
 		}
 	}
 	&:not(:first-of-type), .isso-follow-up .isso-comment {
 		border-top: none !important;
 	}
 }
 section#isso-thread {
 	& h4.isso-thread-heading {
 		color: var(--contrast-color);
 		font-family: var(--font-family-ui);
 		font-size: var(--step-0);
 		font-variation-settings: "wght" 450;
 		letter-spacing: var(--wide-letter-spacing);
 		line-height: calc(var(--step-0) * 0.25 + var(--step-0));
 		margin-block: 0 1lh;
 		margin-top: var(--space-m);
 		padding-bottom: 0;
 		padding-top: 0;
 		text-transform: uppercase;
 		text-wrap: pretty;
 	}
 }
 .isso-text > h1,
@@ -24,15 +127,15 @@ h4.isso-thread-heading {
 }
 .isso-form-wrapper > .isso-auth-section > .isso-post-action > input {
-	background-color: var(--contrast-color) !important;
+	background-color: var(--contrast-color-tint) !important;
 	border: none !important;
 	border-radius: var(--border-radius) !important;
-	color: var(--background-color) !important;
+	color: var(--contrast-color) !important;
 	font-family: var(--font-family-ui) !important;
 	font-size: var(--step--2) !important;
 	font-variation-settings: var(--font-variation-ui) !important;
 	height: var(--space-m-l) !important;
-	letter-spacing: var(--ui-letter-spacing) !important;
+	letter-spacing: var(--wide-letter-spacing) !important;
 	margin: var(--space-s) 0 0 0 !important;
 	padding: 0 var(--space-xs) !important;
 	text-transform: uppercase !important;
@@ -44,8 +147,7 @@ p.isso-input-wrapper {
 	display: block !important;
 	margin: 0 !important;
 	max-width: 100% !important;
-	& > label,
+	& > label {
 	& > input {
 		font-family: var(--font-family-ui) !important;
 		font-size: var(--step--2) !important;
 		font-variation-settings: var(--font-variation-ui) !important;
@@ -55,15 +157,56 @@ p.isso-input-wrapper {
 		margin-block: inherit !important;
 	}
 }
-
+@container (width < 460px) {
 	p.isso-input-wrapper > label {
 		margin-top: 0 !important;
 	}
 }
 .isso-postbox {
 	background-color: var(--contrast-color);
 	border-radius: var(--large-rounded-radius);
  border-top-left-radius: 0;
 	color: var(--background-color);
 	padding: var(--space-l) calc((100cqw - (var(--grid-gutter) * 11)) / 12) var(--space-2xs) calc((100cqw - (var(--grid-gutter) * 11)) / 12);
  margin-left: calc(((100cqw - (var(--grid-gutter) * 11)) / 12) * -1) !important;
  margin-block: 1lh 1lh;
  width: calc(((100cqw) / 12) * 14);
 }
@container (width < 460px) {
 	.isso-postbox {
 		padding: var(--space-l) var(--space-m) var(--space-s) var(--space-m);
 	}
 }
 .isso-post-action {
 	display: inline-block !important;
 	float: inherit !important;
-	margin: 0 var(--space-2xs) 0 0 !important;
+	margin-left: 0 !important;
 	&::after {
 		content: "" !important;
 	}
 }
@container (width < 460px) {
 	.isso-post-action {
 		margin-bottom: 0 !important;
 	}
 }
 .isso-text {
 	color: var(--text-color);
 	& > blockquote {
 		margin: 0;
 		padding: var(--space-3xs) var(--space-s);
 		&::before {
 			font-size: var(--step-5);
 			margin-top: -4.5px;
 		}
 		& p {
 			padding: 0 0 0 var(--space-s);
 		}
 	}
 	& p {
 		margin-bottom: 0 !important;
 	}
 }
 textarea.isso-textarea {
 	background-color: var(--background-color) !important;
@@ -76,7 +219,13 @@ textarea.isso-textarea {
 	font-variation-settings: var(--font-variation-default) !important;
 	margin-bottom: 0 !important;
 	min-height: var(--space-l) !important;
 	padding: 0 var(--space-3xs) !important;
 	resize: vertical !important;
 	width: 100%;
 }
@media (max-width: 900px) {
 	.isso-postbox {
 		margin-left: auto !important;
 		width: 100%;
 	}
 }
--- a/public/css/continue-discussion-on-mastodon.css
+++ b/public/css/continue-discussion-on-mastodon.css
@@ -2,6 +2,12 @@
 	grid-column: var(--span-grid);
 }
 .continue-discussion button {
 	margin-top: calc(var(--space-s) * -1);
 	margin-bottom: var(--space-m);
 	& > svg {
 		aspect-ratio: 1 / 1;
 		fill: var(--background-color);
 		height: var(--space-xs);
 		margin-right: var(--space-2xs);
 		width: var(--space-xs);
 	}
 }
--- a/public/css/dropcap.css
+++ b/public/css/dropcap.css
@@ -1,16 +1,13 @@
 main > section > article.post > p:not(.nodropcap):first-of-type:first-letter {
 	float: left;
-	font-size: var(--step-5);
+	font-size: var(--step-4);
-	padding: var(--space-2xs);
+	padding-top: var(--space-3xs);
 	color: var(--contrast-color);
 	border: solid 2px var(--contrast-color);
 	font-family: var(--font-family-headline);
 	font-variation-settings:
 		"opsz" 144,
-		"wght" 500,
+		"wght" 600,
 		"SOFT" 10,
 		"WONK" 0;
 	margin: 0.5rem 0.7rem 0 0;
 	border-radius: 0.2em;
 	border-top-left-radius: 0;
 }
--- a/public/css/gallery-images.css
+++ b/public/css/gallery-images.css
@@ -7,7 +7,8 @@
 		width: var(--space-7xl-8xl);
 		height: var(--space-7xl-8xl);
 		.gallery-image {
-			border-radius: var(--border-radius);
+			border-radius: 1em;
 			border-top-left-radius: 0;
 			width: var(--space-7xl-8xl);
 			height: var(--space-7xl-8xl);
 			object-fit: cover;
--- a/public/css/guestbook.css
+++ b/public/css/guestbook.css
@@ -1,31 +1,48 @@
 .guestbook-message blockquote {
 	margin-bottom: var(--space-m);
 	margin-top: var(--space-3xs);
 	padding: var(--space-m) var(--space-2xl);
 	&:before {
 	color: var(--contrast-color);
 	content: "“";
 	font-size: 10rem;
 	font-variation-settings:
 		"opsz" 72,
 		"wght" 360,
 		"SOFT" 0,
 		"WONK" 0;
 	margin-left: calc((var(--space-xl) * 1.25) * -1);
 	margin-top: calc((var(--space-s) * 1.3) * -1);
 	position: absolute;
 }
 }
 .guestbook-message p {
 	margin-block: 0 0;
 	position: relative;
 	z-index: 1;
 }
 .guestbook-message p b,
 .guestbook-message p small {
-	font-family: var(--meta-font-family);
+	color: var(--color-metadata);
-	font-size: var(--meta-font-size);
+	font-family: var(--font-family-metadata);
-	font-variation-settings: var(--meta-font-variation-settings);
+	font-size: var(--font-size-metadata);
 	font-variation-settings: var(--font-variation-settings-metadata);
 	text-transform: var(--text-transform-metadata);
 	letter-spacing: var(--letter-spacing-metadata);
 	& a[href] {
 		color: var(--color-metadata);
 	}
 }
 #guestbooks___challenge-answer-container br,
 .guestbooks___input-container br {
 	display: none;
 }
 .guestbook-message-reply {
 	border-left: var(--border-details);
 	margin-left: var(--space-l);
 	margin-top: calc(var(--space-s) * -1);
 	opacity: 0.9;
 	padding-left: var(--space-s);
 	font-style: italic;
 	& blockquote {
-		margin-left: 0;
+    padding-left: var(--space-s);
 	}
 	& blockquote::before {
 		content: "";
--- a/public/css/index.css
+++ b/public/css/index.css
--- a/public/css/me.css
+++ b/public/css/me.css
@@ -16,16 +16,27 @@
 	justify-content: center;
 	width: 100%;
 	margin: 0 0 var(--space-s) 0;
-	& > img {
+	& > svg {
-		max-width: var(--space-s);
+		fill: var(--background-color);
 		margin-right: var(--space-xs);
 		width: var(--space-s);
 		height: var(--space-s);
 	}
 }
 h1.socialTitle {
 	padding: 0;
-	margin: 0;
+	margin-top: var(--space-m);;
-	font-size: var(--step-4);
+	
-	line-height: calc(var(--step-4) * 0.5 + var(--step-4));
+	color: var(--contrast-color);
  font-family: var(--font-family-ui);
  font-size: var(--step-0);
 	font-style: normal;
  font-variation-settings: "wght" 450;
  letter-spacing: var(--wide-letter-spacing);
  line-height: calc(var(--step-0) * 0.25 + var(--step-0));
  text-transform: uppercase;
  text-wrap: pretty;
 }
 .links-container p {
@@ -37,5 +48,5 @@ h1.socialTitle {
 img.profilePic {
 	max-width: var(--space-6xl);
 	border-radius: 50%;
-	border: solid 2px var(--text-color);
+	border: solid 2px var(--contrast-color);
 }
--- a/public/css/metadata.css
+++ b/public/css/metadata.css
@@ -1,32 +0,0 @@
 .post-metadata {
 	display: flex;
 	flex-flow: row nowrap;
 	padding: 0 0 var(--space-l) 0;
 }
 .post-metadata-copy {
 	display: flex;
 	flex-flow: column nowrap;
 	justify-content: center;
 }
 .post-metadata p,
 .post-metadata ul,
 .post-metadata ul li,
 time,
 .metadata {
 	display: flex;
 	flex-flow: row wrap;
 	font-family: var(--meta-font-family);
 	font-size: var(--meta-font-size);
 	font-style: var(--meta-font-style);
 	font-variation-settings: var(--meta-font-variation-settings);
 	line-height: calc(var(--meta-font-size) * 0.5 + var(--meta-font-size));
 	list-style: none;
 	margin: 0;
 	padding-left: 0em;
 }
 .post-metadata {
 	padding-left: 0.15rem;
 }
--- a/public/css/microblog.css
+++ b/public/css/microblog.css
@@ -1,5 +1,5 @@
 .microblog-comment {
-	p {
+	& p {
 		font-style: italic;
 		margin: 0;
 		padding: var(--space-s) 0 0 0;
@@ -12,20 +12,42 @@
 }
 .microblog-icon {
-	filter: var(--logo-filter);
+	fill: var(--contrast-color);
 	height: var(--space-4xl);
 	padding-right: var(--space-s);
 	width: var(--space-2xl);
 }
 .microblog-list {
-	.post-metadata {
+	& .postlist-item-container {
 		display: flex;
 		flex-flow: column nowrap;
 		gap: var(--space-s);
 		& .postlist-item {
 			& .post-copy {
 				& .post-metadata {
 					& .post-metadata-copy {
 						& p {
 							margin-bottom: 0;
 						}
 					}
 				}
 				& h3 {
 					&:before {
 						content: "";
 						margin-left: 0;
 					}
 				}
 			}
 		}
 	}
 	& .post-metadata {
 		padding: 0;
 	}
 }
 .microblog-post {
 	display: flex;
-	.microblog-comment {
+	& .microblog-comment {
-		p {
+		& p {
 			padding-top: 0;
 			padding-bottom: var(--space-2xs);
 		}
@@ -37,25 +59,28 @@
 		align-items: center;
 		padding: var(--space-s);
 	}
-	.microblog-status-copy {
+	& h2 {
 		margin-top: var(--space-m);
 	}
 	& .microblog-status-copy {
 		align-items: center;
 		display: flex;
 		flex-flow: column nowrap;
 		p {
 			margin: 0;
 		}
-		.status-metadata {
+		& .status-metadata {
-			font-family: var(--meta-font-family);
+			color: var(--color-metadata);
-			font-size: var(--meta-font-size);
+			font-family: var(--font-family-metadata);
-			font-style: var(--meta-font-style);
+			font-size: var(--font-size-metadata);
-			font-variation-settings: var(--meta-font-variation-settings);
+			font-variation-settings: var(--font-variation-settings-metadata);
-			line-height: calc(var(--meta-font-size) * 0.5 + var(--meta-font-size));
+			letter-spacing: var(--letter-spacing-metadata);
 			line-height: calc(var(--font-size-metadata) * 0.5 + var(--font-size-metadata));
 			text-transform: var(--text-transform-metadata);
 			& a[href] {
 				color: var(--color-metadata);
 				text-decoration: none;
 			}
 		}
 	}
 }
 .postlist-item-container {
 	display: flex;
 	flex-flow: column nowrap;
 	gap: var(--space-s);
 }
--- a/public/css/navigator.css
+++ b/public/css/navigator.css
@@ -2,43 +2,45 @@
 	display: grid;
 	gap: var(--space-2xs) var(--space-2xs);
 	grid-template-columns: repeat(auto-fill, minmax(var(--space-6xl), 1fr));
 	margin-bottom: var(--space-xl);
 	margin-top: var(--space-xl);
 	width: 100%;
 	.navigatorItem {
 		background-color: var(--background-color);
-		border: 1.5px solid var(--color-gray-20);
+		border: var(--border-header-footer);
 		border-radius: var(--border-radius);
 		color: var(--text-color);
 		display: flex;
-		flex-flow: column wrap;
+		flex-flow: row nowrap;
 		height: var(--space-3xl);
 		text-align: center;
-		a {
+		& a[href] {
 			height: 100%;
 			padding: var(--space-s) var(--space-xs);
 			text-decoration: none;
 			width: 100%;
-			img {
+			& p {
 				font-family: var(--font-family-ui);
 				font-size: var(--step--2);
 				font-variation-settings: var(--font-variation-ui);
 				text-transform: uppercase;
 				letter-spacing: var(--wide-letter-spacing);
 			}
 			& svg {
 				aspect-ratio: 1 / 1;
-				filter: var(--logo-filter);
+				fill: var(--text-color);
 				max-height: var(--space-m);
 				width: var(--space-m);
 			}
 		}
 		&:hover {
-			background-color: var(--text-color);
+			background-color: var(--contrast-color);
 			border: 1.25px solid var(--text-color);
 			transition: var(--transition-normal);
-			a {
+			& a {
 				color: var(--background-color);
 				transition: var(--transition-normal);
-				img {
+				& svg {
-					filter: none;
+					fill: var(--background-color);
 					transition: var(--transition-normal);
 				}
 				@media (prefers-color-scheme: dark) {
 					img {
 						filter: brightness(0) saturate(100%) invert(16%) sepia(0%)
 							saturate(1024%) hue-rotate(177deg) brightness(99%) contrast(88%);
 					}
 				}
 			}
 		}
--- a/public/css/post-list.css
+++ b/public/css/post-list.css
@@ -1,91 +0,0 @@
 /* Posts list */
 .postlist,
 .links-nextprev {
 	container: postlist / inline-size;
 }
 .postlist-item {
 	align-items: flex-start;
 	display: flex;
 	flex-flow: row nowrap;
 	justify-content: flex-start;
 	width: 100%;
 }
 .postlist-item-container {
 	display: flex;
 	flex-flow: column nowrap;
 	gap: var(--space-s);
 }
 .post-image {
 	width: var(--space-4xl);
 	height: var(--space-4xl);
 	object-fit: cover;
 	object-position: 50% 50%;
 }
 .post-image-container {
 	border-radius: var(--border-radius);
 	box-shadow: var(--box-shadow);
 	height: var(--space-4xl);
 	max-height: var(--space-4xl);
 	overflow: hidden;
 	width: var(--space-4xl);
 }
 .postlist-date,
 .postlist-item:before {
 	color: var(--color-gray-90);
 	font-size: var(--meta-font-size);
 }
 .postlist-date {
 	word-spacing: -0.5px;
 }
 .postlist-link {
 	font-size: var(--step-5);
 	padding-right: 0.5em;
 	text-decoration: none;
 }
 .postlist-link p {
 	background-color: var(--color-gray-90);
 	border-radius: 100px;
 	color: var(--background-color);
 	font-family: var(--font-family-ui);
 	font-size: var(--step--2);
 	font-variation-settings: var(--font-variation-ui);
 	letter-spacing: var(--ui-letter-spacing);
 	margin-top: calc(var(--space-3xs) * -1);
 	padding-left: var(--space-xs);
 	padding-right: var(--space-xs);
 	text-transform: uppercase;
 	width: max-content;
 }
 .post-copy {
 	display: flex;
 	flex-flow: column wrap;
 }
@container postlist (max-width: 500px) {
 	.postlist-item {
 		flex-flow: column wrap;
 	}
 	.post-image-container {
 		margin-left: 0;
 		min-height: var(--space-10xl);
 		width: 100%;
 	}
 	.post-image-container img.post-image {
 		width: 100cqw;
 		height: var(--space-10xl);
 	}
 	.postlist-link {
 		padding: 0;
 	}
 	.postlist-link h3 {
 		padding-top: var(--space-m);
 	}
 	.postlist-link p {
 		margin-top: var(--space-xs);
 	}
 	.post-metadata {
 		padding-bottom: 0;
 	}
 }
--- a/public/css/profile-pic.css
+++ b/public/css/profile-pic.css
@@ -1,6 +0,0 @@
 .profilePic:not(.links-container > img.profilePic) {
 	border-radius: 100%;
 	height: var(--space-xl);
 	margin-right: var(--space-s);
 	width: var(--space-xl);
 }
--- a/public/css/quiz.css
+++ b/public/css/quiz.css
@@ -18,7 +18,7 @@ details:not(.toc) {
 	font-size: var(--step--2);
 	font-variation-settings: var(--font-variation-ui);
 	text-transform: uppercase;
-	letter-spacing: var(--ui-letter-spacing);
+	letter-spacing: var(--wide-letter-spacing);
 	font-family: var(--font-family-ui);
 	::marker {
@@ -40,7 +40,7 @@ details:not(.toc) {
 		font-size: var(--step--2);
 		font-variation-settings: var(--font-variation-ui);
 		text-transform: uppercase;
-		letter-spacing: var(--ui-letter-spacing);
+		letter-spacing: var(--wide-letter-spacing);
 		font-family: var(--font-family-ui);
 	}
 }
--- a/public/css/search.css
+++ b/public/css/search.css
@@ -28,13 +28,44 @@ mark {
 	font-family: var(--font-family-ui) !important;
 	font-size: var(--step--2) !important;
 	font-variation-settings: var(--font-variation-ui) !important;
-	letter-spacing: var(--ui-letter-spacing) !important;
+	letter-spacing: var(--wide-letter-spacing) !important;
 	margin: var(--space-xs) 0 0 0 !important;
 	padding: 0 var(--space-xs) !important;
 	text-transform: uppercase !important;
 	transition: var(--transition-normal) !important;
 	white-space: nowrap !important;
 }
 .pagefind-ui__results-area {
 	.pagefind-ui__message {
 	  font-family: var(--font-family-ui);
    font-size: var(--step--2);
    font-variation-settings: "wght" 500;
    letter-spacing: var(--wide-letter-spacing);
 		padding-top: 0;
    text-transform: uppercase;
 }
 	.pagefind-ui__results {
 		& .pagefind-ui__result {
 			& .pagefind-ui__result-inner {
 				& .pagefind-ui__result-excerpt {
 					font-size: var(--step-0);
 					line-height: calc(var(--step-0) * 0.5 + var(--step-0));
 				}
 				& .pagefind-ui__result-title {
 					font-family: var(--font-family-ui);
 					font-size: var(--step--1);
 					font-variation-settings: "wght" 700;
 					letter-spacing: var(--wide-letter-spacing);
 					line-height: calc(var(--step--1) * 0.5 + var(--step--1));
 					text-transform: uppercase;
 					& a[href] {
 						color: var(--contrast-color);
 					}
 				}
 			}
 		}
 	}
 }
 .pagefind-ui__search-clear {
 	font-family: var(--meta-font-family) !important;
--- a/public/css/tags.css
+++ b/public/css/tags.css
@@ -1,31 +1,27 @@
 a.post-tag {
-	background-color: var(--color-gray-20);
+	color: var(--background-color);
 	border-radius: 1rem;
 	color: var(--text-color);
 	font-family: var(--meta-font-family);
 	font-variation-settings: "wght" 300;
-	margin-top: var(--space-3xs);
+
 	margin-right: var(--space-3xs);
 	padding: 0 var(--space-3xs);
 	text-decoration: none;
 }
 a.post-tag:before {
 	content: "#";
 }
 a.post-tag:visited {
-	color: var(--text-color);
+	color: var(--background-color);
 }
-a.post-tag:hover {
+a[href].post-tag:hover {
-	color: var(--text-color);
+	color: var(--background-color);
 }
 .tag-feed-icon {
 	fill: var(--rss-orange);
 	height: var(--space-m);
 	transition: var(--transition-normal);
 	width: var(--space-m);
 	&.small {
 	height: var(--space-s);
 	transition: var(--transition-normal);
 	width: var(--space-s);
 	&.small {
 		height: var(--space-xs);
 		width: var(--space-xs);
 	}
 }
 .taglist {
--- a/public/css/toc.css
+++ b/public/css/toc.css
@@ -1,11 +1,46 @@
 details.toc {
 	padding-bottom: var(--space-m);
 }
 .toc {
 	padding-bottom: var(--space-m);
 	& div.toc {
 		background-color: var(--contrast-color-tint);
 		border-radius: var(--large-rounded-radius);
 		border-top-left-radius: 0;
 		color: var(--contrast-color);
 		font-family: var(--font-family-ui);
 		font-variation-settings: "wght" 360;
 		margin-left: 0;
 		margin-right: 0;
 		padding: var(--space-s) var(--space-l) var(--space-m) var(--space-m);
 	}
 	& ol {
 		margin-bottom: 0;
 		margin-top: 0;
 		padding-left: var(--space-m);
 		& li {
 			font-size: var(--step--1);
 			& a {
 				text-decoration: none;
 			}
 		}
 	}
 	&[open] {
 		& summary::marker {
 			content: "✸ ";
 			font-size: var(--step--1);
 		}
 	}
 	& summary {
 		cursor: pointer;
 		font-family: var(--font-family-ui);
 		font-size: var(--step--2);
 		font-variation-settings: "wght" 700;
 		letter-spacing: var(--wide-letter-spacing);
 		margin-left: -1.5em;
 		text-transform: uppercase;
 		&::marker {
 			color: var(--contrast-color);
 			content: "✸ ";
 			font-size: var(--step--1);
 			padding-top: 1em;
 		}
 	}
 }
--- a/public/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-1.webp
+++ b/public/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-1.webp
--- a/public/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-2.webp
+++ b/public/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-2.webp
--- a/public/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-3.webp
+++ b/public/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-3.webp
--- a/public/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-4.webp
+++ b/public/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-4.webp
--- a/public/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-5.webp
+++ b/public/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-5.webp
--- a/public/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-6.webp
+++ b/public/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-6.webp
--- a/public/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-7.webp
+++ b/public/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-7.webp
--- a/public/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-8.webp
+++ b/public/img/gallery/wild-berry-fizzy-pop/wild-berry-fizzy-pop-powder-8.webp
--- a/public/img/ranch/vegan-ranch-dressing.webp
+++ b/public/img/ranch/vegan-ranch-dressing.webp
--- a/public/img/what-would-you-do-if-you-didnt-have-to-work/ducc.webp
+++ b/public/img/what-would-you-do-if-you-didnt-have-to-work/ducc.webp
--- a/public/img/wild-berry-fizzy-pop-powder/diabolical.webp
+++ b/public/img/wild-berry-fizzy-pop-powder/diabolical.webp
--- a/public/xsl/basic.xsl
+++ b/public/xsl/basic.xsl
@@ -11,14 +11,12 @@
      </title>
      <link rel="stylesheet" href="../css/index.css"/>
      <link rel="stylesheet" href="../css/webfonts/webfonts.css"/>
      <link rel="stylesheet" href="../css/post-list.css"/>
      <link rel="stylesheet" href="../css/metadata.css"/>
    </head>
    <body>
 			<main>
-				<h1>RSS Feed Preview</h1>
+				<h1 class="feed-preview">RSS Feed Preview</h1>
 				<p class="nodropcap page-block">This is an RSS feed. Subscribe by copying the URL from the address bar into your newsreader. Don’t have a newsreader? <a href="../about-feeds/">Learn more and get started</a>. It’s free. Below is a preview of what you’ll see in your newsreader when you subscribe. Done here? <a href="../">Go back to nathanupchurch.com</a></p>
 				<h2>Posts</h2>
 				<section class="postlist">
 					<div class="postlist-item-container">
 						<xsl:for-each select="/atom:feed/atom:entry">
@@ -40,7 +38,7 @@
 										<xsl:attribute name="href">
 											<xsl:value-of select="atom:link/@href"/>
 										</xsl:attribute>
-										<h3>
+										<h3 class="postlist-link">
 											<xsl:value-of select="atom:title"/>
 										</h3>
 									</a>
Author	SHA1	Message	Date
Nathan Upchurch	677bf18e5b	New style initial	2026-06-28 20:18:03 -05:00
Nathan Upchurch	9938f0f8ff	Content Updates	2026-05-29 13:47:30 -05:00
Nathan Upchurch	36d0305af1	Content updates	2026-05-29 13:47:17 -05:00