MathJax config & styles

Author: cmbuckley

_ci/fingerprints.sh

@@ -4,6 +4,7 @@ fingerprints=_data/fingerprints.yml
 
 files=(
     "icons:assets/img/icons/icons.svg"
+    "maths:assets/js/maths.js"
     "scripts:assets/js/scripts.js"
     "search:assets/js/search.js"
     "style:assets/css/style.css"

_includes/scripts.html

@@ -10,6 +10,11 @@
 
 <script defer="defer" nonce="" src="{% include mainurl.html %}/assets/js/scripts.js{% include v.html id='scripts' %}"></script>
 {%- if page.maths -%}
+<style>
+mjx-help { display: none !important; }
+.mjx-selected { outline: none !important; }
+</style>
+<script defer="defer" nonce="" src="{% include mainurl.html %}/assets/js/maths.js{% include v.html id='maths' %}"></script>
 <script defer="defer" nonce="" src="https://cdn.jsdelivr.net/npm/mathjax@4/tex-mml-chtml.js"></script>
 {%- endif -%}
 {%- if page.search -%}

assets/js/maths.js

@@ -0,0 +1,16 @@
+window.MathJax = {
+  options: {
+    makeCollapsible: false,
+    a11y: {
+      help: false,
+      backgroundOpacity: 0,
+    },
+  },
+  startup: {
+    ready() {
+      const {SpeechExplorer} = MathJax._.a11y.explorer.KeyExplorer;
+      SpeechExplorer.prototype.help = () => {};
+      MathJax.startup.defaultReady();
+    },
+  },
+};