diff options
| author | Brian Cully <bjc@spork.org> | 2025-12-16 18:59:39 -0500 |
|---|---|---|
| committer | Brian Cully <bjc@spork.org> | 2025-12-16 19:29:25 -0500 |
| commit | 3014a14b3a86681be15288f2495de6ae01196b42 (patch) | |
| tree | 880b1eb185a42e58438f799a05788ab6699e2773 /site/index.html | |
| parent | 45a2cfca666e5698462090399ff2db13be57a38c (diff) | |
| download | automathon-3014a14b3a86681be15288f2495de6ae01196b42.tar.gz automathon-3014a14b3a86681be15288f2495de6ae01196b42.zip | |
html: animate independently of tick rate, reorg a lot of html
i should have done this in more commits, but i'm not going to go back
and fix it now.
Diffstat (limited to 'site/index.html')
| -rw-r--r-- | site/index.html | 68 |
1 files changed, 40 insertions, 28 deletions
diff --git a/site/index.html b/site/index.html index a0775ae..635cc3c 100644 --- a/site/index.html +++ b/site/index.html @@ -8,35 +8,48 @@ <body> <h1>automathon</h1> - <canvas id='arena' width='300px' height='300px'> - oh no! no canvas support! - </canvas> + <div id='ff'> + <section id='arena'> + <h2>arena</h2> + <canvas width='300px' height='300px'> + oh no! no canvas support! + </canvas> - <div id='editor'> - <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> + <div class='controls'> + <button id='bench'>bench</button> + <button id='tick'>tick</button> + <button id='blinken'>blinken</button> + </div> <!-- controls --> + </section> <!-- arena --> - <div id='state-container'> - <div id='state'> - <div class='controls'> - <button id='tick'>tick</button> - <button id='bench'>bench</button> - <button id='blinken'>blinken</button> - </div> + <section id='robview'> + <h2>code</h2> + <details id='editor' open> + <summary>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> + <details id='scope' open> + <summary>scope</summary> <fieldset class='wordlist'> <legend>word list</legend> <div id='wordlist'></div> </fieldset> + <fieldset class='vars'> + <legend>vars</legend> + <dl id='vars'></dl> + </fieldset> + <fieldset class='stack'> <legend>stack</legend> <ol id='stack'></ol> @@ -46,15 +59,14 @@ <legend>call stack</legend> <ol id='callstack'></ol> </fieldset> - - <fieldset class='vars'> - <legend>vars</legend> - <dl id='vars'></dl> - </fieldset> - </div> - </div> + </details> <!-- scope --> + </section> <!-- robview --> </div> <script src='./main.mjs' type='module'></script> + + <footer> + <address><a href='https://git.spork.org/automathon.git'>src</a></address> + </footer> </body> </html> |