1 files changed, 30 insertions, 0 deletions
diff --git a/roles/scag/templates/header.html b/roles/scag/templates/header.html
new file mode 100644
index 0000000..20ea0f1
--- /dev/null
+++ b/roles/scag/templates/header.html
@@ -0,0 +1,30 @@
+<nav>
+    <ul>
+        <li>
+            <a href=/>Home</a>
+        </li>
+        <li>
+            <a href=/{{ feed_rss_path }}>RSS</a>
+        </li>
+    </ul>
+</nav>
+
+<script type=module>
+function makeDetailsToggler(details) {
+  return () => {
+    if (details.hasAttribute('open')) {
+      details.removeAttribute('open');
+    } else {
+      details.setAttribute('open', '');
+    }
+  };
+}
+
+for (const entry of document.querySelectorAll('.h-entry')) {
+  const details = entry.querySelector('details');
+  const summary = entry.querySelector('summary');
+  const toggleDetails = makeDetailsToggler(entry.querySelector('details'));
+  entry.addEventListener('click', toggleDetails);
+  summary.addEventListener('click', toggleDetails);
+}
+</script>