n_u/nathanupchurch.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tag page updates, changelog

Browse Source
This commit is contained in:
Nathan Upchurch
2025-04-08 18:29:40 -05:00
parent f9ba790868
commit 0054aa67de
9 changed files with 138 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
content/about/colophon/index.md
View File

@ -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.
[^2]: Designed by Mikhail Sharanda with thanks to Mirko Velimirovic for contribution.
[^3]: Created by James Gilyead & Trys Mudford.
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.
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.

5
content/blog.njk
View File

@ -2,9 +2,7 @@
layout: layouts/base.njk
title: Nathan Upchurch | Blog
structuredData: none
eleventyNavigation:
key: Blog
order: 3
postlistHeaderText: "What’s New:"
---
<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" %}

4
content/changelog.md
View File

@ -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

3
content/galleries/index.njk
View File

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

3
content/me.md
View File

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

44
content/tags.njk
View File

@ -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 }}.”
<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>Topic: “{{ tag }}.”
</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>