From ff07d468a5451b20bf29eb25fdc076bb9761becb Mon Sep 17 00:00:00 2001
From: Karsten Ng <qiuhd17p@anonaddy.me>
Date: Fri, 1 Apr 2022 23:57:03 +0000
Subject: [PATCH] Add New Comment options (#960)

* Init dev branch

* Fix dev branch

* Forgot to add commentbox.html

* Testing discussbot integration

* forgot comments.html

* remove my credentials

* Update _config.yml

Change comments to offer unambiguous descriptions of variables.

* remove discussbot

* Update CHANGELOG.md

Co-authored-by: Karsten Ng <7u9nazbc7@mozmail.com>
---
 CHANGELOG.md              | 1 +
 _config.yml               | 3 +++
 _includes/commentbox.html | 7 +++++++
 _includes/comments.html   | 1 +
 4 files changed, 12 insertions(+)
 create mode 100644 _includes/commentbox.html

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e92cb3d..0a4d243 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -19,6 +19,7 @@
 - Fixed very long strings to wrap around the next line rather than go off-screen (#787)
 - Added `footer-hover-col` config setting to customize the hover colour of links in the footer (#848)
 - Added social network link for Discord (#907)
+- Added CommentBox as comment option (#960)
 
 ## v5.0.0 (2020-09-15)
 
diff --git a/_config.yml b/_config.yml
index 2073708..2c98683 100644
--- a/_config.yml
+++ b/_config.yml
@@ -161,6 +161,9 @@ footer-hover-col: "#0085A1"
 # To use Facebook Comments, create a Facebook app and fill in the Facebook App ID
 #fb_comment_id: ""
 
+# To use CommentBox, sign up for a Project ID on https://commentbox.io
+#commentbox: "" # Project ID, e.g. "5694267682979840-proj"
+
 # To use Utterances comments: (0) uncomment the following section, (1) fill in
 # "repository" (make sure the repository is public), (2) Enable Issues in your repository,
 # (3) Install the Utterances app in your repository https://github.com/apps/utterances
diff --git a/_includes/commentbox.html b/_includes/commentbox.html
new file mode 100644
index 0000000..e8019da
--- /dev/null
+++ b/_includes/commentbox.html
@@ -0,0 +1,7 @@
+{% if site.commentbox %}
+
+    <div class="commentbox"></div>
+    <script src="https://unpkg.com/commentbox.io/dist/commentBox.min.js"></script>
+    <script>commentBox('{{ site.commentbox }}')</script>
+
+{% endif %}
diff --git a/_includes/comments.html b/_includes/comments.html
index d4043e1..6624233 100644
--- a/_includes/comments.html
+++ b/_includes/comments.html
@@ -4,4 +4,5 @@
   {% include staticman-comments.html %}
   {% include utterances-comment.html %}
   {% include giscus-comment.html %}
+  {% include commentbox.html %}
 {% endif %}