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>