Add #paige-comments

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>

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>

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>

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 = {

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 }}";

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 }}";

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>

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>

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 = {

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 = {

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>