Add Disqus comments to wiki pages.

vtuberwiki · Dec 7, 2023 · 4a8d614 · 4a8d614
1 parent 81bad2c
commit 4a8d614
Show file tree

Hide file tree

Showing 5 changed files with 79 additions and 19 deletions.
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -110,25 +110,37 @@ const makeKeywords = (keywords: string) => {
     <script is:inline src="/js/custom.js"></script>
     <script is:inline src="/js/uikit.js"></script>
     <script
-  is:inline
-  async
-  src="https://www.googletagmanager.com/gtag/js?id=G-X7C99GC9H4"></script>
-<script is:inline>
-  window.dataLayer = window.dataLayer || [];
-  function gtag() {
-    dataLayer.push(arguments);
-  }
-  gtag("js", new Date());
-
-  gtag("config", "G-X7C99GC9H4");
-</script>
-<script
-  is:inline
-  async
-  src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9106548277815950"
-  crossorigin="anonymous"></script>
-
+      is:inline
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-X7C99GC9H4"></script>
+    <script is:inline>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
 
+      gtag("config", "G-X7C99GC9H4");
+    </script>
+    <script
+      is:inline
+      async
+      src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9106548277815950"
+      crossorigin="anonymous"></script>
+    <script is:inline>
+      var disqus_config = function () {
+        this.page.url = window.location.href;
+        this.page.identifier = window.location.pathname;
+      };
+      (function () {
+        // DON'T EDIT BELOW THIS LINE
+        var d = document,
+          s = d.createElement("script");
+        s.src = "https://vtuberwiki.disqus.com/embed.js";
+        s.setAttribute("data-timestamp", +new Date());
+        (d.head || d.body).appendChild(s);
+      })();
+    </script>
     <link
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css"

diff --git a/src/pages/wiki/agencies/[...slug].astro b/src/pages/wiki/agencies/[...slug].astro
@@ -43,6 +43,20 @@ const { Content } = await entry.render();
             </div>
             <hr class="vw-margin-medium" />
           </article>
+          <div class="vw-section vw-text-center">
+            <!-- <div class="vw-container vw-container-small">
+              <div data-vw-scrollspy="cls: vw-animation-slide-bottom-medium; repeat: true">
+                <p class="vw-text-lead vw-text-center">Want to expand this wiki page?</p>
+                <a class="vw-button vw-button-primary vw-button-large vw-margin-medium-top" href={`https://github.com/vtuberwiki/wiki/blob/main/src/content/vtubers/${entry.slug}.md`}>Edit this page</a>
+              </div>
+            </div>
+            <br /> -->
+            <div class="vw-container vw-container-small">
+              <div data-vw-scrollspy="cls: vw-animation-slide-bottom-medium; repeat: true">
+              <div id="disqus_thread"></div>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
     </div>

diff --git a/src/pages/wiki/guides/[...slug].astro b/src/pages/wiki/guides/[...slug].astro
@@ -33,6 +33,20 @@ const { Content } = await entry.render();
             </div>
             <hr class="vw-margin-medium" />
           </article>
+          <div class="vw-section vw-text-center">
+            <!-- <div class="vw-container vw-container-small">
+              <div data-vw-scrollspy="cls: vw-animation-slide-bottom-medium; repeat: true">
+                <p class="vw-text-lead vw-text-center">Want to expand this wiki page?</p>
+                <a class="vw-button vw-button-primary vw-button-large vw-margin-medium-top" href={`https://github.com/vtuberwiki/wiki/blob/main/src/content/vtubers/${entry.slug}.md`}>Edit this page</a>
+              </div>
+            </div>
+            <br /> -->
+            <div class="vw-container vw-container-small">
+              <div data-vw-scrollspy="cls: vw-animation-slide-bottom-medium; repeat: true">
+              <div id="disqus_thread"></div>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
     </div>

diff --git a/src/pages/wiki/software/[...slug].astro b/src/pages/wiki/software/[...slug].astro
@@ -51,6 +51,20 @@ const slugify = (str: string) => {
             </div>
             <hr class="vw-margin-medium" />
           </article>
+          <div class="vw-section vw-text-center">
+            <!-- <div class="vw-container vw-container-small">
+              <div data-vw-scrollspy="cls: vw-animation-slide-bottom-medium; repeat: true">
+                <p class="vw-text-lead vw-text-center">Want to expand this wiki page?</p>
+                <a class="vw-button vw-button-primary vw-button-large vw-margin-medium-top" href={`https://github.com/vtuberwiki/wiki/blob/main/src/content/vtubers/${entry.slug}.md`}>Edit this page</a>
+              </div>
+            </div>
+            <br /> -->
+            <div class="vw-container vw-container-small">
+              <div data-vw-scrollspy="cls: vw-animation-slide-bottom-medium; repeat: true">
+              <div id="disqus_thread"></div>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
     </div>

diff --git a/src/pages/wiki/vtubers/[...slug].astro b/src/pages/wiki/vtubers/[...slug].astro
@@ -60,12 +60,18 @@ function MakeProperSeo() {
           </article>
 
           <div class="vw-section vw-text-center">
-            <div class="vw-container vw-container-small">
+            <!-- <div class="vw-container vw-container-small">
               <div data-vw-scrollspy="cls: vw-animation-slide-bottom-medium; repeat: true">
                 <p class="vw-text-lead vw-text-center">Want to expand this wiki page?</p>
                 <a class="vw-button vw-button-primary vw-button-large vw-margin-medium-top" href={`https://github.com/vtuberwiki/wiki/blob/main/src/content/vtubers/${entry.slug}.md`}>Edit this page</a>
               </div>
             </div>
+            <br /> -->
+            <div class="vw-container vw-container-small">
+              <div data-vw-scrollspy="cls: vw-animation-slide-bottom-medium; repeat: true">
+              <div id="disqus_thread"></div>
+              </div>
+            </div>
           </div>
 
         </div>