From 45a5aac0611d92019500d7da28a364da7cf24450 Mon Sep 17 00:00:00 2001
From: Will Faught <willfaught@users.noreply.github.com>
Date: Mon, 19 Dec 2022 21:08:50 -0800
Subject: [PATCH] Add paige-comments.html

---
 layouts/_default/single.html         | 121 +--------------------------
 layouts/partials/paige-comments.html | 120 ++++++++++++++++++++++++++
 2 files changed, 121 insertions(+), 120 deletions(-)
 create mode 100644 layouts/partials/paige-comments.html

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 3c5114e5..d9323d1e 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,123 +1,4 @@
 {{ define "main" }}
 {{ partial "paige-article.html" . }}
-{{ template "_internal/disqus.html" . }}
-{{ if .Site.Params.paige.comments.cactus }}
-<section class="mb-3">
-    <script type="text/javascript" src="https://latest.cactus.chat/cactus.js"></script>
-    <link rel="stylesheet" href="https://latest.cactus.chat/style.css" type="text/css">
-    <div id="comment-section"></div>
-    <script>
-    initComments({
-        node: document.getElementById("comment-section"),
-        defaultHomeserverUrl: "https://matrix.cactus.chat:8448",
-        serverName: "cactus.chat",
-        siteName: {{ .Site.Params.paige.comments.cactus.account_id }},
-        commentSectionId: {{ .RelPermalink }}
-    })
-    </script>
-    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
-</section>
-{{ end }}
-{{ with .Site.Params.paige.comments.commento }}
-<section class="mb-3">
-    <div id="commento"></div>
-    <script defer src="{{ .script_url }}"></script>
-    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
-</section>
-{{ end }}
-{{ if .Site.Params.paige.comments.graphcomment }}
-<section class="mb-3">
-    <div id="graphcomment"></div>
-    <script type="text/javascript">
-    var __semio__params = {
-        graphcommentId: {{ .Site.Params.paige.comments.graphcomment.account_id }},
-        behaviour: {
-            uid: {{ .RelPermalink }}
-        }
-    };
-    function __semio__onload() {
-        __semio__gc_graphlogin(__semio__params)
-    }
-    (function() {
-        var gc = document.createElement('script'); gc.type = 'text/javascript'; gc.async = true;
-        gc.onload = __semio__onload; gc.defer = true; gc.src = 'https://integration.graphcomment.com/gc_graphlogin.js?' + Date.now();
-        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(gc);
-    })();
-    </script>
-    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
-</section>
-{{ end }}
-{{ if .Site.Params.paige.comments.hyvor }}
-<section class="mb-3">
-    <div id="hyvor-talk-view"></div>
-    <script type="text/javascript">
-    var HYVOR_TALK_WEBSITE = {{ .Site.Params.paige.comments.hyvor.account_id }};
-    var HYVOR_TALK_CONFIG = {
-        url: false,
-        id: {{ .RelPermalink }}
-    };
-    </script>
-    <script async type="text/javascript" src="//talk.hyvor.com/web-api/embed"></script>
-    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
-</section>
-{{ end }}
-{{ if .Site.Params.paige.comments.intensedebate }}
-<section class="mb-3">
-    <script>
-    var idcomments_acct = {{ .Site.Params.paige.comments.intensedebate.account_id }};
-    var idcomments_post_id = {{ .RelPermalink }};
-    var idcomments_post_url = {{ .Permalink }};
-    </script>
-    <span id="IDCommentsPostTitle" style="display:none"></span>
-    <script type="text/javascript" src="http://www.intensedebate.com/js/genericCommentWrapperV2.js"></script>
-    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
-</section>
-{{ end }}
-{{ with .Site.Params.paige.comments.isso }}
-<section class="mb-3">
-    <script src="{{ .script_url }}"></script>
-    <section id="isso-thread">
-        <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
-    </section>
-</section>
-{{ end }}
-{{ with .Site.Params.paige.comments.muut }}
-<section class="mb-3">
-    <a href="https://muut.com/i/{{ .account_id }}/comments" class="muut" type="dynamic">Comments</a>
-    <script src="https://cdn.muut.com/1/moot.min.js"></script>
-    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
-</section>
-{{ end }}
-{{ if .Site.Params.paige.comments.remark42 }}
-<section class="mb-3">
-    <div id="remark42"></div>
-    <script>
-    var remark_config = {
-        host: {{ .Site.Params.paige.comments.remark42.host_url }},
-        site_id: {{ .Site.Params.paige.comments.remark42.site_id | default "remark" }}
-    }
-    </script>
-    <script>!function(e,n){for(var o=0;o<e.length;o++){var r=n.createElement("script"),c=".js",d=n.head||n.body;"noModule"in r?(r.type="module",c=".mjs"):r.async=!0,r.defer=!0,r.src=remark_config.host+"/web/"+e[o]+c,d.appendChild(r)}}(remark_config.components||["embed"],document);</script>
-    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
-</section>
-{{ end }}
-{{ if .Site.Params.paige.comments.replybox }}
-<section class="mb-3">
-    <div id="replybox"></div>
-    <script>
-    window.replybox = {
-        site: {{ .Site.Params.paige.comments.replybox.account_id }},
-        identifier: {{ .RelPermalink }}
-    };
-    </script>
-    <script src="https://cdn.getreplybox.com/js/embed.js"></script>
-    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
-</section>
-{{ end }}
-{{ with .Site.Params.paige.comments.utterances }}
-<section class="mb-3">
-    <script src="https://utteranc.es/client.js" repo="{{ .github_repo }}" issue-term="pathname" theme="preferred-color-scheme" crossorigin="anonymous" async></script>
-    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
-</section>
-{{ end }}
+{{ partial "paige-comments.html" . }}
 {{ end }}
diff --git a/layouts/partials/paige-comments.html b/layouts/partials/paige-comments.html
new file mode 100644
index 00000000..00f9b585
--- /dev/null
+++ b/layouts/partials/paige-comments.html
@@ -0,0 +1,120 @@
+{{ template "_internal/disqus.html" . }}
+{{ if .Site.Params.paige.comments.cactus }}
+<section class="mb-3">
+    <script type="text/javascript" src="https://latest.cactus.chat/cactus.js"></script>
+    <link rel="stylesheet" href="https://latest.cactus.chat/style.css" type="text/css">
+    <div id="comment-section"></div>
+    <script>
+    initComments({
+        node: document.getElementById("comment-section"),
+        defaultHomeserverUrl: "https://matrix.cactus.chat:8448",
+        serverName: "cactus.chat",
+        siteName: {{ .Site.Params.paige.comments.cactus.account_id }},
+        commentSectionId: {{ .RelPermalink }}
+    })
+    </script>
+    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+</section>
+{{ end }}
+{{ with .Site.Params.paige.comments.commento }}
+<section class="mb-3">
+    <div id="commento"></div>
+    <script defer src="{{ .script_url }}"></script>
+    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+</section>
+{{ end }}
+{{ if .Site.Params.paige.comments.graphcomment }}
+<section class="mb-3">
+    <div id="graphcomment"></div>
+    <script type="text/javascript">
+    var __semio__params = {
+        graphcommentId: {{ .Site.Params.paige.comments.graphcomment.account_id }},
+        behaviour: {
+            uid: {{ .RelPermalink }}
+        }
+    };
+    function __semio__onload() {
+        __semio__gc_graphlogin(__semio__params)
+    }
+    (function() {
+        var gc = document.createElement('script'); gc.type = 'text/javascript'; gc.async = true;
+        gc.onload = __semio__onload; gc.defer = true; gc.src = 'https://integration.graphcomment.com/gc_graphlogin.js?' + Date.now();
+        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(gc);
+    })();
+    </script>
+    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+</section>
+{{ end }}
+{{ if .Site.Params.paige.comments.hyvor }}
+<section class="mb-3">
+    <div id="hyvor-talk-view"></div>
+    <script type="text/javascript">
+    var HYVOR_TALK_WEBSITE = {{ .Site.Params.paige.comments.hyvor.account_id }};
+    var HYVOR_TALK_CONFIG = {
+        url: false,
+        id: {{ .RelPermalink }}
+    };
+    </script>
+    <script async type="text/javascript" src="//talk.hyvor.com/web-api/embed"></script>
+    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+</section>
+{{ end }}
+{{ if .Site.Params.paige.comments.intensedebate }}
+<section class="mb-3">
+    <script>
+    var idcomments_acct = {{ .Site.Params.paige.comments.intensedebate.account_id }};
+    var idcomments_post_id = {{ .RelPermalink }};
+    var idcomments_post_url = {{ .Permalink }};
+    </script>
+    <span id="IDCommentsPostTitle" style="display:none"></span>
+    <script type="text/javascript" src="http://www.intensedebate.com/js/genericCommentWrapperV2.js"></script>
+    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+</section>
+{{ end }}
+{{ with .Site.Params.paige.comments.isso }}
+<section class="mb-3">
+    <script src="{{ .script_url }}"></script>
+    <section id="isso-thread">
+        <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+    </section>
+</section>
+{{ end }}
+{{ with .Site.Params.paige.comments.muut }}
+<section class="mb-3">
+    <a href="https://muut.com/i/{{ .account_id }}/comments" class="muut" type="dynamic">Comments</a>
+    <script src="https://cdn.muut.com/1/moot.min.js"></script>
+    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+</section>
+{{ end }}
+{{ if .Site.Params.paige.comments.remark42 }}
+<section class="mb-3">
+    <div id="remark42"></div>
+    <script>
+    var remark_config = {
+        host: {{ .Site.Params.paige.comments.remark42.host_url }},
+        site_id: {{ .Site.Params.paige.comments.remark42.site_id | default "remark" }}
+    }
+    </script>
+    <script>!function(e,n){for(var o=0;o<e.length;o++){var r=n.createElement("script"),c=".js",d=n.head||n.body;"noModule"in r?(r.type="module",c=".mjs"):r.async=!0,r.defer=!0,r.src=remark_config.host+"/web/"+e[o]+c,d.appendChild(r)}}(remark_config.components||["embed"],document);</script>
+    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+</section>
+{{ end }}
+{{ if .Site.Params.paige.comments.replybox }}
+<section class="mb-3">
+    <div id="replybox"></div>
+    <script>
+    window.replybox = {
+        site: {{ .Site.Params.paige.comments.replybox.account_id }},
+        identifier: {{ .RelPermalink }}
+    };
+    </script>
+    <script src="https://cdn.getreplybox.com/js/embed.js"></script>
+    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+</section>
+{{ end }}
+{{ with .Site.Params.paige.comments.utterances }}
+<section class="mb-3">
+    <script src="https://utteranc.es/client.js" repo="{{ .github_repo }}" issue-term="pathname" theme="preferred-color-scheme" crossorigin="anonymous" async></script>
+    <noscript>{{ i18n "paige_comments_noscript" }}</noscript>
+</section>
+{{ end }}