index.php

   1 <html>
   2   <head>
   3     <title>cellular automaton</title>
   4     <link type='text/css' rel='stylesheet' href='style.css'>
   5     <script type='text/javascript' src='jquery-core.js'></script>
   6     <script type='text/javascript' src='1d.js'></script>
   7     <script type='text/javascript' src='2d.js'></script>
   8   </head>
   9   <body>
  10     <div id='2d-container'>
  11       <canvas width='750px' height='750px' id='2d-automaton'></canvas>
  12       <div id='controls'>
  13         <h1>2D</h1>
  14         <span class='label'>Generation: <span id='generation'>0</span></span>
  15         <span class='label'>2500 cells</span>
  16         <br><br>
  17         <span id='start-automaton' class='control'>Start automaton</span>
  18         <span id='stop-automaton' class='control'>Stop automaton</span>
  19       </div>
  20     </div>
  21     <div id='1d-container'>
  22       <canvas width='750px' height='750px' id='1d-automaton'></canvas>
  23       <div id='controls'>
  24         <h1>1D</h1>
  25         <br>
  26         <span class='label'>100 Generations</label><br>
  27         <span class='label'>100 Cells</label>
  28       </div>
  29     </div>
  30   </body>
  31 </html>