From a05a5b2704eec66e84c4fc3045127e354cf38e1a Mon Sep 17 00:00:00 2001
From: Ole Mussmann <gitlab+account@ole.mn>
Date: Thu, 20 Feb 2025 20:59:17 +0100
Subject: move inline JS to its own file

---
 layouts/_default/baseof.html | 36 ++----------------------------------
 1 file changed, 2 insertions(+), 34 deletions(-)

(limited to 'layouts')

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 52a6767..7a5579d 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -34,38 +34,6 @@
 
 </body>
 
-<script>
-
-  function isAuto() {
-    return document.body.classList.contains("auto");
-  }
-
-  function setTheme() {
-    if (!isAuto()) {
-      return
-    }
-
-    document.body.classList.remove("auto");
-    let cls = "light";
-    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-      cls = "dark";
-    }
-
-    document.body.classList.add(cls);
-  }
-
-  function invertBody() {
-    document.body.classList.toggle("dark");
-    document.body.classList.toggle("light");
-  }
-
-  if (isAuto()) {
-    window.matchMedia('(prefers-color-scheme: dark)').addListener(invertBody);
-  }
-
-  setTheme();
-
-</script>
-
+<script src="{{ "js/theme-switch.js" | relURL }}"></script>
 <script defer src="{{ "js/copy-code.js" | relURL }}"></script>
-</html>
\ No newline at end of file
+</html>
-- 
cgit v1.2.3


From 2310f6160404914c7245c3178bc8f0f0532b2caf Mon Sep 17 00:00:00 2001
From: Ole Mussmann <gitlab+account@ole.mn>
Date: Thu, 20 Feb 2025 21:00:16 +0100
Subject: make mermaid themes configurable

---
 layouts/_default/single.html | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

(limited to 'layouts')

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 159c328..6869a46 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -73,13 +73,17 @@
   </div>
 
   {{ if .Store.Get "hasMermaid" }}
-  <script type="module">
-    import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.esm.min.mjs';
-    mermaid.initialize({ startOnLoad: true });
+  {{ $mermaidDarkTheme := default "dark" (or .Params.mermaidDarkTheme .Site.Params.mermaidDarkTheme) }}
+  {{ $mermaidTheme := default "default" (or .Params.mermaidTheme .Site.Params.mermaidTheme) }}
+  <script defer
+    type="module"
+    id="mermaid_script"
+    data-light-theme="{{ $mermaidTheme }}"
+    data-dark-theme="{{ $mermaidDarkTheme }}"
+    src='{{ "js/mermaid.js" | relURL }}'>
   </script>
   {{ end }}
 
-
   {{/* Next prev controls */}}
 
   {{ if not (.Param "hidePagination") }}
-- 
cgit v1.2.3