From d38da8fc37688ee6e7d52f844bff4ef4fbac9ad6 Mon Sep 17 00:00:00 2001
From: Nathan Upchurch <nathan@upchur.ch>
Date: Wed, 16 Jul 2025 12:50:07 -0500
Subject: [PATCH] Add category list and header links to blogroll

---
 content/blogroll/index.njk | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/content/blogroll/index.njk b/content/blogroll/index.njk
index 548f02f..d018757 100644
--- a/content/blogroll/index.njk
+++ b/content/blogroll/index.njk
@@ -4,10 +4,17 @@ title: Nathan Upchurch | Blogroll
 structuredData: none
 ---
 <h1>Blogroll</h1>
-<p class="nodropcap page-block">Here are some of the blogs I subscribe to. You can click the RSS icon next to each to subscribe using <a href="../about-feeds/">your newsreader</a>, or import all of them at once by downloading and importing this convenient <a href="./nathanUpchurchBlogroll.opml" download>.opml file</a>.</p>
+<p class="nodropcap">Here are some blogs and independent news outlets I like to read. You can click the RSS icon next to each to subscribe using <a href="../about-feeds/">your newsreader</a>, or import all of them at once by downloading and importing this convenient <a href="./nathanUpchurchBlogroll.opml" download>.opml file</a>.</p>
+<p class="page-block">
+<em>Skip to category:
+{% for category in blogroll.categories %}
+<a href="#{{ category.name | slugify }}">{{ category.name }}</a>{% if loop.last %}.{% else %},{% endif %}
+{% endfor %}
+</em></p>
+
 {% for category in blogroll.categories %}
 <section class="blogroll">
-	<h2>{{ category.name }}:</h2>
+	<h2 id="{{ category.name | slugify }}">{{ category.name }}:<a class="header-anchor" href="#{{ category.name | slugify }}">#</a></h2>
 		{% for blog in category.blogs %}
 		<div class="blogroll-category-group">
 			<a href="{{ blog.url }}"><h3>{{ blog.title }}</h3></a>