From fcb92e8cf0bf4223978d1e7822a67cf937bf8432 Mon Sep 17 00:00:00 2001
From: Mat Manna <matmanna@outlook.com>
Date: Mon, 4 May 2026 06:16:16 -0400
Subject: [PATCH] should be good

---
 _includes/analytics.html |  7 +++++--
 _layouts/default.html    |  2 +-
 scripts/post-build.js    | 18 +++++++++---------
 3 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/_includes/analytics.html b/_includes/analytics.html
index 39a84dd..45a4c4d 100644
--- a/_includes/analytics.html
+++ b/_includes/analytics.html
@@ -1,2 +1,5 @@
-<script data-goatcounter="https://matmanna.goatcounter.com/count"
-        async src="//gc.zgo.at/count.js"></script>
\ No newline at end of file
+<script type="module">
+  import { count } from "https://cdn.jsdelivr.net/npm/diet-goat@3/+esm";
+
+  count("https://matmanna.goatcounter.com");
+</script>
diff --git a/_layouts/default.html b/_layouts/default.html
index bc4b6e1..b44d018 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -25,7 +25,7 @@ layout: compress
     {% if site.data.buttons.size > 0 %}
 
     <div class="max-w-[85ch] justify-center items-center w-full not-prose flex flex-row flex-wrap gap-2 items-center no-external-icon mb-4"
-        style="max-width: 85ch;">
+        style="max-width: 80ch;">
 
         {% for button in site.data.buttons %}
         <a class="no-external-icon" href="{{ button.url }}"><img width="88" height="31" src="{{ button.image }}"
diff --git a/scripts/post-build.js b/scripts/post-build.js
index d215944..d5bd2c4 100644
--- a/scripts/post-build.js
+++ b/scripts/post-build.js
@@ -115,30 +115,30 @@ function processFile(filePath) {
       html = html.replace(respRegex, '.' + short);
     }
 
-    // 4. Arbitrary value classes: w-[88px], max-w-[80ch], border-t-[6px]
-    // In CSS: brackets are escaped as \[ and \]
+// 4. Arbitrary value classes: w-[88px], max-w-[80ch], border-t-[6px]
+    // In CSS: brackets are escaped as \[ and \], and % is escaped as \%
     if (orig.includes('[')) {
-      // Build regex pattern with backslash+bracket for each bracket
-      // \x5c in regex = backslash, \x5b = [
-      const cssClass = orig.replace(/\[/g, '\\x5c\\x5b').replace(/\]/g, '\\x5c\\x5d');
+      // Build regex pattern with backslash+bracket for each bracket, and \% for percent
+      // \x5c in regex = backslash, \x5b = [, \x5d = ]
+      const cssClass = orig.replace(/\[/g, '\\x5c\\x5b').replace(/\]/g, '\\x5c\\x5d').replace(/%/g, '\\x5c%');
       const arbiPattern = '.' + cssClass;
       const arbiRegex = new RegExp(arbiPattern + '(?=[{:, >])', 'g');
       html = html.replace(arbiRegex, '.' + short);
-
+      
       // Dark + arbitrary
       if (orig.startsWith('dark:')) {
         const baseClass = orig.slice(5);
-        const cssClass2 = baseClass.replace(/\[/g, '\\x5c\\x5b').replace(/\]/g, '\\x5c\\x5d');
+        const cssClass2 = baseClass.replace(/\[/g, '\\x5c\\x5b').replace(/\]/g, '\\x5c\\x5d').replace(/%/g, '\\x5c%');
         const darkArbiPattern = '.dark\\:' + cssClass2;
         const darkArbiRegex = new RegExp(darkArbiPattern + '(?=[{:, >])', 'g');
         html = html.replace(darkArbiRegex, '.' + short);
       }
-
+      
       // Responsive + arbitrary
       if (orig.match(/^(sm|md|lg|xl|2xl):/)) {
         const baseClass = orig.replace(/^(sm|md|lg|xl|2xl):/, '');
         const prefix = orig.match(/^(sm|md|lg|xl|2xl):/)[1];
-        const cssClass2 = baseClass.replace(/\[/g, '\\x5c\\x5b').replace(/\]/g, '\\x5c\\x5d');
+        const cssClass2 = baseClass.replace(/\[/g, '\\x5c\\x5b').replace(/\]/g, '\\x5c\\x5d').replace(/%/g, '\\x5c%');
         const respArbiPattern = '.' + prefix + '\\:' + cssClass2;
         const respArbiRegex = new RegExp(respArbiPattern + '(?=[{:, >])', 'g');
         html = html.replace(respArbiRegex, '.' + short);
-- 
2.51.2