From 0c3d89b7da28f517afffd615bd1097a6261bb663 Mon Sep 17 00:00:00 2001
From: MayaChat <mayarchambault@spatulaa.com>
Date: Mon, 24 Nov 2025 01:22:07 -0500
Subject: [PATCH] Fetch and render README.md content dynamically in the notes
 section

---
 index.html | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 4b69aeb..fb634c9 100644
--- a/index.html
+++ b/index.html
@@ -25,12 +25,8 @@
         <!-- Service groups will be populated dynamically from /services.xml -->
       </section>
 
-      <section class="notes">
-        <h2>Notes</h2>
-        <ul>
-          <li>If any service is behind a reverse proxy or uses host networking, the path/host may differ.</li>
-          <li>Edit <code>services.xml</code> in this repo to add/remove links.</li>
-        </ul>
+      <section class="notes" id="readme-section">
+        <div id="readme-content">Loading documentation...</div>
       </section>
     </main>
 
@@ -479,6 +475,20 @@
           container.innerHTML = '<p class="notes">Error loading services.xml — see console for details.</p>';
         }
       })();
+
+      // Fetch and render README.md
+      (async function loadReadme(){
+        try {
+          const response = await fetch('/README.md', {cache: 'no-cache'});
+          if(!response.ok) throw new Error('README not found');
+          const markdown = await response.text();
+          const html = marked.parse(markdown);
+          document.getElementById('readme-content').innerHTML = html;
+        } catch(err) {
+          console.error('Error loading README:', err);
+          document.getElementById('readme-content').innerHTML = '<p>Documentation unavailable.</p>';
+        }
+      })();
     </script>
   </body>
 </html>