Add cache busting to custom CSS loading

Author: isontheline

_includes/custom_js.html

@@ -1 +1 @@
-<script type="text/javascript" src="/assets/js/custom.js"></script>
+<script type="text/javascript" src="/assets/js/custom.js?_={{ site.time | date: "%Y-%m-%d-%H" }}"></script>

assets/js/custom.js

@@ -17,9 +17,17 @@ function loadGoatCounterViews() {
 }
 
 function loadCustomCSS() {
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0'); // Months are 0-based
+  const day = String(now.getDate()).padStart(2, '0');
+  const hour = String(now.getHours()).padStart(2, '0');
+  const cacheBuster = `${year}-${month}-${day}-${hour}`;
+
   const css = document.createElement('link');
   css.rel = 'stylesheet';
-  css.href = '/assets/css/custom.css';
+  // year-month-day-hour
+  css.href = '/assets/css/custom.css?_=' + cacheBuster;
   document.head.appendChild(css);
 }