Move comments into separate files

layouts/partials/paige/comments.html

@@ -1,122 +1,13 @@
 {{ $page := . }}
 
-{{ template "_internal/disqus.html" . }}
+{{ template "_internal/disqus.html" $page }}
-{{ if $page.Param "paige.comments.cactus" }}
+{{ partial "paige/comments/cactus.html" $page }}
-    <section class="mb-3">
+{{ partial "paige/comments/commento.html" $page }}
-        <script type="text/javascript" src="https://latest.cactus.chat/cactus.js"></script>
+{{ partial "paige/comments/graphcomment.html" $page }}
-        <link rel="stylesheet" href="https://latest.cactus.chat/style.css" type="text/css">
+{{ partial "paige/comments/hyvor.html" $page }}
-        <div id="comment-section"></div>
+{{ partial "paige/comments/intensedebate.html" $page }}
-        <script>
+{{ partial "paige/comments/isso.html" $page }}
-        initComments({
+{{ partial "paige/comments/muut.html" $page }}
-            node: document.getElementById("comment-section"),
+{{ partial "paige/comments/remark42.html" $page }}
-            defaultHomeserverUrl: "https://matrix.cactus.chat:8448",
+{{ partial "paige/comments/replybox.html" $page }}
-            serverName: "cactus.chat",
+{{ partial "paige/comments/utterances.html" $page }}
-            siteName: "{{ $page.Param "paige.comments.cactus.account_id" | safeJS }}",
-            commentSectionId: "{{ $page.RelPermalink | safeJS }}"
-        })
-        </script>
-        <noscript>{{ i18n "paige_noscript" }}</noscript>
-    </section>
-{{ end }}
-{{ with $page.Param "paige.comments.commento" }}
-    <section class="mb-3">
-        <div id="commento"></div>
-        <script defer src="{{ .script_url }}"></script>
-        <noscript>{{ i18n "paige_noscript" }}</noscript>
-    </section>
-{{ end }}
-{{ if $page.Param "paige.comments.graphcomment" }}
-    <section class="mb-3">
-        <div id="graphcomment"></div>
-        <script type="text/javascript">
-        var __semio__params = {
-            graphcommentId: "{{ $page.Param "paige.comments.graphcomment.account_id" | safeJS }}",
-            behaviour: {
-                uid: "{{ $page.RelPermalink | safeJS }}"
-            }
-        };
-        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_noscript" }}</noscript>
-    </section>
-{{ end }}
-{{ if $page.Param "paige.comments.hyvor" }}
-    <section class="mb-3">
-        <div id="hyvor-talk-view"></div>
-        <script type="text/javascript">
-        var HYVOR_TALK_WEBSITE = "{{ $page.Param "paige.comments.hyvor.account_id" | safeJS }}";
-        var HYVOR_TALK_CONFIG = {
-            url: false,
-            id: "{{ $page.RelPermalink | safeJS }}"
-        };
-        </script>
-        <script async type="text/javascript" src="//talk.hyvor.com/web-api/embed"></script>
-        <noscript>{{ i18n "paige_noscript" }}</noscript>
-    </section>
-{{ end }}
-{{ if $page.Param "paige.comments.intensedebate" }}
-    <section class="mb-3">
-        <script>
-        var idcomments_acct = "{{ $page.Param "paige.comments.intensedebate.account_id" | safeJS }}";
-        var idcomments_post_id = "{{ $page.RelPermalink | safeJS }}";
-        var idcomments_post_url = "{{ $page.Permalink | safeJS }}";
-        </script>
-        <span id="IDCommentsPostTitle" style="display:none"></span>
-        <script type="text/javascript" src="http://www.intensedebate.com/js/genericCommentWrapperV2.js"></script>
-        <noscript>{{ i18n "paige_noscript" }}</noscript>
-    </section>
-{{ end }}
-{{ with $page.Param "paige.comments.isso" }}
-    <section class="mb-3">
-        <script src="{{ .script_url }}"></script>
-        <section id="isso-thread">
-            <noscript>{{ i18n "paige_noscript" }}</noscript>
-        </section>
-    </section>
-{{ end }}
-{{ with $page.Param "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_noscript" }}</noscript>
-    </section>
-{{ end }}
-{{ if $page.Param "paige.comments.remark42" }}
-    <section class="mb-3">
-        <div id="remark42"></div>
-        <script>
-        var remark_config = {
-            host: "{{ $page.Param "paige.comments.remark42.host_url" | safeJS }}",
-            site_id: "{{ $page.Param "paige.comments.remark42.site_id" | default `remark` | safeJS }}"
-        }
-        </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_noscript" }}</noscript>
-    </section>
-{{ end }}
-{{ if $page.Param "paige.comments.replybox" }}
-    <section class="mb-3">
-        <div id="replybox"></div>
-        <script>
-        window.replybox = {
-            site: "{{ $page.Param "paige.comments.replybox.account_id" | safeJS }}",
-            identifier: "{{ $page.RelPermalink | safeJS }}"
-        };
-        </script>
-        <script src="https://cdn.getreplybox.com/js/embed.js"></script>
-        <noscript>{{ i18n "paige_noscript" }}</noscript>
-    </section>
-{{ end }}
-{{ with $page.Param "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_noscript" }}</noscript>
-    </section>
-{{ end }}

layouts/partials/paige/comments/cactus.html

@@ -0,0 +1,19 @@
+{{ $page := . }}
+
+{{ if $page.Param "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: "{{ $page.Param `paige.comments.cactus.account_id` | safeJS }}",
+            commentSectionId: "{{ $page.RelPermalink | safeJS }}"
+        })
+        </script>
+        <noscript>{{ i18n "paige_noscript" }}</noscript>
+    </section>
+{{ end }}

layouts/partials/paige/comments/commento.html

@@ -0,0 +1,9 @@
+{{ $page := . }}
+
+{{ with $page.Param "paige.comments.commento" }}
+    <section class="mb-3">
+        <div id="commento"></div>
+        <script defer src="{{ .script_url }}"></script>
+        <noscript>{{ i18n "paige_noscript" }}</noscript>
+    </section>
+{{ end }}

layouts/partials/paige/comments/graphcomment.html

@@ -0,0 +1,24 @@
+{{ $page := . }}
+
+{{ if $page.Param "paige.comments.graphcomment" }}
+    <section class="mb-3">
+        <div id="graphcomment"></div>
+        <script type="text/javascript">
+        var __semio__params = {
+            graphcommentId: "{{ $page.Param "paige.comments.graphcomment.account_id" | safeJS }}",
+            behaviour: {
+                uid: "{{ $page.RelPermalink | safeJS }}"
+            }
+        };
+        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_noscript" }}</noscript>
+    </section>
+{{ end }}

layouts/partials/paige/comments/hyvor.html

@@ -0,0 +1,16 @@
+{{ $page := . }}
+
+{{ if $page.Param "paige.comments.hyvor" }}
+    <section class="mb-3">
+        <div id="hyvor-talk-view"></div>
+        <script type="text/javascript">
+        var HYVOR_TALK_WEBSITE = "{{ $page.Param "paige.comments.hyvor.account_id" | safeJS }}";
+        var HYVOR_TALK_CONFIG = {
+            url: false,
+            id: "{{ $page.RelPermalink | safeJS }}"
+        };
+        </script>
+        <script async type="text/javascript" src="//talk.hyvor.com/web-api/embed"></script>
+        <noscript>{{ i18n "paige_noscript" }}</noscript>
+    </section>
+{{ end }}

layouts/partials/paige/comments/intensedebate.html

@@ -0,0 +1,14 @@
+{{ $page := . }}
+
+{{ if $page.Param "paige.comments.intensedebate" }}
+    <section class="mb-3">
+        <script>
+        var idcomments_acct = "{{ $page.Param "paige.comments.intensedebate.account_id" | safeJS }}";
+        var idcomments_post_id = "{{ $page.RelPermalink | safeJS }}";
+        var idcomments_post_url = "{{ $page.Permalink | safeJS }}";
+        </script>
+        <span id="IDCommentsPostTitle" style="display:none"></span>
+        <script type="text/javascript" src="http://www.intensedebate.com/js/genericCommentWrapperV2.js"></script>
+        <noscript>{{ i18n "paige_noscript" }}</noscript>
+    </section>
+{{ end }}

layouts/partials/paige/comments/isso.html

@@ -0,0 +1,10 @@
+{{ $page := . }}
+
+{{ with $page.Param "paige.comments.isso" }}
+    <section class="mb-3">
+        <script src="{{ .script_url }}"></script>
+        <section id="isso-thread">
+            <noscript>{{ i18n "paige_noscript" }}</noscript>
+        </section>
+    </section>
+{{ end }}

layouts/partials/paige/comments/muut.html

@@ -0,0 +1,9 @@
+{{ $page := . }}
+
+{{ with $page.Param "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_noscript" }}</noscript>
+    </section>
+{{ end }}

layouts/partials/paige/comments/remark42.html

@@ -0,0 +1,15 @@
+{{ $page := . }}
+
+{{ if $page.Param "paige.comments.remark42" }}
+    <section class="mb-3">
+        <div id="remark42"></div>
+        <script>
+        var remark_config = {
+            host: "{{ $page.Param `paige.comments.remark42.host_url` | safeJS }}",
+            site_id: "{{ $page.Param `paige.comments.remark42.site_id` | default `remark` | safeJS }}"
+        }
+        </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_noscript" }}</noscript>
+    </section>
+{{ end }}

layouts/partials/paige/comments/replybox.html

@@ -0,0 +1,15 @@
+{{ $page := . }}
+
+{{ if $page.Param "paige.comments.replybox" }}
+    <section class="mb-3">
+        <div id="replybox"></div>
+        <script>
+        window.replybox = {
+            site: "{{ $page.Param "paige.comments.replybox.account_id" | safeJS }}",
+            identifier: "{{ $page.RelPermalink | safeJS }}"
+        };
+        </script>
+        <script src="https://cdn.getreplybox.com/js/embed.js"></script>
+        <noscript>{{ i18n "paige_noscript" }}</noscript>
+    </section>
+{{ end }}

layouts/partials/paige/comments/utterances.html

@@ -0,0 +1,8 @@
+{{ $page := . }}
+
+{{ with $page.Param "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_noscript" }}</noscript>
+    </section>
+{{ end }}