From e5186ecd560651735332bfa0f3c987cf1dd97427 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Tue, 22 Apr 2025 15:23:46 -0700
Subject: [PATCH] fix(*.php.liquid): add &puncsp; to preserve spacing around
 mark tags in dynamic templates

---
 package-lock.json                   | 4 ++--
 package.json                        | 2 +-
 src/pages/dynamic/artist.php.liquid | 2 +-
 src/pages/dynamic/book.php.liquid   | 2 +-
 src/pages/dynamic/genre.php.liquid  | 4 ++--
 src/pages/dynamic/show.php.liquid   | 5 +----
 src/pages/dynamic/tags.php.liquid   | 6 +++---
 7 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 64e21ab..33183a9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "3.0.2",
+      "version": "3.0.3",
       "license": "MIT",
       "dependencies": {
         "html-minifier-terser": "7.2.0",
diff --git a/package.json b/package.json
index a242fab..1dbb96f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "engines": {
diff --git a/src/pages/dynamic/artist.php.liquid b/src/pages/dynamic/artist.php.liquid
index 3f4d43b..5fe22b9 100644
--- a/src/pages/dynamic/artist.php.liquid
+++ b/src/pages/dynamic/artist.php.liquid
@@ -84,7 +84,7 @@ schema: artist
         $dialogId = "dialog-" . htmlspecialchars($concert["id"]);
       ?>
       <li class="concerts">
-        On <mark><?php echo date("F j, Y", strtotime($concert["date"])); ?></mark>
+        On&puncsp;<mark><?php echo date("F j, Y", strtotime($concert["date"])); ?></mark>&puncsp;
         <?php if (!empty($venue)): ?>
           at <?php echo $venue; ?>
         <?php endif; ?>
diff --git a/src/pages/dynamic/book.php.liquid b/src/pages/dynamic/book.php.liquid
index 9876184..8db5198 100644
--- a/src/pages/dynamic/book.php.liquid
+++ b/src/pages/dynamic/book.php.liquid
@@ -41,7 +41,7 @@ schema: book
         <span class="sub-meta tattoo">{% tablericon "needle" %} I have a tattoo inspired by this book!</span>
       <?php endif; ?>
       <?php if ($book["status"] == 'finished'): ?>
-        <span class="sub-meta">Finished on: <mark><?= date('F j, Y', strtotime($book["date_finished"])) ?></mark></span>
+        <span class="sub-meta">Finished on:&puncsp;<mark><?= date('F j, Y', strtotime($book["date_finished"])) ?></mark></span>
       <?php elseif ($book["status"] == 'started'): ?>
         <progress value="<?= htmlspecialchars($book["progress"]) ?>" max="100"><?php $book["progress"] . '%'; ?></progress>
       <?php endif; ?>
diff --git a/src/pages/dynamic/genre.php.liquid b/src/pages/dynamic/genre.php.liquid
index 9b1e51b..a8a39b4 100644
--- a/src/pages/dynamic/genre.php.liquid
+++ b/src/pages/dynamic/genre.php.liquid
@@ -8,7 +8,7 @@ schema: genre
 <article class="genre-focus">
   <?php $artistCount = count($genre["artists"]); ?>
   <?php if ($artistCount > 0): ?>
-    <p>My top <mark><?= htmlspecialchars($genre["name"]) ?></mark>&thinsp;artists are
+    <p>My top&puncsp;<mark><?= htmlspecialchars($genre["name"]) ?></mark>&puncsp;artists are
       <?php
       $artists = array_slice($genre["artists"], 0, 5);
       $artistLinks = [];
@@ -16,7 +16,7 @@ schema: genre
         $artistLinks[] = '<a href="' . htmlspecialchars($artist["url"]) . '">' . htmlspecialchars($artist["name"]) . '</a>';
       }
       echo implode(', ', $artistLinks);
-      ?>. I've listened to <mark><?= $genre["total_plays"] . ' ' . pluralize($genre["total_plays"], "play") ?></mark>&thinsp;tracks from this genre.</p>
+      ?>. I've listened to&puncsp;<mark><?= $genre["total_plays"] . ' ' . pluralize($genre["total_plays"], "play") ?></mark>&puncsp;tracks from this genre.</p>
     <hr />
   <?php endif; ?>
   <?php
diff --git a/src/pages/dynamic/show.php.liquid b/src/pages/dynamic/show.php.liquid
index f2fd1d3..9145c8b 100644
--- a/src/pages/dynamic/show.php.liquid
+++ b/src/pages/dynamic/show.php.liquid
@@ -33,10 +33,7 @@ schema: show
         <span class="sub-meta tattoo">{% tablericon "needle" %} I have a tattoo inspired by this show!</span>
     <?php endif; ?>
     <?php if (!empty($show["episode"]["formatted_episode"])): ?>
-        <span class="sub-meta">I last watched
-          <mark><?= htmlspecialchars($show["episode"]["formatted_episode"]) ?></mark>&thinsp;
-          on <?= date('F j, Y', strtotime($show["episode"]["last_watched_at"])) ?>.
-        </span>
+      <span class="sub-meta">I last watched&puncsp;<mark><?= htmlspecialchars($show["episode"]["formatted_episode"]) ?></mark>&puncsp;on <?= date('F j, Y', strtotime($show["episode"]["last_watched_at"])) ?>.</span>
     <?php endif; ?>
   </div>
   <?php if (!empty($show["review"])): ?>
diff --git a/src/pages/dynamic/tags.php.liquid b/src/pages/dynamic/tags.php.liquid
index 2156f6b..9567abe 100644
--- a/src/pages/dynamic/tags.php.liquid
+++ b/src/pages/dynamic/tags.php.liquid
@@ -5,7 +5,7 @@ schema: tags
 ---
 <a class="back-link" href="/tags" title="Go back to the tags index page">{% tablericon "arrow-left" %} Back to tags</a>
 <h2 class="page-title">#<?= htmlspecialchars($tag) ?></h2>
-<p><mark><?= number_format($totalCount) ?>&thinsp;item<?= $totalCount === 1 ? '' : 's' ?></mark>&thinsp;items tagged with <mark>#<?= htmlspecialchars($tag) ?></mark>. <a class="search" href="/search">You can search my site as well</a>.</p>
+<p><mark><?= number_format($totalCount) ?>&puncsp;item<?= $totalCount === 1 ? '' : 's' ?></mark>&puncsp;items tagged with&puncsp;<mark>#<?= htmlspecialchars($tag) ?></mark>. <a class="search" href="/search">You can search my site as well</a>.</p>
 <hr />
 <?php foreach ($tagged as $item): ?>
   <article class="<?= $item['type'] ?>">
@@ -19,9 +19,9 @@ schema: tags
       • <?= $item['label'] ?>
     </aside>
     <h3>
-      <a href="<?= htmlspecialchars($item['url']) ?>"><?= htmlspecialchars($item['title']) ?><?php if (!empty($item['rating'])): ?>&thinsp;(<?= $item['rating'] ?>)<?php endif; ?></a>
+      <a href="<?= htmlspecialchars($item['url']) ?>"><?= htmlspecialchars($item['title']) ?><?php if (!empty($item['rating'])): ?>&puncsp;(<?= $item['rating'] ?>)<?php endif; ?></a>
       <?php if (!empty($item['author'])): ?>
-        &thinsp;via&thinsp;
+        &puncsp;via&puncsp;
         <?php if (!empty($item['author']['url'])): ?>
           <a href="<?= $item['author']['url'] ?>">
             <?= $item['author']['name'] ?>