From 5bb91eeb0f9c47550e86202e573e2f2fcd196722 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Wed, 19 Apr 2023 19:35:00 +0200
Subject: [PATCH] import of everything

---
 templates/blog/footer.html | 32 +++++++++++++++++---------------
 templates/blog/head.html   | 10 ++++++++--
 2 files changed, 25 insertions(+), 17 deletions(-)

diff --git a/templates/blog/footer.html b/templates/blog/footer.html
index 205d0bd..568bf84 100644
--- a/templates/blog/footer.html
+++ b/templates/blog/footer.html
@@ -6,37 +6,39 @@
 <!-- KaTeX -->
 <script
   defer
-  src="https://cdn.jsdelivr.net/npm/katex@0.16.6/dist/katex.min.js"
+  src="//cdn.jsdelivr.net/npm/katex@0.16.6/dist/katex.min.js"
   integrity="sha384-j/ZricySXBnNMJy9meJCtyXTKMhIJ42heyr7oAdxTDBy/CYA9hzpMo+YTNV5C+1X"
   crossorigin="anonymous"
 ></script>
 <script
   defer
-  src="https://cdn.jsdelivr.net/npm/katex@0.16.6/dist/contrib/auto-render.min.js"
+  src="//cdn.jsdelivr.net/npm/katex@0.16.6/dist/contrib/auto-render.min.js"
   integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05"
   crossorigin="anonymous"
   onload="renderMathInElement(document.body);"
 ></script>
+<script>
+  window.addEventListener("load", () => {
+    for (let item of document.getElementsByClassName("language-math")) {
+      katex.render(item.textContent, item, {
+        displayMode: item.classList.contains("math-display"),
+      });
+    }
+  });
+</script>
 {{/math}} {{#mermaid}}
 <!-- Mermaid diagrams -->
 <script type="module">
   import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs";
-  mermaid.initialize({ startOnLoad: true });
+  mermaid.initialize({ startOnLoad: false });
+  await mermaid.run({
+    querySelector: ".language-mermaid",
+  });
 </script>
 {{/mermaid}} {{#syntax_highlight}}
 <!-- Syntax highligthing -->
-<script src="https://cdn.jsdelivr.net/npm/shiki"></script>
-
+<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
 <script>
-  shiki
-    .getHighlighter({
-      theme: "nord",
-    })
-    .then((highlighter) => {
-      const code = highlighter.codeToHtml(`console.log('shiki');`, {
-        lang: "js",
-      });
-      document.getElementById("output").innerHTML = code;
-    });
+  hljs.highlightAll();
 </script>
 {{/syntax_highlight}} {{/metadata}} {{/post}} {{/data}}
diff --git a/templates/blog/head.html b/templates/blog/head.html
index f9ccd67..c6d5219 100644
--- a/templates/blog/head.html
+++ b/templates/blog/head.html
@@ -43,9 +43,15 @@
   <!-- KaTeX -->
   <link
     rel="stylesheet"
-    href="https://cdn.jsdelivr.net/npm/katex@0.16.6/dist/katex.min.css"
+    href="//cdn.jsdelivr.net/npm/katex@0.16.6/dist/katex.min.css"
     integrity="sha384-mXD7x5S50Ko38scHSnD4egvoExgMPbrseZorkbE49evAfv9nNcbrXJ8LLNsDgh9d"
     crossorigin="anonymous"
   />
-  {{/math}} {{/metadata}} {{/post}} {{/data}}
+  {{/math}} {{#syntax_highlight}}
+  <!-- Syntax highligthing -->
+  <link
+    rel="stylesheet"
+    href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css"
+  />
+  {{/syntax_highlight}} {{/metadata}} {{/post}} {{/data}}
 </head>