diff options
| -rw-r--r-- | _includes/commentNotice.html | 15 | ||||
| -rw-r--r-- | assets/js/fc.js | 8 | ||||
| -rw-r--r-- | assets/js/fcac.js | 5 |
3 files changed, 18 insertions, 10 deletions
diff --git a/_includes/commentNotice.html b/_includes/commentNotice.html index a2ae3fc..ec47cf5 100644 --- a/_includes/commentNotice.html +++ b/_includes/commentNotice.html @@ -21,18 +21,13 @@ </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> + <script type="module" src="/assets/js/fc.js"></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> + <button id="load-comments-btn" class="load-comments-btn"> + Load Comments from ActivityPub + </button> + <script src="/assets/js/fcac.js"></script> </oom-comments> <p class="topspace"><a href="{{ src_url }}">ActivityPub-Link</a></p> diff --git a/assets/js/fc.js b/assets/js/fc.js new file mode 100644 index 0000000..ae60b50 --- /dev/null +++ b/assets/js/fc.js @@ -0,0 +1,8 @@ +--- +--- + 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; diff --git a/assets/js/fcac.js b/assets/js/fcac.js new file mode 100644 index 0000000..d14d42b --- /dev/null +++ b/assets/js/fcac.js @@ -0,0 +1,5 @@ +document.addEventListener('DOMContentLoaded', function () { + const btn = document.getElementById('load-comments-btn'); + btn.addEventListener('click', loadComments); +}); + |