add link to Zulip at bottom of post

Author: timothypratley

site/_quarto.yml

@@ -49,6 +49,7 @@ format:
       dark: [ darkly, brand, styles.scss, styles-dark.scss ]
     respect-user-color-scheme: true
     lightbox: true
+    include-after-body: zulip_script.html
     include-in-header:
       - text: |
           <script data-goatcounter="https://clojurecivitas.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>

site/zulip_script.html

@@ -0,0 +1,14 @@
+<script>
+document.addEventListener('DOMContentLoaded', (event) => {
+    const zulipOrg = "clojurians.zulipchat.com";
+    const zulipChannel = "clojurecivitas";
+    const slug = window.location.pathname.split('/').pop().replace(/\.html$/, '');
+
+    if (slug) {
+        const zulipURL = `https://${zulipOrg}/#narrow/stream/${zulipChannel}/topic/${slug}`;
+        const linkHTML = `<p><a href="${zulipURL}">Discuss ${slug} on Zulip</a></p>`;
+        document.getElementById('quarto-content').insertAdjacentHTML('beforeend', linkHTML);
+    }
+});
+</script>
+