Hacks to widen the content column a little

Author: timangus

_config.yml

@@ -150,6 +150,7 @@ site-js:
   - "/assets/js/dark-mode.js"
   - "https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"
   - "/assets/js/fancybox-wrapper.js"
+  - "/assets/js/adjust-width.js"
 
 #################################
 # --- Web Analytics Section --- #

assets/js/adjust-width.js

@@ -0,0 +1,19 @@
+document.addEventListener("DOMContentLoaded", function ()
+{
+    // Remove boostrap xl grid classes (falling back on lg)
+    document.querySelectorAll("[class*='xl-']").forEach(element =>
+    {
+        [...element.classList].forEach(className =>
+        {
+            if(/^.*xl-\d+$/.test(className))
+                element.classList.remove(className);
+        });
+    });
+
+    // Remove max-width from elements with the 'utterances' class
+    document.querySelectorAll(".utterances").forEach(element =>
+    {
+        element.style.maxWidth = "none";
+    });
+});
+