diff --git a/assets/latex.js b/assets/latex.js
new file mode 100644
index 0000000..bdf64c5
--- /dev/null
+++ b/assets/latex.js
@@ -0,0 +1,69 @@
+document.addEventListener("DOMContentLoaded", function() {
+
+  var macros = {
+    ",": (context) => context.future()?.text === " " ? "{\\char`,}" : "\\char`,",
+    "\\qty": "{#1\\,\\mathrm{#2}}",
+    "\\qtyrange": "{#1\\text{--}#2\\,\\mathrm{#3}}",
+    "\\unit": "{\\mathrm{#1}}",
+    "\\num": "{#1}",
+    "\\squared": "{^{2}}",
+    "\\cubed": "{^{3}}",
+    "\\per": "/",
+    "\\percent": "\\%",
+    "\\tera": "\\text{T}",
+    "\\giga": "\\text{G}",
+    "\\mega": "\\text{M}",
+    "\\kilo": "\\text{k}",
+    "\\dezi": "\\text{d}",
+    "\\centi": "\\text{c}",
+    "\\milli": "\\text{m}",
+    "\\micro": "\\text{μ}",
+    "\\nano": "\\text{n}",
+    "\\pico": "\\text{p}",
+    "\\kilogram": "\\text{kg}",
+    "\\gram": "\\text{g}",
+    "\\meter": "\\text{m}",
+    "\\second": "\\text{s}",
+    "\\hour": "\\text{h}",
+    "\\ampere": "\\text{A}",
+    "\\kelvin": "\\text{K}",
+    "\\mol": "\\text{mol}",
+    "\\bel": "\\text{B}",
+    "\\dezibel": "\\text{dB}",
+    "\\dB": "\\text{dB}",
+    "\\dBm": "\\text{dBm}",
+    "\\dBu": "\\text{dBu}",
+    "\\dBW": "\\text{dBW}",
+    "\\dBi": "\\text{dBi}",
+    "\\dBd": "\\text{dBd}",
+    "\\candela": "\\text{cd}",
+    "\\newton": "\\text{N}",
+    "\\hertz": "\\text{Hz}",
+    "\\pascal": "\\text{Pa}",
+    "\\volt": "\\text{V}",
+    "\\watt": "\\text{W}",
+    "\\joule": "\\text{J}",
+    "\\henry": "\\text{H}",
+    "\\farad": "\\text{F}",
+    "\\coulomb": "\\text{C}",
+    "\\ohm": "\\Omega",
+    "\\Ohm": "\\Omega",
+    "\\weber": "\\text{Wb}",
+    "\\tesla": "\\text{T}",
+    "\\bit": "\\text{b}",
+    "\\baud": "\\text{Bd}",
+    "\\degree": "^\\circ",
+    "\\degreeCelsius": "^\\circ\\text{C}",
+  };
+
+  renderMathInElement(document.body, {
+    delimiters: [
+        {left: '$$', right: '$$', display: true}, // Note: $$ has to come before $
+        {left: '$', right: '$', display: false},
+        {left: '\\[', right: '\\]', display: true},
+        {left: "\\(", right: "\\)", display: false},
+    ],
+    throwOnError : false,
+    macros: macros
+  });
+});
\ No newline at end of file
diff --git a/assets/script.js b/assets/script.js
index 395cc78..634aae6 100644
--- a/assets/script.js
+++ b/assets/script.js
@@ -1,73 +1,3 @@
-document.addEventListener("DOMContentLoaded", function() {
-
-  var macros = {
-    ",": (context) => context.future()?.text === " " ? "{\\char`,}" : "\\char`,",
-    "\\qty": "{#1\\,\\mathrm{#2}}",
-    "\\qtyrange": "{#1\\text{--}#2\\,\\mathrm{#3}}",
-    "\\unit": "{\\mathrm{#1}}",
-    "\\num": "{#1}",
-    "\\squared": "{^{2}}",
-    "\\cubed": "{^{3}}",
-    "\\per": "/",
-    "\\percent": "\\%",
-    "\\tera": "\\text{T}",
-    "\\giga": "\\text{G}",
-    "\\mega": "\\text{M}",
-    "\\kilo": "\\text{k}",
-    "\\dezi": "\\text{d}",
-    "\\centi": "\\text{c}",
-    "\\milli": "\\text{m}",
-    "\\micro": "\\text{μ}",
-    "\\nano": "\\text{n}",
-    "\\pico": "\\text{p}",
-    "\\kilogram": "\\text{kg}",
-    "\\gram": "\\text{g}",
-    "\\meter": "\\text{m}",
-    "\\second": "\\text{s}",
-    "\\hour": "\\text{h}",
-    "\\ampere": "\\text{A}",
-    "\\kelvin": "\\text{K}",
-    "\\mol": "\\text{mol}",
-    "\\bel": "\\text{B}",
-    "\\dezibel": "\\text{dB}",
-    "\\dB": "\\text{dB}",
-    "\\dBm": "\\text{dBm}",
-    "\\dBu": "\\text{dBu}",
-    "\\dBW": "\\text{dBW}",
-    "\\dBi": "\\text{dBi}",
-    "\\dBd": "\\text{dBd}",
-    "\\candela": "\\text{cd}",
-    "\\newton": "\\text{N}",
-    "\\hertz": "\\text{Hz}",
-    "\\pascal": "\\text{Pa}",
-    "\\volt": "\\text{V}",
-    "\\watt": "\\text{W}",
-    "\\joule": "\\text{J}",
-    "\\henry": "\\text{H}",
-    "\\farad": "\\text{F}",
-    "\\coulomb": "\\text{C}",
-    "\\ohm": "\\Omega",
-    "\\Ohm": "\\Omega",
-    "\\weber": "\\text{Wb}",
-    "\\tesla": "\\text{T}",
-    "\\bit": "\\text{b}",
-    "\\baud": "\\text{Bd}",
-    "\\degree": "^\\circ",
-    "\\degreeCelsius": "^\\circ\\text{C}",
-  };
-
-  renderMathInElement(document.body, {
-    delimiters: [
-        {left: '$$', right: '$$', display: true}, // Note: $$ has to come before $
-        {left: '$', right: '$', display: false},
-        {left: '\\[', right: '\\]', display: true},
-        {left: "\\(", right: "\\)", display: false},
-    ],
-    throwOnError : false,
-    macros: macros
-  });
-});
-
 function shuffleChildren(el) {
   for (var i = el.children.length; i >= 0; i--) {
       el.appendChild(el.children[Math.random() * i | 0]);
@@ -95,6 +25,4 @@ for (i = 0; i < els.length; i++) {
   let el = els[i];
   katex.render(el.innerHTML, el, { throwOnError: false });
 }
-
-
 */
diff --git a/templates/html/page.html b/templates/html/page.html
index 73b7ad9..9cfb40d 100644
--- a/templates/html/page.html
+++ b/templates/html/page.html
@@ -14,6 +14,7 @@
     <link rel="stylesheet" href="assets/katex/katex.min.css">
     <script defer src="assets/katex/katex.min.js"></script>
     <script defer src="assets/katex/auto-render.min.js"></script>
+    <script defer src="assets/latex.js"></script>  
     <script defer src="assets/script.js"></script>  
     <style>
     </style>
diff --git a/templates/slide/slide.html b/templates/slide/slide.html
index d5e76bb..a889087 100644
--- a/templates/slide/slide.html
+++ b/templates/slide/slide.html
@@ -21,7 +21,7 @@
     <link rel="stylesheet" href="assets/katex/katex.min.css">
     <script defer src="assets/katex/katex.min.js"></script>
     <script defer src="assets/katex/auto-render.min.js"></script>
-    <script defer src="assets/script.js"></script>
+    <script defer src="assets/latex.js"></script>
 </head>
 
 <body>