From db9430e0c03078cfc7479f50de91ea14f69ef3f6 Mon Sep 17 00:00:00 2001
From: uvok cheetah
Date: Sat, 4 Jan 2025 11:24:06 +0100
Subject: Add ActivityPub comments

---
 _includes/commentNotice.html | 36 ++++++++++++++++++++++++++++++------
 1 file changed, 30 insertions(+), 6 deletions(-)

(limited to '_includes')

diff --git a/_includes/commentNotice.html b/_includes/commentNotice.html
index b1be501..8d455e7 100644
--- a/_includes/commentNotice.html
+++ b/_includes/commentNotice.html
@@ -1,19 +1,43 @@
 <section>
+  {% assign base_url = 'https://blog.uvokchee.de/notice/' %}
+  {% assign url = page.url %}
+  {% assign domain = 'https://blog.uvokchee.de' %}
+  {% assign full_url = domain | append: page.url %}
+  {% capture encoded_url %}{{ full_url | base64_encode }}{% endcapture %}
+  {% assign src_url = base_url | append: encoded_url %}
+
   <h2>Kommentare / Comments</h2>
-  <p>Kommentare werden von mir selbst auf einem anderen Server über <a href="https://isso-comments.de/">Isso</a> gehostet.</p>
+  <h3>Isso</h3>
+
+  <p>Kommentare werden von mir selbst auf einem anderen Server über <a href="https://isso-comments.de/">Isso</a>
+    gehostet.</p>
   <p>Comments are hosted by myself on another server, powered by <a href="https://isso-comments.de/">Isso</a>.</p>
-  <script data-isso="//c.uvokchee.de/"
-    data-isso-require-author=true
-    data-isso-vote=false
+  <script data-isso="//c.uvokchee.de/" data-isso-require-author=true data-isso-vote=false
     src="//c.uvokchee.de/js/embed.min.js"></script>
   <section id="isso-thread">
     {% if jekyll.environment == "development" %}
     {% include testc.html %}
     {% endif %}
   </section>
+
+  <h3>Fediverse</h3>
+  <script type="module">
+    import Comments from '{{ "/assets/mscomm/comments.js" | relative_url }}'
+    export function loadComments() {
+      document.getElementById('load-comments-btn').remove();
+      customElements.define('oom-comments', Comments);
+    }
+    window.loadComments = loadComments;
+  </script>
+  <link rel="stylesheet" href="{{ "/assets/mscomm/styles.css" | relative_url }}?v={{ site.cssversion }}">
+  <oom-comments src="{{ src_url }}">
+    <button id="load-comments-btn" class="load-comments-btn" onclick="loadComments()">Load Comments from
+      ActivityPub</button>
+  </oom-comments>
+
   <noscript>
     <p>Um Kommentare zu hinterlassen, ist leider JavaScript nötig.</p>
-    <p>Unfortunately, JavaScript is required to leave comments</p>
+    <p>Unfortunately, JavaScript is required to leave comments.</p>
   </noscript>
 
-</section>
+</section>
\ No newline at end of file
-- 
cgit v1.2.3