From 37ecc69ecc8fb5b3b26a37ac45494ccc8f67c158 Mon Sep 17 00:00:00 2001
From: slashformotion <slashformotion@protonmail.com>
Date: Fri, 30 Jul 2021 21:07:51 +0200
Subject: [PATCH] enable either mathjax or katex Fixes
 slashformotion/hugo-tufte#9

---
 exampleSite/config.toml    | 34 +++++++++++++++++++++++-----------
 layouts/partials/math.html | 33 +++++++++++++++++++++++++++++----
 2 files changed, 52 insertions(+), 15 deletions(-)

diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 47d69e0..5680805 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -1,23 +1,32 @@
+# Remove this if your site folder is not inside the theme folder
 themesDir = "../../"
 
-canonifyurls = true
-baseurl = "https://slashformotion.github.io/hugo-tufte/"
+# Set your theme here
 theme = "hugo-tufte"
+# The url of your website
+baseurl = "https://slashformotion.github.io/hugo-tufte/"
+# The title of your website (shown on all the pages)
 title = "Hugo-tufte Theme Example Site"
-pygmentsUseClasses=true
-[taxonomies]
-  category = "categories" 
-  group = "groups"
-  series = "series"
-  tag = "tags"
+# Site wide kill switch for Latex support
+math = true
+# (If math is enabled) 
+## if "katex" is set to true katex will be used to render LaTex, if not MathJax will be used instead
+katex = false
 
 [params]
-  math = true
+  # Subtitle of the website
   subtitle = "Subtitle goes here."
+  # Your name or the name of you company
   copyrightHolder = "Copyright Holder"
+  # Show the "Powered by Hugo-Tufte and Hugo." 
   showPoweredBy = true
+  # Site wide kill switch
   hidedate = false
 
+[taxonomies]
+  category = "categories"
+  series = "series"
+  tag = "tags"
 # -----------------------------------------------------------------------
 # Navigation menu 
 # -----------------------------------------------------------------------
@@ -63,8 +72,11 @@ pygmentsUseClasses=true
   url = "https://twitter.com"
 
 
-
+# Don't change the settings below
 [markup]
   [markup.goldmark]
     [markup.goldmark.renderer]
-      unsafe = true
+      unsafe = true # make the shortcodes work
+
+pygmentsUseClasses=true
+canonifyurls = true
\ No newline at end of file
diff --git a/layouts/partials/math.html b/layouts/partials/math.html
index dff31cd..31131c1 100644
--- a/layouts/partials/math.html
+++ b/layouts/partials/math.html
@@ -1,4 +1,29 @@
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css">
-<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js"></script>
-<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js"></script> 
-
+{{ if .Params.katex }}
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css">
+    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js"></script>
+    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js"></script>
+    <script>
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    { left: "$$", right: "$$", display: true },
+                    { left: "\\[", right: "\\]", display: true },
+                    { left: "$", right: "$", display: false },
+                    { left: "\\(", right: "\\)", display: false }
+                ],
+                displayMode: true
+            }
+        );
+    </script>
+{{ else }}
+    <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
+    <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+    <script>
+        window.MathJax = {
+            tex: {
+                inlineMath: [['$', '$'], ['\\(', '\\)']]
+            }
+        };
+    </script>
+{{ end }}
\ No newline at end of file