diff options
| author | Brian Cully <bjc@spork.org> | 2025-12-23 13:53:49 -0500 |
|---|---|---|
| committer | Brian Cully <bjc@spork.org> | 2025-12-23 13:53:49 -0500 |
| commit | 1887bb00cf21177b7ba70954e8a1f638ef7dcb53 (patch) | |
| tree | 0e8f8f155d9a5dae323800fa8ea678d167b11647 /site/index.html | |
| parent | a2c8d50e62713eed9fc6820b68eda49bebea8314 (diff) | |
| download | automathon-1887bb00cf21177b7ba70954e8a1f638ef7dcb53.tar.gz automathon-1887bb00cf21177b7ba70954e8a1f638ef7dcb53.zip | |
simplify css, allow multiple inspectors
Diffstat (limited to 'site/index.html')
| -rw-r--r-- | site/index.html | 79 |
1 files changed, 40 insertions, 39 deletions
diff --git a/site/index.html b/site/index.html index 4ddb3ea..2273668 100644 --- a/site/index.html +++ b/site/index.html @@ -10,15 +10,14 @@ <body> <h1>automathon</h1> - <div id='ff'> - <section id='arena'> + <div class='flex-col'> + <section> <h2>arena</h2> - <canvas width='300' height='300'> + <canvas id='arena' width='300' height='300'> oh no! no canvas support! </canvas> <div class='controls'> - <!-- <button id='bench'>bench</button> --> <button id='tick'> <svg version='1.1' width='30' height='20' viewbox='0 0 100 100'> <title>tick</title> @@ -53,45 +52,47 @@ fps: <span id='fps'>n/a</span> </section> <!-- arena --> - <x-inspector id='robview'> - <h2>inspector</h2> - <details id='editor' open> - <summary>source code</summary> - <div id='code'> - <select id='src-select'> - <option>rob.fs</option> - <option>fac.fs</option> - <option>slo-fac.fs</option> - </select> - <button id='compile'>compile</button> - <br> - <div id='src' contenteditable='plaintext-only'></div> - </div> <!-- code --> - </details> + <section> + <x-inspector> + <h2>inspector</h2> + <details open> + <summary>source code</summary> + <div> + <select class='src-select'> + <option>rob.fs</option> + <option>fac.fs</option> + <option>slo-fac.fs</option> + </select> + <button class='compile'>compile</button> + <br> + <div class='src' contenteditable='plaintext-only'></div> + </div> <!-- code --> + </details> - <details id='scope' open> - <summary>scope</summary> - <fieldset class='wordlist'> - <legend>word list</legend> - <div id='wordlist'></div> - </fieldset> + <details open> + <summary>scope</summary> + <fieldset> + <legend>word list</legend> + <div class='wordlist'></div> + </fieldset> - <fieldset class='vars'> - <legend>vars</legend> - <dl id='vars'></dl> - </fieldset> + <fieldset> + <legend>vars</legend> + <dl class='vars'></dl> + </fieldset> - <fieldset class='stack'> - <legend>stack</legend> - <ol id='stack'></ol> - </fieldset> + <fieldset> + <legend>stack</legend> + <ol class='stack'></ol> + </fieldset> - <fieldset class='callstack'> - <legend>call stack</legend> - <ol id='callstack'></ol> - </fieldset> - </details> <!-- scope --> - </x-inspector> + <fieldset> + <legend>call stack</legend> + <ol class='callstack'></ol> + </fieldset> + </details> <!-- scope --> + </x-inspector> + </section> </div> <script src='./main.mjs' type='module'></script> |