testing giscus

livialima · Mar 31, 2024 · 6f33992 · 6f33992
1 parent efd1aa3
commit 6f33992
Show file tree

Hide file tree

Showing 3 changed files with 100 additions and 1 deletion.
diff --git a/docs/test-page.md b/docs/test-page.md
@@ -0,0 +1,18 @@
+---
+hide:
+  - navigation
+  - toc
+comments: true
+---
+
+# Test Page
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum tellus id ipsum gravida fermentum ac id augue. Vivamus id ipsum ac augue cursus interdum vel posuere nisl. Fusce feugiat metus sit amet neque fermentum, sit amet suscipit enim convallis. Curabitur lobortis enim sit amet augue facilisis mollis. Aliquam pellentesque semper elit lacinia ultrices. Proin aliquet feugiat ipsum, eget sollicitudin ex egestas in. Nullam laoreet tempor lacinia. Vivamus scelerisque tortor nisi, et mollis nibh condimentum non. Sed sed vehicula quam, vel ultrices leo.
+
+Aenean nec interdum arcu, eget fringilla leo. Vestibulum sed eros sed eros euismod convallis. Etiam sed orci ut neque tempor eleifend. Ut vel velit id dui hendrerit finibus vel et dolor. Vivamus condimentum venenatis arcu, at fermentum purus blandit id. Aenean ultrices erat odio. Praesent sit amet condimentum ante. Sed aliquam fermentum consequat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc fermentum massa non est finibus vehicula. Vestibulum varius iaculis risus eget accumsan. Donec ex est, ornare nec finibus sit amet, volutpat a nisi. Duis in eros iaculis, consectetur lorem id, faucibus mauris. Proin ornare ut ex sit amet feugiat. Vestibulum hendrerit, est a molestie dignissim, turpis nulla pellentesque massa, non mollis tellus elit sit amet massa.
+
+Suspendisse tempus porttitor quam a tincidunt. Curabitur pellentesque eros nisi, et pretium tortor iaculis et. Ut sit amet euismod lectus. Fusce consequat congue neque, a tincidunt leo tristique sit amet. Morbi odio nisi, faucibus vel lacus sed, malesuada tincidunt est. Pellentesque luctus nunc id ligula congue suscipit. Vivamus hendrerit porttitor dui quis accumsan.
+
+Ut sit amet maximus nisi. Maecenas blandit suscipit molestie. Cras tincidunt ante scelerisque diam dictum maximus. Cras vitae purus purus. Nulla ultrices suscipit sagittis. Pellentesque a lacus magna. Proin sit amet finibus magna. Curabitur quis mi luctus, condimentum mi vitae, viverra nisi. Nullam in massa vitae urna luctus luctus. Morbi lacinia leo id nibh accumsan consectetur. Nulla a finibus tellus.
+
+Donec quis ultricies risus. Donec porttitor rutrum dolor, eget lobortis massa condimentum nec. Maecenas ac elit a ipsum dignissim hendrerit eget eget leo. Donec pharetra egestas congue. Etiam ac consectetur nunc. Quisque in lorem libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam ut quam a elit hendrerit rutrum. Cras vitae pretium risus, sit amet accumsan ligula. Fusce vitae porttitor dui. Quisque lobortis aliquam quam, quis pulvinar metus porta at. Proin porttitor venenatis urna nec consectetur. Donec a velit enim. Praesent nunc lectus, tincidunt vitae velit et, aliquam vulputate mi.
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -52,6 +52,7 @@ markdown_extensions:
 theme:
   name: material
   #custom_dir: material/.overrides
+  custom_dir: overrides
   features:
     - announce.dismiss
     - content.action.edit
@@ -128,4 +129,5 @@ extra:
 nav:
   - Home: index.md
   - Blog: https://livialima.hashnode.dev/
-  - Linux Upskill Challenge: https://linuxupskillchallenge.org
+  - Linux Upskill Challenge: https://linuxupskillchallenge.org
+  - Test: test-page.md
diff --git a/overrides/partials/comments.html b/overrides/partials/comments.html
@@ -0,0 +1,79 @@
+<!--
+  Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>
+
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to
+  deal in the Software without restriction, including without limitation the
+  rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+  sell copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+
+  The above copyright notice and this permission notice shall be included in
+  all copies or substantial portions of the Software.
+
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+  FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+  IN THE SOFTWARE.
+-->
+
+<!-- Comment system -->
+{% if page.meta.comments %}
+  <h2 id="__comments">{{ lang.t("meta.comments") }}</h2>
+  <!-- Insert generated snippet here -->
+  <script src="https://giscus.app/client.js"
+        data-repo="livialima/livialima-net"
+        data-repo-id="MDEwOlJlcG9zaXRvcnkyNjU2MTI4Mjc="
+        data-category="Announcements"
+        data-category-id="DIC_kwDOD9TuG84CeXDZ"
+        data-mapping="pathname"
+        data-strict="0"
+        data-reactions-enabled="1"
+        data-emit-metadata="0"
+        data-input-position="top"
+        data-theme="purple_dark"
+        data-lang="en"
+        data-loading="lazy"
+        crossorigin="anonymous"
+        async>
+</script>
+
+  <!-- Synchronize Giscus theme with palette -->
+  <script>
+    var giscus = document.querySelector("script[src*=giscus]")
+
+    // Set palette on initial load
+    var palette = __md_get("__palette")
+    if (palette && typeof palette.color === "object") {
+      var theme = palette.color.scheme === "slate"
+        ? "transparent_dark"
+        : "light"
+
+      // Instruct Giscus to set theme
+      giscus.setAttribute("data-theme", theme) 
+    }
+
+    // Register event handlers after documented loaded
+    document.addEventListener("DOMContentLoaded", function() {
+      var ref = document.querySelector("[data-md-component=palette]")
+      ref.addEventListener("change", function() {
+        var palette = __md_get("__palette")
+        if (palette && typeof palette.color === "object") {
+          var theme = palette.color.scheme === "slate"
+            ? "transparent_dark"
+            : "light"
+
+          // Instruct Giscus to change theme
+          var frame = document.querySelector(".giscus-frame")
+          frame.contentWindow.postMessage(
+            { giscus: { setConfig: { theme } } },
+            "https://giscus.app"
+          )
+        }
+      })
+    })
+  </script>
+{% endif %}