Add include with fediverse comments

1 files changed, 50 insertions, 0 deletions

diff --git a/_includes/commentNotice.fedicomment.html b/_includes/commentNotice.fedicomment.html
new file mode 100644
index 0000000..f916e2b
--- /dev/null
+++ b/_includes/commentNotice.fedicomment.html
@@ -0,0 +1,50 @@
+<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 %}
+
+<!--
+{{ base_url }}
+{{ url  }}
+{{ full_url  }}
+{{ encoded_url }}
+{{  src_url }}
+-->
+
+
+  <h2>Kommentare / Comments</h2>
+  <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
+    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 'https://esm.run/@oom/mastodon-comments'
+    customElements.define('oom-comments', Comments)
+  </script>
+  <link
+    rel="stylesheet"
+    href="https://cdn.jsdelivr.net/npm/@oom/mastodon-comments/src/styles.css" >
+  <oom-comments src="{{ src_url }}">
+    None
+  </oom-comments>
+
+  <noscript>
+    <p>Um Kommentare zu hinterlassen, ist leider JavaScript nötig.</p>
+    <p>Unfortunately, JavaScript is required to leave comments</p>
+  </noscript>
+
+</section>