added some controls, reset doesn't work

some problem with the object copy `automaton = seed`

diff --git a/index.php b/index.php
index bce9967..e78d7a6 100644 (file)
--- a/index.php
+++ b/index.php
@@ -10,6 +10,11 @@
       <canvas width='750px' height='750px' id='canvas'></canvas>
       <div id='controls'>
         <h1>2D</h1>
+        <div id='start-automaton' class='control'>Start automaton</div>
+        <div id='stop-automaton' class='control'>Stop automaton</div>
+        <div id='reset-automaton' class='control'>Reset automaton</div>
+        <div id='highlight-seed' class='control'>Highlight seed</div>
+        <br>
         Generation: <span id='generation'>0</span>
       </div>
     </div>

diff --git a/style.css b/style.css
index e6005a9..8145b7e 100644 (file)
--- a/style.css
+++ b/style.css
@@ -6,12 +6,10 @@ canvas {
     float:left;
     width:150px;
     }
-#controls li {
+#controls .control {
     cursor: pointer;
-    padding-bottom:15px;
     font-weight: bold;
-    list-style-type: none;
-    }
-#markup {
-    display:none;
     }
+#highlight-seed, #stop-automaton {
+    display: none;
+}