size adjustments and divs->spans

diff --git a/1d.js b/1d.js
index cac53ea..bff03cb 100644 (file)
--- a/1d.js
+++ b/1d.js
@@ -1,7 +1,7 @@
 $(document).ready(function(){
     
-    var cells = 20;
-    var generations = 10;
+    var cells = 100;
+    var generations = 100;
 
     var state = {
         '000' : '0',

diff --git a/index.php b/index.php
index e78d7a6..c95cf4c 100644 (file)
--- a/index.php
+++ b/index.php
@@ -10,12 +10,13 @@
       <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>
+        <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>
   </body>

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