From 8dd3ca58a5b1e2621cd2577827a4dbb6b81b7906 Mon Sep 17 00:00:00 2001
From: Kevin Stone <91576158+kstone40@users.noreply.github.com>
Date: Thu, 15 Aug 2024 00:18:30 -0400
Subject: [PATCH] Move JS code to end of readme under collapsible

---
 readme.md | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/readme.md b/readme.md
index d506237..80e15ff 100644
--- a/readme.md
+++ b/readme.md
@@ -3,19 +3,7 @@ obsidian
 ReadMe
 -->
 
-
-<!---
-Use JS to dynamically change the linked image based on the light/dark theme
---->
-<script type="text/javascript">
-var observer = new MutationObserver(function(mutations) {
-    const dark = document.documentElement.dataset.theme == 'dark';
-    document.getElementsByClassName('mainlogo')[0].src = dark ? 'https://github.com/MSDLLCpapers/obsidian/blob/main/docs/_static/obsidian_logo_dark.svg?raw=true' : "https://github.com/MSDLLCpapers/obsidian/blob/main/docs/_static/obsidian_logo.svg?raw=true";
-})
-observer.observe(document.documentElement, {attributes: true, attributeFilter: ['data-theme']});
-</script>
 <link rel="preload" href="_static/obsidian_logo_dark.svg" as="image">
-
 <div align = "center">
   <img src="https://github.com/MSDLLCpapers/obsidian/blob/main/docs/_static/obsidian_logo.svg?raw=true" class="mainlogo dark-light" width="100" alt = "obsidian logo">
 </div>
@@ -149,3 +137,13 @@ See [CONTRIBUTING](https://github.com/MSDLLCpapers/obsidian/blob/main/CONTRIBUTI
 
 ## License
 __obsidian__ is licensed by the [GPLv3 license](https://github.com/MSDLLCpapers/obsidian/blob/main/LICENSE).
+
+<details><summary>JavaScript for ReadMe dark mode</summary>
+        <script type="text/javascript" class="hidden">
+        var observer = new MutationObserver(function(mutations) {
+            const dark = document.documentElement.dataset.theme == 'dark';
+            document.getElementsByClassName('mainlogo')[0].src = dark ? 'https://github.com/MSDLLCpapers/obsidian/blob/main/docs/_static/obsidian_logo_dark.svg?raw=true' : "https://github.com/MSDLLCpapers/obsidian/blob/main/docs/_static/obsidian_logo.svg?raw=true";
+        })
+        observer.observe(document.documentElement, {attributes: true, attributeFilter: ['data-theme']});
+        </script>
+</details>