From 411f2735bffc42d11a3b1b3447bbb1603e48a3eb Mon Sep 17 00:00:00 2001
From: Brian Cully <bjc@spork.org>
Date: Sun, 24 Aug 2025 15:46:22 -0400
Subject: move html stuff into ‘site’
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/main.css | 80 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 80 insertions(+)
 create mode 100644 site/main.css

(limited to 'site/main.css')

diff --git a/site/main.css b/site/main.css
new file mode 100644
index 0000000..9f7381d
--- /dev/null
+++ b/site/main.css
@@ -0,0 +1,80 @@
+html {
+    box-sizing: border-box;
+}
+*, *::before, *::after {
+    box-sizing: inherit;
+}
+
+#editor {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    grid-gap: 1em;
+}
+
+#code {
+    position: relative;
+    grid-row: 1;
+}
+
+#code #src {
+    width: 100%;
+    height: 25ex;
+    margin-top: 1ex;
+    padding: 1em;
+    border: 2px inset lightgray;
+    white-space: pre-wrap;
+}
+
+::highlight(exec) {
+    background-color: yellowgreen;
+}
+
+#compile {
+    position: absolute;
+    right: 0;
+}
+
+#state-container {
+    grid-row: 1;
+}
+
+#state {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+}
+
+#state .controls {
+    grid-row: 1;
+    grid-column: 1 / span 2;
+}
+
+#state .wordlist {
+    grid-row: 2;
+    grid-column: 1 / span 2;
+}
+
+#wordlist .ip {
+    background-color: yellow;
+}
+
+x-bytecode {
+    display: block;
+}
+
+x-bytecode::before {
+    display: inline-block;
+    width: 1em;
+    content: attr(x-index);
+    text-align: right;
+    padding-right: 0.4em;
+}
+
+x-op {
+    display: inline-block;
+    padding: 5px;
+    border: 1px solid grey;
+}
+
+canvas {
+    border: 1px solid greenyellow;
+}
-- 
cgit v1.3