From 73b723a3ad611649d2ed24f387676cd32916f9f8 Mon Sep 17 00:00:00 2001
From: Alex Tavarez <admin@sukaato.moe>
Date: Sun, 1 Feb 2026 17:36:04 -0500
Subject: [PATCH] feature: added partials containing script tags sourcing and
 configuring JS renderers

---
 themes/sukaato/layouts/partials/diagram.html      |  7 +++++++
 themes/sukaato/layouts/partials/math.html         | 15 +++++++++++++++
 .../sukaato/layouts/partials/music-notation.html  | 10 ++++++++++
 .../layouts/partials/tablature-notation.html      |  3 +++
 4 files changed, 35 insertions(+)
 create mode 100644 themes/sukaato/layouts/partials/diagram.html
 create mode 100644 themes/sukaato/layouts/partials/math.html
 create mode 100644 themes/sukaato/layouts/partials/music-notation.html
 create mode 100644 themes/sukaato/layouts/partials/tablature-notation.html

diff --git a/themes/sukaato/layouts/partials/diagram.html b/themes/sukaato/layouts/partials/diagram.html
new file mode 100644
index 0000000..7281087
--- /dev/null
+++ b/themes/sukaato/layouts/partials/diagram.html
@@ -0,0 +1,7 @@
+<script id="mermaidjs" type="module">
+    import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.esm.min.mjs';
+    mermaid.initialize({
+        startOnLoad: true,
+        theme: 'dark',
+    });
+</script>
\ No newline at end of file
diff --git a/themes/sukaato/layouts/partials/math.html b/themes/sukaato/layouts/partials/math.html
new file mode 100644
index 0000000..b5c6fa0
--- /dev/null
+++ b/themes/sukaato/layouts/partials/math.html
@@ -0,0 +1,15 @@
+<script id="mathjax" async src="https://cdn.jsdelivr.net/npm/mathjax@4/tex-mml-chtml.js"></script>
+<script>
+    MathJax = {
+        tex: {
+            displayMath: [['\\[', '\\]'], ['$$', '$$']],  // block
+            inlineMath: [['$', '$']]                  // inline
+        },
+        loader: {
+            load: ['ui/safe']
+        },
+        output: {
+            font: 'mathjax-asana'
+        }
+    };
+</script>
\ No newline at end of file
diff --git a/themes/sukaato/layouts/partials/music-notation.html b/themes/sukaato/layouts/partials/music-notation.html
new file mode 100644
index 0000000..3eb07b1
--- /dev/null
+++ b/themes/sukaato/layouts/partials/music-notation.html
@@ -0,0 +1,10 @@
+<script id="abcjs" src="https://cdn.jsdelivr.net/npm/abcjs@6.5.0/dist/abcjs-plugin-min.js"></script>
+<script>
+    ABCJS.plugin.render_options = {
+        add_classes: true,
+        hint_measures: true,
+        responsive: 'resize',
+        tablature: [{instrument: 'guitar'}]
+    };
+    ABCJS.plugin.hide_abc = true;
+</script>
\ No newline at end of file
diff --git a/themes/sukaato/layouts/partials/tablature-notation.html b/themes/sukaato/layouts/partials/tablature-notation.html
new file mode 100644
index 0000000..4c93fec
--- /dev/null
+++ b/themes/sukaato/layouts/partials/tablature-notation.html
@@ -0,0 +1,3 @@
+<script src="https://jtab.tardate.com/javascripts/jquery.js"></script>
+<script src="https://jtab.tardate.com/javascripts/raphael.js"></script>
+<script src="https://jtab.tardate.com/javascripts/jtab.js"></script>
\ No newline at end of file