<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>
  <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 '{{ "/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>
  </noscript>

</section>