feat(footer): add goatcounter number in footer

Author: benson1231

website/_quarto.yml

@@ -13,6 +13,7 @@ format:
   html:
     css: styles/styles.css
     include-in-header: styles/goatcounter.html
+    include-after-body: styles/goatcounter.js
     theme: 
       light: flatly
       dark: darkly
@@ -35,7 +36,9 @@ website:
   site-url: "https://benson1231.github.io/tools/"
   favicon: assets/logo.svg
   back-to-top-navigation: true
-  page-footer: "Copyright 2026, benson1231"
+  page-footer: |
+    Copyright 2026, benson1231  
+    👀 Total Views: <span id="gc-total">Loading...</span>
   navbar:
     pinned: true
     left:

website/styles/goatcounter.js

@@ -0,0 +1,11 @@
+fetch("https://benson1231.goatcounter.com/counter//.json")
+  .then(res => res.json())
+  .then(data => {
+    const el = document.getElementById("gc-total");
+    if (el) {
+      el.innerText = data.count;
+    }
+  })
+  .catch(() => {
+    console.log("GoatCounter fetch failed");
+  });