chore: clean up unnecessary deps

.eleventy.js

@@ -15,7 +15,6 @@ import { svgToJpeg } from './config/events/index.js'
 import { tagList, tagMap, postStats } from './config/collections/index.js'
 import { img } from './config/shortcodes/index.js'
 
-import CleanCSS from 'clean-css'
 import { execSync } from 'child_process'
 
 // load .env
@@ -97,13 +96,6 @@ export default async function (eleventyConfig) {
   })
   eleventyConfig.addLiquidFilter('dateToRfc822', pluginRss.dateToRfc822)
   eleventyConfig.addLiquidFilter('absoluteUrl', pluginRss.absoluteUrl)
-  eleventyConfig.addFilter('cssmin', (code) => new CleanCSS({
-    level: {
-      2: {
-        restructureRules: true,
-      }
-    }
-  }).minify(code).styles)
   eleventyConfig.addFilter('slugify', slugifyString)
 
   // shortcodes

package-lock.json

@@ -20,7 +20,6 @@
         "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
         "@rknightuk/eleventy-plugin-post-graph": "^1.0.6",
         "child_process": "^1.0.2",
-        "clean-css": "^5.3.3",
         "dotenv-flow": "^4.1.0",
         "eleventy-plugin-embed-everything": "^1.18.2",
         "eleventy-plugin-tabler-icons": "^2.3.0",
@@ -32,7 +31,6 @@
         "markdown-it": "^14.0.0",
         "markdown-it-anchor": "^8.4.1",
         "markdown-it-footnote": "^4.0.0",
-        "marked": "^11.1.1",
         "outdent": "^0.8.0",
         "sanitize-html": "^2.11.0",
         "slugify": "^1.6.6",
@@ -2839,18 +2837,6 @@
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
       "dev": true
     },
-    "node_modules/marked": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/marked/-/marked-11.1.1.tgz",
-      "integrity": "sha512-EgxRjgK9axsQuUa/oKMx5DEY8oXpKJfk61rT5iY3aRlgU6QJtUcxU5OAymdhCvWvhYcd9FKmO5eQoX8m9VGJXg==",
-      "dev": true,
-      "bin": {
-        "marked": "bin/marked.js"
-      },
-      "engines": {
-        "node": ">= 18"
-      }
-    },
     "node_modules/maximatch": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/maximatch/-/maximatch-0.1.0.tgz",

package.json

@@ -30,7 +30,6 @@
     "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
     "@rknightuk/eleventy-plugin-post-graph": "^1.0.6",
     "child_process": "^1.0.2",
-    "clean-css": "^5.3.3",
     "dotenv-flow": "^4.1.0",
     "eleventy-plugin-embed-everything": "^1.18.2",
     "eleventy-plugin-tabler-icons": "^2.3.0",
@@ -42,7 +41,6 @@
     "markdown-it": "^14.0.0",
     "markdown-it-anchor": "^8.4.1",
     "markdown-it-footnote": "^4.0.0",
-    "marked": "^11.1.1",
     "outdent": "^0.8.0",
     "sanitize-html": "^2.11.0",
     "slugify": "^1.6.6",

src/_includes/base.liquid

@@ -36,9 +36,7 @@
       {% render "../assets/styles/partials/animations.css" %}
       {% render "../assets/styles/index.css" %}
     {% endcapture %}
-    <style>
+    <style>{{ css }}</style>
-      {{ css | cssmin }}
-    </style>
     <link rel="webmention" href="https://webmention.io/coryd.dev/webmention" />
     <link rel="pingback" href="https://webmention.io/coryd.dev/xmlrpc" />
     <link

src/_includes/now.liquid

@@ -6,9 +6,7 @@ layout: default
   {% render "../assets/styles/widgets/media-grid.css" %}
   {% render "../assets/styles/widgets/progress-bar.css" %}
 {% endcapture %}
-<style>
+<style>{{ css }}</style>
-  {{ css | cssmin }}
-</style>
 {{ content }}
 {% render "partials/now/media-grid.liquid", data:artists, icon: "microphone-2", title: "Artists", shape: "square", count: 8, loading: 'eager' %}
 {% render "partials/now/media-grid.liquid", data:albums, icon: "vinyl", title: "Albums", shape: "square", count: 8 %}

src/_includes/partials/banner-old-post.liquid

@@ -3,9 +3,7 @@
   {% capture css %}
     {% render "../../assets/styles/widgets/banner-old-post.css" %}
   {% endcapture %}
-  <style>
+  <style>{{ css }}</style>
-    {{ css | cssmin }}
-  </style>
   <div class="banner__old-post">
     <p>{% tablericon "clock-x" "Old post" %} This post is over 3 years old. I've probably changed my mind since it was written and it <em>could</em> be out of date.</p>
   </div>

src/_includes/partials/now/media-grid.liquid

@@ -4,9 +4,7 @@
     {% render "../../../assets/styles/widgets/media-grid.css" %}
     {% render "../../../assets/styles/widgets/progress-bar.css" %}
   {% endcapture %}
-  <style>
+  <style>{{ css }}</style>
-    {{ css | cssmin }}
-  </style>
   {% endif %}
   {% assign media = data | normalizeMedia %}
   <h2 class="now__section--header flex--centered">

src/_includes/partials/paginator.liquid

@@ -1,9 +1,7 @@
 {% capture css %}
   {% render "../../assets/styles/widgets/paginator.css" %}
 {% endcapture %}
-<style>
+<style>{{ css }}</style>
-  {{ css | cssmin }}
-</style>
 <nav aria-label="Blog pagination" class="pagination flex--centered">
   {% if pagination.href.previous %}
     <a href="{{ pagination.href.previous }}">

src/_includes/partials/popular-posts.liquid

@@ -1,9 +1,7 @@
 {% capture css %}
   {% render "../../assets/styles/widgets/popular-posts.css" %}
 {% endcapture %}
-<style>
+<style>{{ css }}</style>
-  {{ css | cssmin }}
-</style>
 {% assign posts = posts | getPopularPosts: analytics %}
 <div class="popular-posts">
   <h2 class="flex--centered">

src/_includes/partials/post-graph.liquid

@@ -1,9 +1,7 @@
 {% capture css %}
   {% render "../../assets/styles/widgets/post-graph.css" %}
 {% endcapture %}
-<style>
+<style>{{ css }}</style>
-  {{ css | cssmin }}
-</style>
 <div class="post-graph">
   {% assign years = postYears | reverse %}
   {%- for year in years %}

src/_includes/partials/webmentions/container.liquid

@@ -3,9 +3,7 @@
   {% capture css %}
     {% render "../../../assets/styles/widgets/webmentions.css" %}
   {% endcapture %}
-  <style>
+  <style>{{ css }}</style>
-    {{ css | cssmin }}
-  </style>
   <div class="webmentions">
     {% render "partials/webmentions/interaction.liquid", mentions: mentions, type: 'repost-of' %}
     {% render "partials/webmentions/interaction.liquid", mentions: mentions, type: 'like-of' %}

src/_includes/post.liquid

@@ -7,9 +7,7 @@ schema: blog
   {% render "../assets/styles/plugins/prism.css" %}
   {% render "../assets/styles/pages/post.css" %}
 {% endcapture %}
-<style>
+<style>{{ css }}</style>
-  {{ css | cssmin }}
-</style>
 <div class="default__wrapper">
   <article class="h-entry" data-pagefind-body>
     <h2 class="p-name" data-pagefind-meta="title">{{ title }}</h2>

src/pages/404.html

@@ -7,9 +7,7 @@ image: /assets/img/404.jpg
 {% capture css %}
   {% render "../assets/styles/pages/404.css" %}
 {% endcapture %}
-<style>
+<style>{{ css }}</style>
-  {{ css | cssmin }}
-</style>
 <div class="four-oh-four__wrapper">
   {% image './src/assets/img/404.jpg', title, 'image__banner' %}
   <div class="text-center">

src/pages/about.md

@@ -7,9 +7,7 @@ image: /assets/img/ogi/about.jpg
 {% capture css %}
   {% render "../assets/styles/pages/about.css" %}
 {% endcapture %}
-<style>
+<style>{{ css }}</style>
-  {{ css | cssmin }}
-</style>
 <div class="avatar__wrapper flex--centered">
   <div class="avatar__wrapper--interior">
     {% capture about_alt %}{{ meta.siteName }} - image by David Neal / @reverentgeek{% endcapture %}

src/pages/contact.md

@@ -9,9 +9,7 @@ description: 'How to contact me.'
   {% render "../assets/styles/widgets/forms.css" %}
   {% render "../assets/styles/pages/contact.css" %}
 {% endcapture %}
-<style>
+<style>{{ css }}</style>
-  {{ css | cssmin }}
-</style>
 <h2 class="page__header">{{ title }}</h2>
 <div class="contact__wrapper">
   <div class="column contact__description">

src/pages/search.html

@@ -10,9 +10,7 @@ image: /assets/img/ogi/search.jpg
 {% render "../assets/styles/widgets/forms.css" %}
 {% render "../assets/styles/widgets/pagefind.css" %}
 {% endcapture %}
-<style>
+<style>{{ css }}</style>
-  {{ css | cssmin }}
-</style>
 <pagefind-search _show_images="false">
   <form action="https://duckduckgo.com/" method="get" style="min-height: 3.2em;">
 	<label>

src/pages/webrings.md

@@ -8,9 +8,7 @@ image: /assets/img/ogi/webrings.jpg
 {% capture css %}
   {% render "../assets/styles/pages/webrings.css" %}
 {% endcapture %}
-<style>
+<style>{{ css }}</style>
-  {{ css | cssmin }}
-</style>
 <h2
 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
 >

src/posts/2023/optimizing-for-performance-with-eleventy.md

@@ -65,9 +65,7 @@ The site include's Prism for code syntax highlighting and this is embedded and m
 {% capture css %}
   {% include "../assets/styles/prism.css" %}
 {% endcapture %}
-<style>
+<style>{{ css }}</style>
-  {{ css | cssmin }}
-</style>
 ```
 
 {% endraw %}