From 0085980879f8c3c8e905d217010ed3f0c0cf9b09 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Thu, 31 Oct 2024 05:11:41 -0700
Subject: [PATCH] fix: layout shift

---
 .eleventy.js                           | 1 +
 package-lock.json                      | 4 ++--
 package.json                           | 2 +-
 src/includes/blocks/now-playing.liquid | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/.eleventy.js b/.eleventy.js
index 38d1cd57..dc7f83ee 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -81,6 +81,7 @@ export default async function (eleventyConfig) {
       if (path && path.endsWith(".html")) {
         return htmlmin.minify(content, {
           collapseBooleanAttributes: true,
+          collapseWhitespace: true,
           decodeEntities: true,
           includeAutoGeneratedTags: false,
           minifyCSS: true,
diff --git a/package-lock.json b/package-lock.json
index 42901780..fd198256 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "2.4.9",
+  "version": "2.4.10",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "2.4.9",
+      "version": "2.4.10",
       "license": "MIT",
       "dependencies": {
         "@11ty/eleventy-fetch": "4.0.1",
diff --git a/package.json b/package.json
index da3d216d..170c10fc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "2.4.9",
+  "version": "2.4.10",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "engines": {
diff --git a/src/includes/blocks/now-playing.liquid b/src/includes/blocks/now-playing.liquid
index 87676458..88f7b9f1 100644
--- a/src/includes/blocks/now-playing.liquid
+++ b/src/includes/blocks/now-playing.liquid
@@ -5,7 +5,7 @@
   storage="local"
   transition-duration="10ms"
 >
-  <span class="loading client-side">{{ nowPlaying }}</span>
+  <span class="loading client-side">&nbsp;{{ nowPlaying }}</span>
   <span class="content"></span>
   <noscript>
     <span>{{ nowPlaying }}</span>