fix(site): bundle css and remove css minification

html-minifier uses cleancss. After testing a bit, it seems CleanCSS will the ENTIRE icon-table CSS styles... which, btw, is just a simple:
```css
.icon-table {
    td {
      text-align: center;
      vertical-align: middle;
    }
  }
```
Why? IDK! It's utterly preposterous. What did this innocent CSS ever do to deserve this?!?

_includes/head.html

@@ -21,6 +21,7 @@
             <link rel="stylesheet" href="{{asset}}" media="print"/>
         {% endfor %}
     {% endif %}
+    <style>{% getBundle "css" %}</style>
 
     {% include "utilities/async-css.html" %}
     {% include "utilities/theme-switch.html" %}

content/posts/programming/mini-projects/2024-05-23-optimising-web-icons-for-fun.md

@@ -80,7 +80,16 @@ It's a lot of indirection, and this is one reason why SVGs are preferred; but he
 
 To complicate matters, FA fonts have different **variants**, and they modularise this by using the same codepoint, but separate font files. Not all fonts do this though. Devicon packs all their styles into a single font file. Here are some examples of FA styles.
 
-{% table "td {text-align: center; vertical-align: middle; }" %}
+{% css %}
+  .icon-table {
+    td {
+      text-align: center;
+      vertical-align: middle;
+    }
+  }
+{% endcss %}
+
+{% table "icon-table" %}
 
 |                         | Solid                            | Regular                          | Brands                        |
 |-------------------------|----------------------------------|----------------------------------|-------------------------------|

eleventy.config.js

@@ -88,7 +88,7 @@ module.exports = function (eleventyConfig) {
         const minified = htmlmin.minify(content, {
           removeComments: true,
           includeAutoGeneratedTags: false,
-          minifyCSS: true,
+          minifyCSS: false,
           minifyJS: true,
           collapseWhitespace: true,
           collapseBooleanAttributes: true, // e.g. no <script defer="defer">.

eleventy/shortcodes.js

@@ -45,7 +45,7 @@ module.exports = function (eleventyConfig) {
     '<div class="details-collapse-bottom"><sub><a class="details-collapse-button">(collapse)</a></sub></div></div></details>'
   ));
 
-  eleventyConfig.addShortcode('table', style => `<div class="table-container" style="${style ?? ''}">`);
+  eleventyConfig.addShortcode('table', clss => `<div class="table-container ${clss ?? ''}">`);
 
   // Paired shortcode workaround: see Note [endalert Workaround].
   eleventyConfig.addShortcode('endtable', () => '</div>');