Add badge collection page

_data/badges.js

@@ -109,10 +109,12 @@ export default {
 		{
 			altText: "Defective by design. Eliminate DRM now!",
 			imageURL: "dbd.2333814563.webp",
+			linkURL: "https://www.defectivebydesign.org/",
 		},
 		{
 			altText: "Don't feed the AI!",
 			imageURL: "dontfeedai.gif",
+			linkURL: "/ai/",
 		},
 		{
 			altText: "A seal with the word ‘dream’ appearing beside it.",
@@ -130,14 +132,17 @@ export default {
 		{
 			altText: "Take back the web. Firefox logo.",
 			imageURL: "fftake.gif",
+			linkURL: "https://www.firefox.com/en-US/",
 		},
 		{
 			altText: "Firefox",
 			imageURL: "firefox3.gif",
+			linkURL: "https://www.firefox.com/en-US/",
 		},
 		{
 			altText: "Tested on Firefox.",
 			imageURL: "firefox4.gif",
+			linkURL: "https://www.firefox.com/en-US/",
 		},
 		{
 			altText: "Game Boy logo",
@@ -163,6 +168,7 @@ export default {
 		{
 			altText: "GLPV3",
 			imageURL: "gplv3.gif",
+			linkURL: "https://www.gnu.org/licenses/gpl-3.0.en.html",
 		},
 		{
 			altText: "There are no bad hair days on the internet.",
@@ -173,16 +179,19 @@ export default {
 			imageURL: "hatemac_b.gif",
 		},
 		{
-			altText: "Hyenas now!",
+			altText: "Internet Archive",
 			imageURL: "internetarchive.2540748731.png",
+			linkURL: "https://archive.org/",
 		},
 		{
 			altText: "Jellyfin",
 			imageURL: "jellyfin.gif",
+			linkURL: "https://jellyfin.org/",
 		},
 		{
 			altText: "KDE now!",
 			imageURL: "knbutton.gif",
+			linkURL: "https://kde.org/",
 		},
 		{
 			altText: "Linux now! 2.0",
@@ -228,6 +237,7 @@ export default {
 		{
 			altText: "Tor logo",
 			imageURL: "tor.gif",
+			linkURL: "https://www.torproject.org/",
 		},
 		{
 			altText: "Trans rights now!",

content/badges/index.njk

@@ -0,0 +1,14 @@
+---
+layout: layouts/base.njk
+title: Nathan Upchurch | Blank
+structuredData: none
+---
+<article data-pagefind-body>
+<h1>Badge collection</h1>
+<p>Here are some badges I picked up around the web. If you see your badge here and would like a link attached, <a href="/me">let me know!</a></p>
+<div class="badges">
+	{% for badge in badges.badges %}
+	{% if badge.linkURL %}<a href="{{ badge.linkURL }}">{% endif %}<img alt="{{ badge.altText }}" src="{{ badges.imgBaseUrl }}{{ badge.imageURL }}">{% if badge.linkURL %}</a>{% endif %}
+	{% endfor %}
+</div>
+</article>

content/changelog/index.md

@@ -7,6 +7,9 @@ includeTOC: true
 ---
 ## 2026
 ### August
+* 2026-08-08
+	* Updated [/wish](/wish).
+	* Implemented [/badges](/badges).
 * 2026-08-06
 	* Updated [/links](/links).
 * 2026-08-05

content/sitemap/index.md

@@ -11,6 +11,7 @@ structuredData: none
 	* [AI](/ai)
 	* [Colophon](/about/colophon)
 	* [Privacy](/about/privacy)
+* [Badge Collection](/badges)
 * [Blank](/blank)
 * [Blog](/blog)
 	* [Feed](/feed/feed.xml)

public/css/index.css

@@ -631,6 +631,15 @@ hr {
 	width: 100%;
 }
 
+/* Badges */
+.badges {
+	& img {
+		height: 100%;
+		margin-bottom: var(--space-2xs);
+		margin-right: var(--space-2xs);
+	}
+}
+
 /* Header */
 header {
 	container-type: inline-size;