diff options
Diffstat (limited to 'src/toys/turing/index.html')
| -rw-r--r-- | src/toys/turing/index.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/src/toys/turing/index.html b/src/toys/turing/index.html new file mode 100644 index 0000000..838c5bf --- /dev/null +++ b/src/toys/turing/index.html @@ -0,0 +1,42 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="https://adelie.liz.coffee/bundle.css"> + <link rel="stylesheet" href="./css/styles.css"> + <title>Turing Machine</title> +</head> +<body> + <main> + <article> + <h3>Turing Machine</h3> + + <p id="state-text">State: _, Step: 0</p> + + <div id="tape" class="tape mt-md"></div> + + <div class="controls mt-sm"> + <button id="run-btn" class="primary">Run (Ctrl + Enter)</button> + <button id="step-btn">Step</button> + <button id="reset-btn">Reset</button> + <button id="copy-btn">Copy State</button> + </div> + + <section class="mt-lg"> + <div class="mt-sm"> + <label for="program-select">Example:</label> + <select id="program-select"></select> + </div> + + <div id="code-editor" class="code-editor-container mt-sm"></div> + </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> |
