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>

layouts/_shortcodes/note.html

@@ -0,0 +1,7 @@
+<aside class="block note">
+  <h2 class="block-title">{{ .Get "title" | default "Note" }}</h2>
+
+  <div class="block-content prose">
+    {{ .Inner | markdownify }}
+  </div>
+</aside>

layouts/_shortcodes/overview.html

@@ -0,0 +1,9 @@
+<section class="block overview">
+  <div class="block-content">
+    <h3 class="score">{{ .Page.Params.score }}/10</h3>
+
+    <div class="prose">
+      {{ .Inner | markdownify }}      
+    </div>
+  </div>
+</section>