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>