-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·58 lines (58 loc) · 2.44 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html>
<head>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/styles.css" rel="stylesheet" type="text/css" media="all">
<link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
<script src="js/jquery-1.10.2.js"></script>
<script src="js/scripts.js"></script>
<title></title>
</head>
<body>
<div class="container">
<div id="board">
<h1 id="title"><a href="http://en.wikipedia.org/wiki/Conway's_Game_of_Life" target="_blank">Game of Life</a></h1>
<table id="grid"></table>
<button id="play" class="btn">Start</button>
<button id="pause" class="btn">Pause</button>
<button id="reset" class="btn">Reset</button>
<button id="step" class="btn">Step</button>
<button id="demo" class="btn">Demo!</button>
<!-- 4 lines below here-->
<form id="input">
<label for="grid-size">Adjust Grid Size </label>
<input id="grid-size" type="number" max=50 min=10 placeholder="Number of Pixels">
</form>
</div>
<div id="right-column">
<div id="scores">
<h2>Stats</h2>
<h4 id="generation">Generations: <span class="scores">0</span></h4>
<h4 id="population" >Population: <span class="scores">0</span></h4>
<h2>Hi-Scores</h2>
<h4 id="generation-high">Most Generations: <span class="scores">0</span></h4>
<h4 id="population-high">Highest Population: <span class="scores">0</span></h4>
<h4 id="static-problems">Put on some blocks and press start!</h2>
</div>
<div id="patterns">
<h3>Suggested pattern!</h3>
<img class="pattern" src="img/pentomino.png">
<h3 id="click1">Click to activate</h3>
<h3 id="click2">Click board to place</h3>
</div>
<div id="bios">
<h2>Created by</h2>
<div id="abby">
<h4>Abby</h4>
<a href="http://pilou.site44.com/" target="_blank">
<img class="bio" src="img/abby.png" alt="Likes bugs more than debugs" class="img-circle"></a>
</div>
<div id="braden">
<h4>Braden</h4>
<a href="http://braden.site44.com" target="_blank"><img class="bio" src="img/braden.png" alt="No clip-on ties for this fancy fellow" class="img-circle"></a>
</div>
</div>
</div>
</div>
</body>
</html>