WIP

no actions

Author: davidgs

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "hugo-universal-collapsible"]
+	path = hugo-universal-collapsible
+	url = https://github.com/alexandruioanp/hugo-universal-collapsible/

assets/css/collapse.css

@@ -0,0 +1,20 @@
+.collapseAnchor {
+  text-decoration:none;
+}
+/* Might want to redo something similar to ensure the arrows look right */
+/*.collapseAnchor:after {
+  content:"\25B2";
+  display:inline-block;
+  padding:0.4em 0 0 0.3em;
+  vertical-align:top;
+  font-size:0.625em;
+}
+.collapseWrap.closed + .collapseAnchor:after {
+  content:"\25BC";
+}
+*/
+.collapseWrap.closed > .hugo-collapse-below {
+  position:absolute;
+  top:-999em;
+  left:-999em;
+}

assets/js/collapse.js

@@ -0,0 +1,43 @@
+// Handler will be called when the DOM is fully loaded
+// So the script can be placed anywhere on the page
+var callback = function() {
+  var collapseHooks = document.getElementsByClassName('collapseAfter');
+  for (var hook of collapseHooks) {
+    var wrap = hook.parentNode;
+    var a = document.createElement('a');
+    wrap.append(a);
+    a.addEventListener('click', toggleCollapse, false);
+    a.className = 'collapseAnchor';
+    a.href="#"; /* without this it's not keyboard focusable */
+    wrap.classList.add('collapseWrap');
+    // check/set defaults just to be safe
+    if(!wrap.hasAttribute('data-text-open')) {
+      wrap.setAttribute('data-text-open', 'See Less ▲');
+    }
+    if(!wrap.hasAttribute('data-text-closed')) {
+      wrap.setAttribute('data-text-closed', 'See More ▼');
+    }
+    setName(a, wrap);
+  } // for hook
+  function toggleCollapse(e) {
+    e.preventDefault();
+    currParent = e.currentTarget.parentNode;
+    currParent.classList.toggle('closed');
+    setName(e.currentTarget, currParent);
+  } // toggleCollapse
+};
+
+function setName(el, parent) {
+  if(parent.classList.contains('closed')) {
+    el.text = parent.getAttribute('data-text-closed');
+  } else {
+    el.text = parent.getAttribute('data-text-open');
+  }
+}
+
+if(document.readyState === "complete" ||
+  (document.readyState !== "loading" && !document.documentElement.doScroll)) {
+  callback();
+} else {
+  document.addEventListener("DOMContentLoaded", callback);
+}

config.yaml

@@ -117,7 +117,12 @@ params:
           invisible: 1
           nonce: sBQMjIu6F5wRbojje4UQ6WQL7zW1994WyaBlJYAHYg
         posthog:
-          id: phc_xvr9iYiOKNEZdxKH8JC7PFHwCVJflLczaKNIzeoEFVy
+          apiKey: phc_xvr9iYiOKNEZdxKH8JC7PFHwCVJflLczaKNIzeoEFVy
+          host: https://app.posthog.com
+        #   # Optional configuration
+          options:
+            defaults: '2025-11-30'
+        #  id: phc_xvr9iYiOKNEZdxKH8JC7PFHwCVJflLczaKNIzeoEFVy
     comment:
       enable: true
       services:
@@ -181,7 +186,6 @@ module:
   imports:
     #   - path: github.com/hugo-toha/toha/v4
     - path: github.com/hugo-toha/toha/v4
-    - path: github.com/hugomods/code-block-panel
   mounts:
     - source: static/files
       target: static/files