Merge pull request #11 from spotware/dev

Added Github comment to docs

mkdocs.yml

@@ -19,6 +19,7 @@ theme:
     include_search_page: false
     search_index_only: true
     language: en
+    custom_dir: overrides
     features:
         - navigation.instant
         - navigation.top

overrides/main.html

@@ -0,0 +1,52 @@
+{% extends "base.html" %}
+
+{% block content %}
+{{ super() }}
+
+<!-- Giscus -->
+<h2 id="__comments">{{ lang.t("meta.comments") }}</h2>
+<!-- Replace with generated snippet -->
+
+<script src="https://giscus.app/client.js"
+        data-repo="spotware/OpenApiPy"
+        data-repo-id="R_kgDOGZc_9A"
+        data-category="Announcements"
+        data-category-id="DIC_kwDOGZc_9M4CAPRV"
+        data-mapping="pathname"
+        data-reactions-enabled="1"
+        data-emit-metadata="0"
+        data-input-position="top"
+        data-theme="light"
+        data-lang="en"
+        crossorigin="anonymous"
+        async>
+</script>
+
+<!-- Reload on palette change -->
+<script>
+    var palette = __md_get("__palette")
+    if (palette && typeof palette.color === "object")
+        if (palette.color.scheme === "slate") {
+            var giscus = document.querySelector("script[src*=giscus]")
+            giscus.setAttribute("data-theme", "dark")
+        }
+
+    /* 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" ? "dark_dimmed" : "light"
+
+                /* Instruct Giscus to change theme */
+                var frame = document.querySelector(".giscus-frame")
+                frame.contentWindow.postMessage(
+                    { giscus: { setConfig: { theme } } },
+                    "https://giscus.app"
+                )
+            }
+        })
+    })
+</script>
+{% endblock %}