diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 47 |
1 files changed, 30 insertions, 17 deletions
@@ -7,7 +7,11 @@ <body> <h1>automathon</h1> - <textarea> + <div id='editor'> + <div id='code'> + <button id='compile'>compile</button> + <br> + <textarea id='src'> : fac dup 1 > if @@ -15,22 +19,31 @@ then ; 5 fac - </textarea> - <button id='compile'>compile</button> - <button id='tick'>tick</button> - <button id='bench'>bench</button> - <fieldset> - <legend>stack</legend> - <ol id='stack'></ol> - </fieldset> - <fieldset> - <legend>call stack</legend> - <ol id='callstack'></ol> - </fieldset> - <fieldset> - <legend>word list</legend> - <div id='wordlist'></div> - </fieldset> +drop</textarea> + </div> + <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> + <fieldset class='wordlist'> + <legend>word list</legend> + <div id='wordlist'></div> + </fieldset> + <fieldset class='stack'> + <legend>stack</legend> + <ol id='stack'></ol> + </fieldset> + <fieldset class='callstack'> + <legend>call stack</legend> + <ol id='callstack'></ol> + </fieldset> + </div> + </div> + </div> + <br> <canvas id='arena' width='512' height='512'>no canvas!</canvas> <script src='./main.mjs' type='module'></script> </body> |