fix: layout shift

.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,

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",

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": {

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>