From 2f6eea435801afb2cf74ac4e1c6be1d847ae9bcf Mon Sep 17 00:00:00 2001
From: Rohan Deb Sarkar <rohandebsarkar@protonmail.com>
Date: Thu, 18 May 2023 00:01:43 +0530
Subject: [PATCH 1/2] Add support for giscus comments

---
 exampleSite/config/_default/params.yaml | 18 ++++++++++++++++++
 layouts/partials/scripts/giscus.html    | 19 +++++++++++++++++++
 layouts/partials/scripts/theme.html     |  3 ++-
 layouts/posts/single.html               |  6 ++++++
 4 files changed, 45 insertions(+), 1 deletion(-)
 create mode 100644 layouts/partials/scripts/giscus.html

diff --git a/exampleSite/config/_default/params.yaml b/exampleSite/config/_default/params.yaml
index 36f9027b..ec23b7f2 100644
--- a/exampleSite/config/_default/params.yaml
+++ b/exampleSite/config/_default/params.yaml
@@ -28,3 +28,21 @@ socialNavbar: true # show social icons on navbar
 socialHomePage: true # show social icons on the home page
 
 colorTheme: blue # choose a theme from `data/themes` folder
+
+giscusScript: > # Giscus comments for blog posts. Copy paste the script from https://giscus.app/
+    <script src="https://giscus.app/client.js"
+        data-repo="rohandebsarkar/academic-folio"
+        data-repo-id="R_kgDOI0baIw"
+        data-category="Comments (giscus)"
+        data-category-id="DIC_kwDOI0baI84CWhyL"
+        data-mapping="og:title"
+        data-strict="0"
+        data-reactions-enabled="1"
+        data-emit-metadata="0"
+        data-input-position="top"
+        data-theme="preferred_color_scheme"
+        data-lang="en"
+        data-loading="lazy"
+        crossorigin="anonymous"
+        async
+    ></script>
diff --git a/layouts/partials/scripts/giscus.html b/layouts/partials/scripts/giscus.html
new file mode 100644
index 00000000..a13ba743
--- /dev/null
+++ b/layouts/partials/scripts/giscus.html
@@ -0,0 +1,19 @@
+{{ safeHTML .Site.Params.giscusScript }}
+
+<script>
+    function setGiscusTheme(theme) {
+        function sendMessage(message) {
+            const iframe = document.querySelector('iframe.giscus-frame');
+            if (!iframe) return;
+            iframe.contentWindow.postMessage({ giscus: message }, 'https://giscus.app');
+        }
+        
+        sendMessage({
+            setConfig: {
+                theme: theme
+            }
+        });
+    }
+</script>
+
+<noscript>Please enable JavaScript to view the <a href="http://giscus.app/?ref_noscript">comments powered by giscus.</a></noscript>
diff --git a/layouts/partials/scripts/theme.html b/layouts/partials/scripts/theme.html
index 7987cc63..a11b0215 100644
--- a/layouts/partials/scripts/theme.html
+++ b/layouts/partials/scripts/theme.html
@@ -1,7 +1,8 @@
 <script>
     function toggleTheme() {
         document.documentElement.classList.toggle('dark');
-        localStorage.theme = localStorage.theme === 'dark' ? 'light' : 'dark'
+        localStorage.theme = localStorage.theme === 'dark' ? 'light' : 'dark';
+        if(typeof setGiscusTheme == "function") setGiscusTheme(localStorage.theme);
     };
 
     if ((!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches) || localStorage.theme === 'dark') {
diff --git a/layouts/posts/single.html b/layouts/posts/single.html
index 560acbda..b77cdfec 100644
--- a/layouts/posts/single.html
+++ b/layouts/posts/single.html
@@ -48,4 +48,10 @@ <h3 class="text-sm italic text-secondary">
     <article class="markdown">
         {{ .Content }}
     </article>
+
+    {{ if (and .Site.Params.giscusScript (not .Params.disableGiscusComments)) }}
+        <div id="comments">
+            {{ partial "scripts/giscus" . }}
+        </div>    
+    {{ end }}
 {{ end }}

From a4d12ef8d81b7414ae39d34a7e20e28c9783892b Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Wed, 17 May 2023 18:33:07 +0000
Subject: [PATCH 2/2] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 exampleSite/config/_default/params.yaml | 34 ++++++++++++-------------
 layouts/partials/scripts/giscus.html    |  2 +-
 layouts/posts/single.html               |  2 +-
 3 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/exampleSite/config/_default/params.yaml b/exampleSite/config/_default/params.yaml
index ec23b7f2..9047bdc7 100644
--- a/exampleSite/config/_default/params.yaml
+++ b/exampleSite/config/_default/params.yaml
@@ -29,20 +29,20 @@ socialHomePage: true # show social icons on the home page
 
 colorTheme: blue # choose a theme from `data/themes` folder
 
-giscusScript: > # Giscus comments for blog posts. Copy paste the script from https://giscus.app/
-    <script src="https://giscus.app/client.js"
-        data-repo="rohandebsarkar/academic-folio"
-        data-repo-id="R_kgDOI0baIw"
-        data-category="Comments (giscus)"
-        data-category-id="DIC_kwDOI0baI84CWhyL"
-        data-mapping="og:title"
-        data-strict="0"
-        data-reactions-enabled="1"
-        data-emit-metadata="0"
-        data-input-position="top"
-        data-theme="preferred_color_scheme"
-        data-lang="en"
-        data-loading="lazy"
-        crossorigin="anonymous"
-        async
-    ></script>
+giscusScript: >
+  <script src="https://giscus.app/client.js"
+      data-repo="rohandebsarkar/academic-folio"
+      data-repo-id="R_kgDOI0baIw"
+      data-category="Comments (giscus)"
+      data-category-id="DIC_kwDOI0baI84CWhyL"
+      data-mapping="og:title"
+      data-strict="0"
+      data-reactions-enabled="1"
+      data-emit-metadata="0"
+      data-input-position="top"
+      data-theme="preferred_color_scheme"
+      data-lang="en"
+      data-loading="lazy"
+      crossorigin="anonymous"
+      async
+  ></script>
diff --git a/layouts/partials/scripts/giscus.html b/layouts/partials/scripts/giscus.html
index a13ba743..8eb9cf30 100644
--- a/layouts/partials/scripts/giscus.html
+++ b/layouts/partials/scripts/giscus.html
@@ -7,7 +7,7 @@
             if (!iframe) return;
             iframe.contentWindow.postMessage({ giscus: message }, 'https://giscus.app');
         }
-        
+
         sendMessage({
             setConfig: {
                 theme: theme
diff --git a/layouts/posts/single.html b/layouts/posts/single.html
index b77cdfec..7c3f9bf4 100644
--- a/layouts/posts/single.html
+++ b/layouts/posts/single.html
@@ -52,6 +52,6 @@ <h3 class="text-sm italic text-secondary">
     {{ if (and .Site.Params.giscusScript (not .Params.disableGiscusComments)) }}
         <div id="comments">
             {{ partial "scripts/giscus" . }}
-        </div>    
+        </div>
     {{ end }}
 {{ end }}