Merge pull request 'enable comments' (#3) from comments into main

Reviewed-on: https://git.brds.ca/d-b.ca/web/pulls/3

config/_default/languages.en.toml

@@ -16,7 +16,7 @@ title = "Drew Bowering"
 
 [params.author]
   name = "Drew Bowering"
-#   email = "drew@d-b.ca"
+  email = "drew@d-b.ca"
   image = "img/DrewBowering.jpg"
 #   imageQuality = 96
   headline = "IT Architect, Developer, Canoeist, Tubist"

config/_default/menus.en.toml

@@ -67,3 +67,7 @@
 #   name = "Categories"
 #   pageRef = "categories"
 #   weight = 20
+
+[[footer]]
+  name = "Privacy"
+  url = "https://comment.d-b.ca/web/privacy.html"

config/_default/params.toml

@@ -56,6 +56,7 @@ forgejoDefaultServer = "https://v8.next.forgejo.org"
   showDate = true
   showViews = false
   showLikes = false
+  showComments = true
   showDateOnlyInArticle = false
   showDateUpdated = false
   showAuthor = true
@@ -156,7 +157,7 @@ forgejoDefaultServer = "https://v8.next.forgejo.org"
   # globalWidgetPosition = "Right"
 
 [verification]
-  # google = ""
+  google = "w3v6pJQgijQRPkhgVV6SIOJEPIpAR9ase26ri4tPkS8"
   # bing = ""
   # pinterest = ""
   # yandex = ""
@@ -164,4 +165,10 @@ forgejoDefaultServer = "https://v8.next.forgejo.org"
 
 [rssnext]
   # feedId = ""
-  # userId = ""
+  # userId = ""
+
+[remark42]
+  enabled = true
+  host = "https://comment.d-b.ca"
+  site = "d-b.ca"
+  locale = "en"

layouts/partials/comments.html

@@ -0,0 +1,28 @@
+{{- with .Site.Params.remark42 -}}
+<hr>
+<p><b>Comments and questions are welcome!</b> <i>You can use your email address to Sign In (your email address is not publicly displayed), or you can use your Google or GitHub account. All comment data is hosted locally by d-b.ca and is not tracked. Please refer to the <a href='https://remark42.com' target="_blank"><b>Remark42</b></a> <a href='https://remark42.com/privacy/' target="_blank">Privacy Policy</a> for more information.</i></p>
+<div id="remark42"></div>
+<script>
+    var remark_config = {
+        host: '{{ .host }}',
+        site_id: '{{ .site }}',
+        components: ['embed'],
+        url: '{{ $.Permalink }}',
+        theme: document.documentElement.classList.contains("dark") ? 'dark' : 'light',
+    };
+
+    document.getElementById("appearance-switcher").addEventListener('click', event => {
+        window.REMARK42.changeTheme(document.documentElement.classList.contains("dark") ? 'light' : 'dark');
+    });
+
+    !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>
+{{- end -}}