diff options
Diffstat (limited to '_includes')
-rw-r--r-- | _includes/commentNotice.fedicomment.html | 50 | ||||
-rw-r--r-- | _includes/commentNotice.html | 35 | ||||
-rw-r--r-- | _includes/header.html | 1 | ||||
-rw-r--r-- | _includes/testc.html | 65 |
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> |