diff options
Diffstat (limited to '_includes')
| -rw-r--r-- | _includes/commentNotice.html | 36 |
1 files changed, 30 insertions, 6 deletions
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 |