From 31519c85528237af3568c2a9b3384c0f419ba83b Mon Sep 17 00:00:00 2001
From: J S <Neo_8_Anderson@protonmail.com>
Date: Mon, 16 Oct 2023 12:14:59 -0400
Subject: [PATCH] feat[math]: Added mathjax

---
 layouts/_default/baseof.html          |  4 ++++
 layouts/partials/head.html            |  1 +
 layouts/partials/mathjax_support.html | 22 ++++++++++++++++++++++
 static/css/style.css                  |  8 ++++++++
 4 files changed, 35 insertions(+)
 create mode 100644 layouts/partials/mathjax_support.html

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 95a06c5..35a076f 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -18,6 +18,10 @@
         {{ block "footer" . }}
         <!-- More shared code, perhaps a footer but that can be overridden if need be in  -->
         <script src="/js/dark.js" defer="" ></script>
+
+        <script type="text/javascript"
+            src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
+        </script>
         {{ end }}
     </body>
 </html>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 1ef1e03..39d754e 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -7,4 +7,5 @@
     <link rel="stylesheet" href="/css/style.css">
     <link rel="stylesheet" href="/css/fonts.css">
     <!-- End stylesheets -->
+{{ if .Params.mathjax }}{{ partial "mathjax_support.html" . }}{{ end }}
 </head>
diff --git a/layouts/partials/mathjax_support.html b/layouts/partials/mathjax_support.html
new file mode 100644
index 0000000..86ec9d0
--- /dev/null
+++ b/layouts/partials/mathjax_support.html
@@ -0,0 +1,22 @@
+<script>
+  MathJax = {
+    tex: {
+      inlineMath: [['$', '$'], ['\\(', '\\)']],
+      displayMath: [['$$','$$'], ['\\[', '\\]']],
+      processEscapes: true,
+      processEnvironments: true
+    },
+    options: {
+      skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'pre']
+    }
+  };
+
+  window.addEventListener('load', (event) => {
+      document.querySelectorAll("mjx-container").forEach(function(x){
+        x.parentElement.classList += 'has-jax'})
+    });
+
+</script>
+<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
+<script type="text/javascript" id="MathJax-script" async
+  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
diff --git a/static/css/style.css b/static/css/style.css
index b6c6a02..7f3fcff 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -55,3 +55,11 @@ border: solid;
 border-weight: 2pt;
 padding: 4pt;
 }
+
+
+code.has-jax {
+    -webkit-font-smoothing: antialiased;
+    background: inherit !important;
+    border: none !important;
+    font-size: 100%;
+}