From acfea7c9e0129168205c374783e7036e5018c9a5 Mon Sep 17 00:00:00 2001
From: Elizabeth Hunt <me@liz.coffee>
Date: Sun, 4 Jan 2026 20:58:28 -0800
Subject: Claude: first attempt at code editor

---
 src/index.html | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

(limited to 'src/index.html')

diff --git a/src/index.html b/src/index.html
index 5deda56..511e113 100644
--- a/src/index.html
+++ b/src/index.html
@@ -18,7 +18,7 @@
 
         <main>
             <!-- Color Palette -->
-            <article>
+            <article style="margin-bottom: var(--space-xl);">
                 <h2>Color Palette</h2>
                 <p>
                     A retro-themed minimal CSS framework with carefully selected colors for light
@@ -425,6 +425,23 @@
 retro(); // "That's totally rad!"</code></pre>
             </article>
 
+            <!-- Live Code Editor -->
+            <article>
+                <h2>Live Code Editor</h2>
+                <p>Try out the interactive code editor powered by CodeMirror:</p>
+
+                <div class="editor-controls">
+                    <label for="language-select">Language:</label>
+                    <select id="language-select">
+                        <option value="javascript">JavaScript</option>
+                        <option value="css">CSS</option>
+                        <option value="html">HTML</option>
+                    </select>
+                </div>
+
+                <div id="code-editor" class="code-editor-container"></div>
+            </article>
+
             <!-- Dividers -->
             <article>
                 <h2>Dividers</h2>
@@ -523,6 +540,6 @@ retro(); // "That's totally rad!"</code></pre>
             <p>&copy; 2025 Liz CSS Framework. Made with coffee and retro vibes.</p>
         </footer>
 
-        <script src="/bundle.js"></script>
+        <script type="module" src="/script.js"></script>
     </body>
 </html>
-- 
cgit v1.2.3-70-g09d2