From e9bce2376ed7fc3d93fad5c8dd0e749d907e8a00 Mon Sep 17 00:00:00 2001
From: brian cully <bjc@spork.org>
Date: Wed, 24 Dec 2025 12:35:20 -0500
Subject: part 3: dynamically add first robo from template when starting

---
 site/index.html | 78 +++++++++++++++++++++++++++++----------------------------
 1 file changed, 40 insertions(+), 38 deletions(-)

(limited to 'site/index.html')

diff --git a/site/index.html b/site/index.html
index a935339..71ca54d 100644
--- a/site/index.html
+++ b/site/index.html
@@ -11,7 +11,7 @@
     <h1>automathon</h1>
 
     <x-game>
-      <section>
+      <section class='arena'>
         <h2>arena</h2>
         <x-arena>
           <p>fps: <span id='fps'>n/a</span></p>
@@ -54,48 +54,50 @@
         </div> <!-- controls -->
       </section> <!-- arena -->
 
-      <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>
+      <section class='inspectors'>
+        <template>
+          <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 open>
-            <summary>scope</summary>
-            <fieldset>
-              <legend>word list</legend>
-              <div class='wordlist'></div>
-            </fieldset>
-
-            <div class='state'>
+            <details open>
+              <summary>scope</summary>
               <fieldset>
-                <legend>vars</legend>
-                <dl class='vars'></dl>
+                <legend>word list</legend>
+                <div class='wordlist'></div>
               </fieldset>
 
-              <fieldset>
-                <legend>stack</legend>
-                <ol class='stack'></ol>
-              </fieldset>
+              <div class='state'>
+                <fieldset>
+                  <legend>vars</legend>
+                  <dl class='vars'></dl>
+                </fieldset>
 
-              <fieldset>
-                <legend>call stack</legend>
-                <ol class='callstack'></ol>
-              </fieldset>
-            </div> <!-- state -->
-          </details> <!-- scope -->
-        </x-inspector>
+                <fieldset>
+                  <legend>stack</legend>
+                  <ol class='stack'></ol>
+                </fieldset>
+
+                <fieldset>
+                  <legend>call stack</legend>
+                  <ol class='callstack'></ol>
+                </fieldset>
+              </div> <!-- state -->
+            </details> <!-- scope -->
+          </x-inspector>
+        </template>
       </section>
     </x-game>
 
-- 
cgit v1.3