From 3edc4d007f89296fcc4e345e5910fd1cf7eac3e6 Mon Sep 17 00:00:00 2001
From: Will Faught <willfaught@users.noreply.github.com>
Date: Sat, 4 Mar 2023 13:32:30 -0800
Subject: [PATCH] Add #paige-comments

---
 README.md                                          | 2 ++
 layouts/partials/paige/comments/cactus.html        | 2 +-
 layouts/partials/paige/comments/commento.html      | 2 +-
 layouts/partials/paige/comments/graphcomment.html  | 2 +-
 layouts/partials/paige/comments/hyvor.html         | 2 +-
 layouts/partials/paige/comments/intensedebate.html | 2 +-
 layouts/partials/paige/comments/isso.html          | 2 +-
 layouts/partials/paige/comments/muut.html          | 2 +-
 layouts/partials/paige/comments/remark42.html      | 2 +-
 layouts/partials/paige/comments/replybox.html      | 2 +-
 layouts/partials/paige/comments/utterances.html    | 2 +-
 11 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index 2beeade5..56a1f6f0 100644
--- a/README.md
+++ b/README.md
@@ -775,6 +775,8 @@ Use these CSS selectors to extend the default styling:
     <dd>The page table of contents.</dd>
     <dt><code>.paige-unpublished</code></dt>
     <dd>Applied to the title of unpublished (draft, expired, future) pages in the list and term layouts.</dd>
+    <dt><code>#paige-comments</code></dt>
+    <dd>The comments below the article.</dd>
     <dt><code>#paige-copyright</code></dt>
     <dd>The copyright in the footer.</dd>
     <dt><code>#paige-credit</code></dt>
diff --git a/layouts/partials/paige/comments/cactus.html b/layouts/partials/paige/comments/cactus.html
index 79ded95d..f6e5f583 100644
--- a/layouts/partials/paige/comments/cactus.html
+++ b/layouts/partials/paige/comments/cactus.html
@@ -1,7 +1,7 @@
 {{ $page := . }}
 
 {{ if $page.Param "paige.comments.cactus" }}
-    <div class="mb-3">
+    <div class="mb-3" id="paige-comments">
         <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>
diff --git a/layouts/partials/paige/comments/commento.html b/layouts/partials/paige/comments/commento.html
index 1e6085d3..781f1012 100644
--- a/layouts/partials/paige/comments/commento.html
+++ b/layouts/partials/paige/comments/commento.html
@@ -1,7 +1,7 @@
 {{ $page := . }}
 
 {{ with $page.Param "paige.comments.commento" }}
-    <div class="mb-3">
+    <div class="mb-3" id="paige-comments">
         <div id="commento"></div>
         <script defer src="{{ .script_url }}"></script>
         <noscript>{{ i18n "paige_noscript" }}</noscript>
diff --git a/layouts/partials/paige/comments/graphcomment.html b/layouts/partials/paige/comments/graphcomment.html
index 70187ae6..87fef9ae 100644
--- a/layouts/partials/paige/comments/graphcomment.html
+++ b/layouts/partials/paige/comments/graphcomment.html
@@ -1,7 +1,7 @@
 {{ $page := . }}
 
 {{ if $page.Param "paige.comments.graphcomment" }}
-    <div class="mb-3">
+    <div class="mb-3" id="paige-comments">
         <div id="graphcomment"></div>
         <script type="text/javascript">
         var __semio__params = {
diff --git a/layouts/partials/paige/comments/hyvor.html b/layouts/partials/paige/comments/hyvor.html
index c1353854..5ab5ff3f 100644
--- a/layouts/partials/paige/comments/hyvor.html
+++ b/layouts/partials/paige/comments/hyvor.html
@@ -1,7 +1,7 @@
 {{ $page := . }}
 
 {{ if $page.Param "paige.comments.hyvor" }}
-    <div class="mb-3">
+    <div class="mb-3" id="paige-comments">
         <div id="hyvor-talk-view"></div>
         <script type="text/javascript">
         var HYVOR_TALK_WEBSITE = "{{ $page.Param "paige.comments.hyvor.account_id" | safeJS }}";
diff --git a/layouts/partials/paige/comments/intensedebate.html b/layouts/partials/paige/comments/intensedebate.html
index c5cb4a98..5c420fce 100644
--- a/layouts/partials/paige/comments/intensedebate.html
+++ b/layouts/partials/paige/comments/intensedebate.html
@@ -1,7 +1,7 @@
 {{ $page := . }}
 
 {{ if $page.Param "paige.comments.intensedebate" }}
-    <div class="mb-3">
+    <div class="mb-3" id="paige-comments">
         <script>
         var idcomments_acct = "{{ $page.Param "paige.comments.intensedebate.account_id" | safeJS }}";
         var idcomments_post_id = "{{ $page.RelPermalink | safeJS }}";
diff --git a/layouts/partials/paige/comments/isso.html b/layouts/partials/paige/comments/isso.html
index f45105f7..283314b2 100644
--- a/layouts/partials/paige/comments/isso.html
+++ b/layouts/partials/paige/comments/isso.html
@@ -1,7 +1,7 @@
 {{ $page := . }}
 
 {{ with $page.Param "paige.comments.isso" }}
-    <div class="mb-3">
+    <div class="mb-3" id="paige-comments">
         <script src="{{ .script_url }}"></script>
         <div id="isso-thread">
             <noscript>{{ i18n "paige_noscript" }}</noscript>
diff --git a/layouts/partials/paige/comments/muut.html b/layouts/partials/paige/comments/muut.html
index 0ca450a2..138d7f62 100644
--- a/layouts/partials/paige/comments/muut.html
+++ b/layouts/partials/paige/comments/muut.html
@@ -1,7 +1,7 @@
 {{ $page := . }}
 
 {{ with $page.Param "paige.comments.muut" }}
-    <div class="mb-3">
+    <div class="mb-3" id="paige-comments">
         <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>
diff --git a/layouts/partials/paige/comments/remark42.html b/layouts/partials/paige/comments/remark42.html
index c0af3a06..3196ca4e 100644
--- a/layouts/partials/paige/comments/remark42.html
+++ b/layouts/partials/paige/comments/remark42.html
@@ -1,7 +1,7 @@
 {{ $page := . }}
 
 {{ if $page.Param "paige.comments.remark42" }}
-    <div class="mb-3">
+    <div class="mb-3" id="paige-comments">
         <div id="remark42"></div>
         <script>
         var remark_config = {
diff --git a/layouts/partials/paige/comments/replybox.html b/layouts/partials/paige/comments/replybox.html
index 92e3c769..05f75325 100644
--- a/layouts/partials/paige/comments/replybox.html
+++ b/layouts/partials/paige/comments/replybox.html
@@ -1,7 +1,7 @@
 {{ $page := . }}
 
 {{ if $page.Param "paige.comments.replybox" }}
-    <div class="mb-3">
+    <div class="mb-3" id="paige-comments">
         <div id="replybox"></div>
         <script>
         window.replybox = {
diff --git a/layouts/partials/paige/comments/utterances.html b/layouts/partials/paige/comments/utterances.html
index 3476a622..e4f3b460 100644
--- a/layouts/partials/paige/comments/utterances.html
+++ b/layouts/partials/paige/comments/utterances.html
@@ -1,7 +1,7 @@
 {{ $page := . }}
 
 {{ with $page.Param "paige.comments.utterances" }}
-    <div class="mb-3">
+    <div class="mb-3" id="paige-comments">
         <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>
     </div>