From 431f13ef50ef3a3f7e799196e7fca272a43702ca Mon Sep 17 00:00:00 2001
From: Lucas B <lucas@jito.wtf>
Date: Wed, 31 Jul 2024 19:21:02 -0500
Subject: [PATCH] new

---
 docs/_layouts/default.html | 33 ++++++++++++++++++++++-----------
 1 file changed, 22 insertions(+), 11 deletions(-)
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index 600069e8..b1d7bede 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -8,6 +8,18 @@
     {% seo %}
     <link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">
     {% include head-custom.html %}
+    <style>
+        .mermaid {
+            display: flex;
+            justify-content: center;
+            margin: 20px 0;
+        }
+
+        .language-mermaid {
+            background: none;
+            border: none;
+        }
+    </style>
 </head>
 <body>
 <div class="container-lg px-3 my-5 markdown-body">
@@ -26,18 +38,17 @@ <h1><a href="{{ "/" | absolute_url }}">{{ site.title }}</a></h1>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.1.0/anchor.min.js" integrity="sha256-lZaRhKri35AyJSypXXs4o6OPFTbTmUoltBbDCbdzegg=" crossorigin="anonymous"></script>
 <script>anchors.add();</script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/10.9.1/mermaid.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/10.9.1/mermaid.min.js"></script>
 <script>
-    document.addEventListener("DOMContentLoaded", function() {
-        mermaid.initialize({
-            startOnLoad: true,
-            theme: 'forest',
-            flowchart: {
-                useMaxWidth: false,
-                htmlLabels: true
-            }
-        });
-    });
+    var config = {
+        startOnReady: true,
+        theme: 'forest',
+        flowchart: {
+            useMaxWidth: false,
+            htmlLabels: true
+        }
+    };
+    mermaid.initialize(config);
+    mermaid.init(undefined, '.language-mermaid');
 </script>
 </body>
 </html>
