Hello whiny.lol

layouts/_shortcodes/goatcounter.html

@@ -0,0 +1,33 @@
+<div class="block opt-out">
+  <div class="block-content">
+    <div class="row">
+      <button id="gc-toggle" class="link badge" onclick="toggleAnalytics()" aria-pressed="false" aria-describedby="analytics-heading">Checking status...</button>
+      <span id="gc-status" role="status" aria-live="polite"></span>
+    </div>
+    
+    <p>Opting out of analytics creates an item in your browser's <code>localStorage</code> for this website. This will be removed  if you clear site data in your browser or decide to opt back in.</p>
+  </div>
+</div>
+
+<script>
+  const btn = document.getElementById('gc-toggle');
+  const status = document.getElementById('gc-status');
+  
+  function updateButton() {
+    const isOptedOut = localStorage.getItem('skipgc') === 't';
+    btn.textContent = isOptedOut ? 'Re-enable analytics' : 'Opt-out of analytics';
+    btn.setAttribute('aria-pressed', isOptedOut);
+    status.textContent = isOptedOut ? 'You have opted out of analytics' : 'Currently opted in (default)';
+  }
+
+  function toggleAnalytics() {
+    if (localStorage.getItem('skipgc') === 't') {
+      localStorage.removeItem('skipgc');
+    } else {
+      localStorage.setItem('skipgc', 't');
+    }
+    updateButton();
+  }
+
+  updateButton();
+</script>