_data/metadata.js

@@ -25,36 +25,42 @@ export default {
 			linkDisplay: "Blog",
 			linkURL: "/blog/",
 		},
+		{
+			iconURL: "/img/icons/breeze/view-list-text.svg",
+			linkDisplay: "Blogroll",
+			linkURL: "/blogroll/",
+		},
 		{
 			iconURL: "/img/icons/breeze/view-preview.svg",
 			linkDisplay: "Galleries",
 			linkURL: "/galleries/",
 		},
-		{
-			iconURL: "/img/icons/breeze/document-edit-sign.svg",
-			linkDisplay: "Quizzes",
-			linkURL: "/quizzes/",
-		},
 		{
 			iconURL: "/img/icons/breeze/news-subscribe.svg",
 			linkDisplay: "Life Updates",
 			linkURL: "/now/",
 		},
+		{
+			iconURL: "/img/icons/breeze/document-edit-sign.svg",
+			linkDisplay: "Quizzes",
+			linkURL: "/quizzes/",
+		},
+
 		{
 			iconURL: "/img/icons/breeze/map-globe.svg",
 			linkDisplay: "Sitemap",
 			linkURL: "/sitemap/",
 		},
-		{
-			iconURL: "/img/icons/breeze/view-list-text.svg",
-			linkDisplay: "Blogroll",
-			linkURL: "/blogroll/",
-		},
 		{
 			iconURL: "/img/icons/breeze/tag.svg",
 			linkDisplay: "Topics",
 			linkURL: "/tags/",
 		},
+		{
+			iconURL: "/img/icons/breeze/kstars_supernovae.svg",
+			linkDisplay: "Wishes",
+			linkURL: "/wish/",
+		},
 	],
 	postlistHeaderText: "Latest blog posts:",
 	socialLinks: [

_includes/postslist.njk

@@ -1,5 +1,5 @@
 <section class="postlist">
-	{% if showPostListHeader %}<h2>{{ metadata.postlistHeaderText }}</h2>{% endif %}
+	{% if postlistHeaderText %}<h2>{{ postlistHeaderText }}</h2>{% endif %}
 	<div class="postlist-item-container">
 		{% for post in postslist | reverse %}
 		<article class="postlist-item{% if post.url == url %} postlist-item-active{% endif %}">

content/about/colophon/index.md

@@ -6,8 +6,13 @@ structuredData: none
 
 # Colophon
 ## What I used to build this website
-I built this website using [the 11ty static site generator](https://www.11ty.dev/), free and open source variable typefaces [Fraunces](https://fraunces.undercase.xyz/)[^1] and [Manrope](https://www.gent.media/manrope)[^2], and plain-old HTML, CSS, with some vanilla JavaScript for the web components that I built to handle comments. I used the handy calculators on [utopia.fyi](https://utopia.fyi)[^3] to help me implement fluid typography and spacing. [Here's the repo](https://upchur.ch/gitea/n_u/nathanupchurch.com) in case you'd like to have a look at the source.
+I built this website in plain-old HTML, CSS, and a touch of vanilla JavaScript using [Zach Leatherman](https://www.zachleat.com/)'s [11ty static site generator](https://www.11ty.dev/) and Mozilla's [Nunjucks templating language](https://mozilla.github.io/nunjucks/). I used free and open source variable typefaces [Fraunces](https://fraunces.undercase.xyz/), designed by Phaedra Charles and Flavia Zimbardi[^1], and [Manrope](https://www.gent.media/manrope), designed by Mikhail Sharanda[^2].
 
-[^1]: Designed by Phaedra Charles and Flavia Zimbardi, with contributions by Ethan Cohen, and Andy Clymer.
+The handy calculators on [utopia.fyi](https://utopia.fyi), created by James Gilyead and Trys Mudford, helped me implement fluid typography and spacing, which has allowed me to make this website responsive without using a single media query. The future is upon us.
-[^2]: Designed by Mikhail Sharanda with thanks to Mirko Velimirovic for contribution.
+
-[^3]: Created by James Gilyead & Trys Mudford.
+Icons on the index page navigator section are from the [Breeze icon set](https://develop.kde.org/frameworks/breeze-icons/) made by the fine folks at [KDE](https://kde.org/).
+
+If you'd like to inspect the source for this site, you can [find the repo here](https://upchur.ch/gitea/n_u/nathanupchurch.com).
+
+[^1]: With contributions by Ethan Cohen, and Andy Clymer.
+[^2]: With contributions by Mirko Velimirovic.

content/blog.njk

@@ -2,9 +2,7 @@
 layout: layouts/base.njk
 title: Nathan Upchurch | Blog
 structuredData: none
-eleventyNavigation:
+postlistHeaderText: "What’s New:"
-  key: Blog
-  order: 3
 ---
 <h1>My personal blog.</h1>
 
@@ -18,6 +16,5 @@ I write about whatever I like here, from <a href="/tags/storytime">personal stor
 	<button type="button">Blogroll »</button>
 </a>
 </p>
-<h2>What’s New:</h2>
 {% set postslist = collections.posts %}
 {% include "postslist.njk" %}

content/changelog.md

@@ -4,6 +4,10 @@ title: Nathan Upchurch | Changelog
 structuredData: none
 ---
 # Changelog
+* 2025-04-08
+	* Updated the [index page](/) with a new "navigator" feature, and removed the post lists for a cleaner look.
+	* On the individual [tag](/tags/) pages: got rid of the big RSS logo, tweaked the text a little, added a "subscribe" button, and moved the buttons above the post list.
+	* Updated the [colophon](/about/colophon/).
 * 2025-04-03
 	* Added [Graphic Rage with Aubrey Hirsch](https://aubreyhirsch.substack.com/) and [Usermag](https://www.usermag.co/) to the [blogroll](/blogroll).
 * 2025-03-28

content/galleries/index.njk

@@ -1,8 +1,5 @@
 ---
 layout: layouts/base.njk
-eleventyNavigation:
-  key: Pics
-  order: 4
 ---
 <h1>My image galleries.</h1>
 <p class="page-block nodropcap">

content/me.md

@@ -1,4 +1,7 @@
 ---
 title: Nathan Upchurch
 layout: layouts/links.njk
+eleventyNavigation:
+  key: Contact
+  order: 3
 ---

content/tags.njk

@@ -10,41 +10,29 @@ pagination:
     - tagList
   addAllPagesToCollections: true
 layout: layouts/base.njk
+postlistHeaderText: "Latest Posts:"
 structuredData: none
 eleventyComputed:
   title: Posts tagged “{{ tag }}”
 	permalink: "/tags/{{ tag | slugify }}/"
 	description: A list of every post I've written tagged “{{ tag }}.”
 ---
-<h1>More posts tagged “{{ tag }}.”
+<h1>Topic: “{{ tag }}.”
-	<a href="/feeds/{{ tag | slugify }}.xml">
-		<!-- RSS Logo -->
-		<svg class="tag-feed-icon" viewBox="0 0 155 155" width="153.349" height="152.909" version="1.0" xmlns="http://www.w3.org/2000/svg">
-		<title>RSS feed for posts tagged {{tag}}.</title>
-			<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"
-				/>
-				<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
-					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"
-				/>
-			</g>
-		</svg>
-	</a>
 </h1>
-<p class="page-block nodropcap">Here’s everything I’ve posted tagged “{{ tag }}.” Want to be notified when I post on this topic? <a href="/feeds/{{ tag | slugify }}.xml">Subscribe to “{{ tag }}.”</a></p>
+<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>
+	<a class="link-button" href="/tags/">
+		<button type="button">
+			More topics »
+		</button>
+	</a>
+	<a class="link-button" href="/feeds/{{ tag | slugify }}.xml">
+		<button type="button">
+			<img src="/img/RSS.svg">
+			Subscribe »
+		</button>
+	</a>
+</p>
 
 {% set postslist = collections[ tag ] %}
 {% include "postslist.njk" %}
-<a class="link-button" href="/tags/">
-	<button type="button">
-		See all tags
-	</button>
-</a>

public/img/icons/breeze/kstars_supernovae.svg

@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 22 22"
+   id="svg2"
+   version="1.1"
+   inkscape:version="1.4.1 (93de688d07, 2025-03-30)"
+   sodipodi:docname="kstars_supernovae.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="41.5"
+     inkscape:cx="11"
+     inkscape:cy="11"
+     inkscape:window-width="2048"
+     inkscape:window-height="1080"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <metadata
+     id="metadata12">
+    <RDF>
+      <Work
+         rdf:about="">
+        <format>image/svg+xml</format>
+        <type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </Work>
+    </RDF>
+  </metadata>
+  <namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1360"
+     inkscape:window-height="708"
+     id="namedview10"
+     showgrid="true"
+     inkscape:zoom="21.454545"
+     inkscape:cx="7.6795112"
+     inkscape:cy="12.007271"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2">
+    <grid
+       type="xygrid"
+       id="grid4134" />
+  </namedview>
+  <defs
+     id="defs3051">
+    <style
+       type="text/css"
+       id="current-color-scheme">.ColorScheme-Accent { color: #3daee9; } .ColorScheme-Text { color: #fcfcfc; } </style>
+  </defs>
+  <path
+     sodipodi:type="star"
+     style="opacity:1;fill:#faf5f5;fill-opacity:1;stroke:none;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     class="ColorScheme-Text"
+     id="path4136"
+     sodipodi:sides="4"
+     sodipodi:cx="11"
+     sodipodi:cy="11"
+     sodipodi:r1="9"
+     sodipodi:r2="2.8284271"
+     sodipodi:arg1="0"
+     sodipodi:arg2="0.78539816"
+     inkscape:flatsided="false"
+     inkscape:rounded="0"
+     inkscape:randomized="0"
+     d="M 20,11 13,13 11,20 9,13 2,11 9,9 11,2 13,9 Z" />
+</svg>