diff options
| author | Elizabeth Hunt <me@liz.coffee> | 2026-01-07 19:29:30 -0800 |
|---|---|---|
| committer | Elizabeth Hunt <me@liz.coffee> | 2026-01-07 19:29:30 -0800 |
| commit | 91b7598b22f89319f64054daf42c950de3eb6451 (patch) | |
| tree | b337ad01c75e7ee88f287eda05522e72dd9a8dd5 /src/toys/tabloid/index.html | |
| parent | 49012297ea792a69501b74d8d83bd4be44d177da (diff) | |
| download | lizdotcoffee-91b7598b22f89319f64054daf42c950de3eb6451.tar.gz lizdotcoffee-91b7598b22f89319f64054daf42c950de3eb6451.zip | |
Adding some of my favorite toys
Diffstat (limited to 'src/toys/tabloid/index.html')
| -rw-r--r-- | src/toys/tabloid/index.html | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/src/toys/tabloid/index.html b/src/toys/tabloid/index.html new file mode 100644 index 0000000..61ec937 --- /dev/null +++ b/src/toys/tabloid/index.html @@ -0,0 +1,53 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="icon" href="https://adelie.liz.coffee/img/favicon.ico" /> + <link rel="stylesheet" href="https://adelie.liz.coffee/bundle.css"> + <title>Tabloid</title> +</head> +<body> + <main> + <article> + <h3>Tabloid</h3> + <p>Forgotten how to write Tabloid since your schooldays? Here's <a target="_blank" href="https://github.com/thesephist/tabloid/blob/master/README.md#language-overview">a refresher</a>.</p> + + <div> + <label for="program-select">Sample:</label> + <select id="program-select" aria-label="Sample Tabloid programs"></select> + </div> + + <section class="mt-md"> + <div + id="code-editor" + class="code-editor-container" + aria-label="Tabloid source code" + spellcheck="false" + autocomplete="off" + autocorrect="off" + ></div> + </section> + + <div class="mt-sm"> + <button id="run-button" class="primary">Run (Ctrl + Enter)</button> + <button id="clear-button">Clear Output</button> + </div> + + <section class="mt-md"> + <h4>stdout</h4> + <pre id="stdout-content" aria-live="polite"></pre> + </section> + + <section class="mt-md"> + <h4>stderr</h4> + <pre class="text-error" id="error-content" aria-live="polite"></pre> + </section> + </article> + </main> + + <script src="https://adelie.liz.coffee/bundle.js"></script> + <script src="https://adelie.liz.coffee/adelie-editor.js"></script> + <script type="module" src="./js/main.js"></script> +</body> +</html> |