diff options
| author | Elizabeth Hunt <me@liz.coffee> | 2026-01-04 20:58:28 -0800 |
|---|---|---|
| committer | Elizabeth Hunt <me@liz.coffee> | 2026-01-04 20:58:28 -0800 |
| commit | acfea7c9e0129168205c374783e7036e5018c9a5 (patch) | |
| tree | c94ca7170552ef59425203c9150f0523cdd514dd /src/index.html | |
| parent | 4dd5994b27bb32d93efacd6d3a42b130f81425df (diff) | |
| download | adelie-acfea7c9e0129168205c374783e7036e5018c9a5.tar.gz adelie-acfea7c9e0129168205c374783e7036e5018c9a5.zip | |
Claude: first attempt at code editor
Diffstat (limited to 'src/index.html')
| -rw-r--r-- | src/index.html | 21 |
1 files changed, 19 insertions, 2 deletions
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>© 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> |