From 2d9ac8041a8367cb5f375d4dffac66731eda8c64 Mon Sep 17 00:00:00 2001
From: nycki <nupanick@gmail.com>
Date: Fri, 21 Mar 2025 13:54:14 -0700
Subject: [PATCH] subtitle and description added to base template

---
 content/404.md                                       | 3 +--
 content/_includes/base.njk                           | 6 ++++--
 content/_includes/post.njk                           | 1 -
 content/blog.njk                                     | 1 +
 content/blog/20-server-move.md                       | 4 +---
 content/blog/2024-11-21-01-thumbkey/index.md         | 4 +---
 content/blog/2024-11-22-01-origami-pyramids/index.md | 2 +-
 content/blog/2024-12-05-01-can-opener.md             | 1 -
 content/blog/21-rss-svg.md                           | 5 +----
 content/blog/22-typescript-flavors.md                | 5 +----
 content/blog/23-filebrowser-auth.md                  | 5 +----
 content/blog/draft-1-blog-setup.md                   | 4 +---
 content/characters.md                                | 4 +---
 content/gamepad.md                                   | 6 +-----
 content/h/index.md                                   | 2 --
 content/index.md                                     | 4 +---
 content/piles.md                                     | 2 --
 content/pyramids.md                                  | 6 +-----
 content/stickers/index.md                            | 2 --
 content/zendo.md                                     | 6 +-----
 20 files changed, 18 insertions(+), 55 deletions(-)

diff --git a/content/404.md b/content/404.md
index 740b116..c891198 100644
--- a/content/404.md
+++ b/content/404.md
@@ -1,10 +1,9 @@
 ---
 layout: home.njk
 permalink: 404.html
+title: 404 Content Not Found
 eleventyExcludeFromCollections: true
 ---
-# Content not found.
-
 Go <a href="/">home</a>.
 
 <!--
diff --git a/content/_includes/base.njk b/content/_includes/base.njk
index 7a98332..965cffa 100644
--- a/content/_includes/base.njk
+++ b/content/_includes/base.njk
@@ -4,9 +4,9 @@
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>{{ metadata.title }} | {{ title }}</title>
-        <meta name="description" content="{{ description or metadata.description }}">
+        <meta name="description" content="{{ description or subtitle }}">
         <meta property="og:title" content="{{ metadata.title }} | {{ title }}">
-        <meta property="og:description" content="{{ description or metadata.description }}">
+        <meta property="og:description" content="{{ description or subtitle }}">
         <meta property="og:image" content="{{ metadata.url + preview_image }}">
         <link rel="alternate" href="/blog/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
         <link rel="alternate" href="/blog/feed.json" type="application/json" title="{{ metadata.title }}">
@@ -41,6 +41,8 @@
         </header>
 
         <main id="skip">
+            <h1>{{ title }}</h1>
+            <p><em>{{ subtitle }}</em></p>
             {{ content | safe }}
         </main>
 
diff --git a/content/_includes/post.njk b/content/_includes/post.njk
index bc24131..0e7e2ea 100644
--- a/content/_includes/post.njk
+++ b/content/_includes/post.njk
@@ -3,7 +3,6 @@ layout: base.njk
 ---
 {# Only include the syntax highlighter CSS on blog posts #}
 {%- css %}{% include "node_modules/prismjs/themes/prism-okaidia.css" %}{% endcss %}
-<h1>{{ title }}</h1>
 
 <article>
 	{{ content | safe }}
diff --git a/content/blog.njk b/content/blog.njk
index 034b09c..65f55c7 100644
--- a/content/blog.njk
+++ b/content/blog.njk
@@ -4,6 +4,7 @@ eleventyNavigation:
   key: Archive
   order: 2
 title: blog
+permalink: /blog/
 ---
 <h1>blog</h1>
 
diff --git a/content/blog/20-server-move.md b/content/blog/20-server-move.md
index b5fec90..d7a8023 100644
--- a/content/blog/20-server-move.md
+++ b/content/blog/20-server-move.md
@@ -1,14 +1,12 @@
 ---
 date: 2024-12-27
 title: server move
-description: digital rent for the digital landlords
+subtitle: digital rent for the digital landlords
 tags:
   - my-blog
   - programming
 permalink: /blog/20/
 ---
-*digital rent for the digital landlords.*
-
 up until now ive been hosting my site on a DigitalOcean droplet with 8GB of memory. the reason being that that's how much I needed to play Minecraft: Vault Hunters. But that costs like $40 a month and I don't play minecraft all that much anymore. so I'm downsizing.
 
 I've temporarily downgraded that server to its minimum, and I'm spinning up a new server which is even smaller than that. DigitalOcean has a $6/mo tier which gives you 10 GB storage and 1 GB memory, which is _plenty_ for hosting a personal site. Heck, its probably enough to host _several_ personal sites. And if storage is an issue... well, I'll figure that out later, but even paying by the gigabyte, storage is cheaper than memory.
diff --git a/content/blog/2024-11-21-01-thumbkey/index.md b/content/blog/2024-11-21-01-thumbkey/index.md
index dc67251..c7b76db 100644
--- a/content/blog/2024-11-21-01-thumbkey/index.md
+++ b/content/blog/2024-11-21-01-thumbkey/index.md
@@ -1,7 +1,7 @@
 ---
 title: Thumbkey
 date: 2024-11-21
-description: A keyboard for your thumbs!
+subtitle: A keyboard for your thumbs!
 tags:
   - app
   - spotlight
@@ -9,8 +9,6 @@ tags:
 
 <img src="thumbkey.png" alt="a phone screenshot, showing a text editor and an on-screen keyboard. the keyboard has large, square keys, with a 3 by 3 grid in the center and 5 additional keys along the bottom and right edges. the entered text reads 'sphinx of black quartz, I have recently come into a large inheritance outside of my country and I require your assistance', referring to the Nigerian Prince email scam cliche." style="float:right;margin:2ch">
 
-## Thumbkey: a keyboard for your thumbs!
-
 Today I'd like to spotlight a keyboard I've been using since the day I got my first keyless android phone circa 2012. It was a tiny little thing, screen the size of a business card, and they had the nerve to ship it without a numpad or keyboard attached!
 
 Some people worked around this problem by using speech to text, or by using an auto-complete tool like [Swype](https://en.wikipedia.org/wiki/Swype), but I was hip with netspeak and I frequently wanted to type non-words like "doge" and "owo" and "~~\{@" (it's a rose!) and so on. Since these non-words aren't in the dictionary, they won't be filled in with speech-to-text, and the only way to enter them in Swype is to carefully type each symbol by hand on a miniature qwerty keyboard, again only two inches wide.
diff --git a/content/blog/2024-11-22-01-origami-pyramids/index.md b/content/blog/2024-11-22-01-origami-pyramids/index.md
index 186b0be..841e970 100644
--- a/content/blog/2024-11-22-01-origami-pyramids/index.md
+++ b/content/blog/2024-11-22-01-origami-pyramids/index.md
@@ -1,7 +1,7 @@
 ---
 title: Paper Pyramids
 date: 2024-11-22
-description: DIY pyramid games!
+subtitle: DIY pyramid games!
 preview_image: /blog/2024-11-22-01-origami-pyramids/paper-pyramid-nest.webp
 permalink: /blog/2024-11-22-01-origami-pyramids/
 tags:
diff --git a/content/blog/2024-12-05-01-can-opener.md b/content/blog/2024-12-05-01-can-opener.md
index e265fdf..dae3e3a 100644
--- a/content/blog/2024-12-05-01-can-opener.md
+++ b/content/blog/2024-12-05-01-can-opener.md
@@ -6,7 +6,6 @@ tags:
   - language
   - programming
 ---
-
 If I ask you what a can opener is, and you say
 
 > A can opener is a service component that affords access to preserved fruits and vegetables.
diff --git a/content/blog/21-rss-svg.md b/content/blog/21-rss-svg.md
index 838cc46..691df97 100644
--- a/content/blog/21-rss-svg.md
+++ b/content/blog/21-rss-svg.md
@@ -1,15 +1,12 @@
 ---
 date: 2024-12-28
 title: rss.svg
-description: how to make that funny little subscribe icon.
+subtitle: how to make that funny little subscribe icon.
 tags:
   - my-blog
   - programming
 permalink: /blog/21/
 ---
-
-*{{ description }}*
-
 Today I added the [RSS](https://en.wikipedia.org/wiki/RSS) icon ( <svg width="0.8em" height="0.8em"><use href='/a/rss.svg#img'></svg> ) to my site! You should be able to see it up top by the word "blog" in the navbar, and if you click on it, it pulls up the RSS feed that you can subscribe to! As an aside, my current preferred reader is [FreshRSS](https://www.freshRSS.org/), but the nice thing about RSS readers is that they all have a standard import/export format so you can switch whenever you want :)
 
 Anyway, I did this in a couple of steps. First I went searching for existing art that I can freely use, and I found [this one on SVG Repo](https://www.svgrepo.com/svg/95552/rss-sign) with a [CC0 License](https://creativecommons.org/public-domain/cc0/). Thanks, SVG Repo!
diff --git a/content/blog/22-typescript-flavors.md b/content/blog/22-typescript-flavors.md
index 3c6c1eb..ad83447 100644
--- a/content/blog/22-typescript-flavors.md
+++ b/content/blog/22-typescript-flavors.md
@@ -1,14 +1,11 @@
 ---
 date: 2025-02-04
 title: flavored types
-description: mmmmmm licorice strings
+subtitle: mmmmmm licorice strings
 tags:
   - programming
 permalink: /blog/22/
 ---
-
-_{{ description }}_
-
 hey so I like programming! I do it for money sometimes. I'm gonna talk about an interesting problem and its solution that I observed today. if you don't enjoy code for the sake of code, you can skip this one! or, if you already know what TypeScript is, you can skip ahead to [the problem](#the-problem).
 
 ## context
diff --git a/content/blog/23-filebrowser-auth.md b/content/blog/23-filebrowser-auth.md
index 62ac11c..396b7ae 100644
--- a/content/blog/23-filebrowser-auth.md
+++ b/content/blog/23-filebrowser-auth.md
@@ -1,14 +1,11 @@
 ---
 date: 2025-03-16
 title: filebrowser auth
-description: look ma no keycloak
+subtitle: look ma no keycloak
 tags:
   - programming
 permalink: /blog/23/
 ---
-
-_{{ description }}_
-
 I FINALLY GOT IT WORKING
 
 docker-compose.yml
diff --git a/content/blog/draft-1-blog-setup.md b/content/blog/draft-1-blog-setup.md
index aed498b..ad02f39 100644
--- a/content/blog/draft-1-blog-setup.md
+++ b/content/blog/draft-1-blog-setup.md
@@ -1,15 +1,13 @@
 ---
 date: 2024-12-23
 title: draft - blog setup
-description: How to make a website with 11ty and edit it with Decap CMS
+subtitle: or, how to make a website with 11ty and edit it with Decap CMS
 tags:
   - programming
   - my-blog
   - how-to
 draft: true
 ---
-_or, how to make a website with 11ty and edit it with Decap CMS._
-
 I'm just gonna start documenting all the config files I write here in case I forget how I did this. I can always update this later or something.
 
 ## get a server
diff --git a/content/characters.md b/content/characters.md
index ad97ef0..1d40889 100644
--- a/content/characters.md
+++ b/content/characters.md
@@ -1,11 +1,9 @@
 ---
 layout: base.njk
 title: characters
+subtitle: toons? games?
 permalink: /characters/
-description: toons? games?
 ---
-# {{ title }}
-
 ## ⚠️ warning
 
 **🔞 All links are R18!** Most of these characters represent some sort of gender or sexual exploration, and the art has a lot of boobs in it.
diff --git a/content/gamepad.md b/content/gamepad.md
index 0253c52..596db6e 100644
--- a/content/gamepad.md
+++ b/content/gamepad.md
@@ -1,7 +1,7 @@
 ---
 layout: base.njk
 title: gamepad
-description: controllers and other-type gizmos for playing videos games
+subtitle: controllers and other-type gizmos for playing videos games
 permalink: /gamepad/
 ---
 {% css %}
@@ -13,10 +13,6 @@ img {
 }
 {% endcss %}
 
-# {{ title }}
-
-*{{ description }}*
-
 ## gameboymode
 
 *get it, like boymoding? you get it.*
diff --git a/content/h/index.md b/content/h/index.md
index fa2a79a..33bb74c 100644
--- a/content/h/index.md
+++ b/content/h/index.md
@@ -2,8 +2,6 @@
 layout: base.njk
 title: NSFW WARNING
 ---
-# {{ title }}
-
 These pages contain text and images of a sexually explicit nature.
 
 If you're under 18, you could get us both in trouble. [Go back now](/).
diff --git a/content/index.md b/content/index.md
index f8cff19..30d89b2 100644
--- a/content/index.md
+++ b/content/index.md
@@ -1,11 +1,9 @@
 ---
 layout: home.njk
-title: home
+title: nycki.net
 ---
 {%- css %}{% include "node_modules/prismjs/themes/prism-okaidia.css" %}{% endcss %}
 
-# nycki.net 
-
 ## welcome!
 
 <div style="overflow:auto">
diff --git a/content/piles.md b/content/piles.md
index beb8f17..25b44ea 100644
--- a/content/piles.md
+++ b/content/piles.md
@@ -3,8 +3,6 @@ layout: base.njk
 title: piles
 permalink: /piles/
 ---
-# {{ title }}
-
 when im working on things i like to make a pile for them. if the pile gets in the way, i put it in a box and put the box on a shelf. but i still like to call it a pile.
 
 ive written one pile so far
diff --git a/content/pyramids.md b/content/pyramids.md
index 59c1a02..22715b1 100644
--- a/content/pyramids.md
+++ b/content/pyramids.md
@@ -1,13 +1,9 @@
 ---
 layout: base.njk
 title: Pyramides Papyrium
-description: it's pronounced PEER-a-mid-es pa-PEER-ium.
+subtitle: it's pronounced PEER-a-mid-es pa-PEER-ium.
 permalink: /pyramids/
 ---
-
-# {{ title }}
-*{{ description }}*
-
 I designed a bunch of origami pyramids and I might write about the process later but im tired so for now heres pictures of how to fold them
 
 {% css %}
diff --git a/content/stickers/index.md b/content/stickers/index.md
index 60a8a1b..e9bce3c 100644
--- a/content/stickers/index.md
+++ b/content/stickers/index.md
@@ -2,8 +2,6 @@
 layout: base.njk
 title: stickers
 ---
-# {{ title }}
-
 Click to copy a link to your clipboard!
 
 <img class='sticker' src='/a/klay-blep.webp' alt='klay-blep, by djuan' title='klay-blep, by djuan'>
diff --git a/content/zendo.md b/content/zendo.md
index 09cbd10..3f6fc12 100644
--- a/content/zendo.md
+++ b/content/zendo.md
@@ -1,7 +1,7 @@
 ---
 layout: base.njk
 title: zendo
-description: fleens? you're not fleens.
+subtitle: fleens? you're not fleens.
 permalink: /zendo/
 preview_image: /a/graph-zendo-sample.png
 ---
@@ -14,10 +14,6 @@ img {
 }
 {% endcss %}
 
-# {{ title }}
-
-*{{ description }}*
-
 [Zendo](https://boardgamegeek.com/boardgame/6830/zendo) is the logical thinking game of all time. i don't think there's anything that comes close. it was [invented or discovered](http://www.koryheath.com/zendo/design-history/) in 2001 by the late Kory Heath ([GNU](https://wiki.lspace.org/GNU_Terry_Pratchett)). 
 
 the game was originally played with [icehouse pyramids](https://looneypyramids.wiki/), but sometime around the start of 2020 i decided that i wanted a version that i could show to my coworkers, who i was only seeing thru video calls [for some reason](https://en.wikipedia.org/wiki/COVID-19_pandemic). but hey, y'know what every remote office solution has?