size adjustments and divs->spans

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

index 4aaaac1..c95cf4c 100644 (file)
--- a/index.php
+++ b/index.php
@@ -7,11 +7,17 @@
    </head>
    <body>
      <div id='container'>
-      <canvas id='canvas'></canvas>
+      <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>
-    <ul id='controls'>
-         <li id='draw' class='tool'>2D</li>
-    </ul>
-    <div id='markup'>test</div>
    </body>
  </html>