summaryrefslogtreecommitdiff
path: root/_includes
diff options
context:
space:
mode:
Diffstat (limited to '_includes')
-rw-r--r--_includes/commentNotice.fedicomment.html50
-rw-r--r--_includes/commentNotice.html35
-rw-r--r--_includes/header.html1
-rw-r--r--_includes/testc.html65
4 files changed, 115 insertions, 36 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>
diff --git a/_includes/commentNotice.html b/_includes/commentNotice.html
index b1be501..a46dadf 100644
--- a/_includes/commentNotice.html
+++ b/_includes/commentNotice.html
@@ -1,19 +1,44 @@
<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>
+ <p style="margin-top: 1em"><a href="{{ src_url }}">ActivityPub-Link</a></p>
+
<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>
diff --git a/_includes/header.html b/_includes/header.html
index 492dcd5..86e812e 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -13,7 +13,6 @@
</label>
<div class="trigger" lang="en">
{% include_cached navlinks.html %}
- <a class="page-link" href="https://uvokchee.de/wiki/">Wiki</a>
<a class="rss-subscribe page-link" href="{{ "/feed.xml" | relative_url }}">RSS feed</a>
</div>
</nav>
diff --git a/_includes/testc.html b/_includes/testc.html
index 8add231..a99c038 100644
--- a/_includes/testc.html
+++ b/_includes/testc.html
@@ -1,32 +1,37 @@
- <link rel="stylesheet" href="/assets/isso.css">
- <h4>Comments</h4>
- <div id="isso-root">
+<link rel="stylesheet" href="/assets/isso.css">
+<h4>Comments</h4>
+<div id="isso-root">
<div id="isso-2" class="isso-comment">
- <div class="avatar">
- <svg version="1.1" viewBox="0 0 48 48" preserveAspectRatio="xMinYMin meet" shape-rendering="crispEdges" data-hash="0eecc7e525f5">
- <rect x="0" y="0" width="56" height="56" style="fill: #f0f0f0"></rect>
- <rect x="4" y="12" width="8" height="8" style="fill: #f19670"></rect>
- <rect x="36" y="12" width="8" height="8" style="fill: #f19670"></rect>
- <rect x="4" y="36" width="8" height="8" style="fill: #f19670"></rect>
- <rect x="36" y="36" width="8" height="8" style="fill: #f19670"></rect>
- <rect x="12" y="20" width="8" height="8" style="fill: #f19670"></rect>
- <rect x="28" y="20" width="8" height="8" style="fill: #f19670"></rect>
- <rect x="12" y="36" width="8" height="8" style="fill: #f19670"></rect>
- <rect x="28" y="36" width="8" height="8" style="fill: #f19670"></rect>
- <rect x="20" y="4" width="8" height="8" style="fill: #f19670"></rect>
- <rect x="20" y="12" width="8" height="8" style="fill: #f19670"></rect>
- <rect x="20" y="20" width="8" height="8" style="fill: #f19670"></rect>
- <rect x="20" y="28" width="8" height="8" style="fill: #f19670"></rect>
- </svg>
+ <div class="avatar">
+ <svg version="1.1" viewBox="0 0 48 48" preserveAspectRatio="xMinYMin meet" shape-rendering="crispEdges"
+ data-hash="0eecc7e525f5">
+ <rect x="0" y="0" width="56" height="56" style="fill: #f0f0f0"></rect>
+ <rect x="4" y="12" width="8" height="8" style="fill: #f19670"></rect>
+ <rect x="36" y="12" width="8" height="8" style="fill: #f19670"></rect>
+ <rect x="4" y="36" width="8" height="8" style="fill: #f19670"></rect>
+ <rect x="36" y="36" width="8" height="8" style="fill: #f19670"></rect>
+ <rect x="12" y="20" width="8" height="8" style="fill: #f19670"></rect>
+ <rect x="28" y="20" width="8" height="8" style="fill: #f19670"></rect>
+ <rect x="12" y="36" width="8" height="8" style="fill: #f19670"></rect>
+ <rect x="28" y="36" width="8" height="8" style="fill: #f19670"></rect>
+ <rect x="20" y="4" width="8" height="8" style="fill: #f19670"></rect>
+ <rect x="20" y="12" width="8" height="8" style="fill: #f19670"></rect>
+ <rect x="20" y="20" width="8" height="8" style="fill: #f19670"></rect>
+ <rect x="20" y="28" width="8" height="8" style="fill: #f19670"></rect>
+ </svg>
+ </div>
+ <div class="text-wrapper">
+ <div role="meta" class="isso-comment-header">
+ <span class="author">name</span>
+ <span class="spacer"> - </span>
+ <a href="#isso-2" class="permalink"><time title="Wed Jan 01 2020 00:00:00 UTC+0000"
+ datetime="2020-01-01T00:00:00Z">0</time></a>
+ <span class="note"></span>
+ </div>
+ <div class="text">
+ <p>Text</p>
+ </div>
+ <div class="isso-comment-footer"></div>
+ </div>
</div>
- <div class="text-wrapper">
- <div role="meta" class="isso-comment-header">
- <span class="author">name</span>
- <span class="spacer"> - </span>
- <a href="#isso-2" class="permalink"><time title="Wed Jan 01 2020 00:00:00 UTC+0000" datetime="2020-01-01T00:00:00Z">0</time></a>
- <span class="note"></span>
- </div>
- <div class="text"><p>Text</p></div>
- <div class="isso-comment-footer"></div>
- </div>
-
+</div>