From 07223397297f0c485a8294f23b900390b9062929 Mon Sep 17 00:00:00 2001
From: clsource <camilo@ninjas.cl>
Date: Thu, 28 May 2026 09:23:23 -0400
Subject: [PATCH 1/2] docs: added dark theme to mermaid, simplify code for
 detection

---
 mix.exs | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/mix.exs b/mix.exs
index e9348f2..0476e74 100644
--- a/mix.exs
+++ b/mix.exs
@@ -65,18 +65,8 @@ defmodule Mob.MixProject do
     <script src="https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.min.js"></script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
-        mermaid.initialize({ startOnLoad: false });
-        let id = 0;
-        for (const codeEl of document.querySelectorAll("pre code.mermaid")) {
-          const preEl = codeEl.closest("pre");
-          const graphEl = document.createElement("div");
-          const graphId = "mermaid-graph-" + id++;
-          mermaid.render(graphId, codeEl.textContent).then(({ svg, bindFunctions }) => {
-            graphEl.innerHTML = svg;
-            if (bindFunctions) bindFunctions(graphEl);
-            preEl.replaceWith(graphEl);
-          });
-        }
+        mermaid.initialize({ startOnLoad: false, theme: "dark" });
+        window.mermaid.init(undefined, document.querySelectorAll(".mermaid"));
       });
     </script>
     """

From d517129d0c39fb8ec8a4f616463fb3fc53107d9e Mon Sep 17 00:00:00 2001
From: clsource <camilo@ninjas.cl>
Date: Thu, 28 May 2026 09:35:48 -0400
Subject: [PATCH 2/2] docs: joined functions before_closing_body_tag(:html)

---
 mix.exs | 21 ++++++++-------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/mix.exs b/mix.exs
index 0476e74..1114731 100644
--- a/mix.exs
+++ b/mix.exs
@@ -64,11 +64,19 @@ defmodule Mob.MixProject do
     """
     <script src="https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.min.js"></script>
     <script>
+      // Activate mermaid diagrams
       document.addEventListener("DOMContentLoaded", function () {
         mermaid.initialize({ startOnLoad: false, theme: "dark" });
         window.mermaid.init(undefined, document.querySelectorAll(".mermaid"));
       });
     </script>
+
+    <script>
+      // Ensure code blocks with language hints are highlighted
+      document.querySelectorAll("pre code").forEach(el => {
+        if (!el.className) el.className = "language-elixir";
+      });
+    </script>
     """
   end
 
@@ -143,19 +151,6 @@ defmodule Mob.MixProject do
     ]
   end
 
-  defp before_closing_body_tag(:html) do
-    """
-    <script>
-      // Ensure code blocks with language hints are highlighted
-      document.querySelectorAll("pre code").forEach(el => {
-        if (!el.className) el.className = "language-elixir";
-      });
-    </script>
-    """
-  end
-
-  defp before_closing_body_tag(_), do: ""
-
   defp elixirc_paths(:test), do: ["lib", "test/onboarding", "test/onboarding/support"]
   defp elixirc_paths(_), do: ["lib"]