size adjustments and divs->spans

[cellular-automaton.git] / index.php
diff --git a/index.php b/index.php

index e838f18..c95cf4c 100644 (file)
--- a/index.php
+++ b/index.php
@@ -8,11 +8,16 @@
    <body>
      <div id='container'>
        <canvas width='750px' height='750px' id='canvas'></canvas>
+      <div id='controls'>
+        <h1>2D</h1>
+        <span id='start-automaton' class='control'>Start automaton</span>
+        <span id='stop-automaton' class='control'>Stop automaton</span>
+        <span id='reset-automaton' class='control'>Reset automaton</span>
+        <span id='highlight-seed' class='control'>Highlight seed</span>
+        <br><br>
+        <span class='label'>2500 cells</span><br>
+        <span class='label'>Generation: <span id='generation'>0</span></span>
+      </div>
      </div>
-    <div id='controls'>
-    <h1>2D</h1>
-    Generation: <span id='generation'>0</span>
-    </div>
-    <div id='markup'>test</div>
    </body>
  </html>