-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
67 lines (64 loc) · 1.74 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
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html data-ng-app="memoryGameApp">
<head>
<meta
charset="utf-8" />
<title>Clicker</title>
<link href="style.css" rel="stylesheet" />
<script src="angular.js" type="text/javascript"></script>
<script src="app.js" type="text/javascript"></script>
</head>
<body data-ng-controller="gameCtrl">
<section
id="menu"
data-ng-hide="!game.showMenu">
<div class="title">Memory Mastery</div>
<div class="option">
<div class="optTitle">Difficulty</div>
<div
class="choice 1"
data-ng-repeat="option in option1"
data-ng-class="{chosen : option1[$index].selected}"
data-ng-click="option1Choice($index)">{{option1[$index].text}}</div>
</div>
<div class="option">
<div class="optTitle">Size</div>
<div
class="choice 2";
data-ng-repeat="option in option2"
data-ng-class="{chosen : option2[$index].selected}"
data-ng-click="option2Choice($index)">{{option2[$index].text}}</div>
</div>
<div
id="start"
data-ng-click="changeViews(false)">Start</div>
</section>
<section
id="game"
data-ng-hide="!game.showBoard">
<div
class="row"
data-ng-repeat="items in game.grid">
<div
class="tile"
data-ng-repeat="item in game.grid"
data-ng-class="{selected : game.grid[$parent.$index][$index].selected}"
data-ng-style="{'background-color' : '#' + game.grid[$parent.$index][$index].color}"
data-ng-click="clickTile($parent.$index, $index)"></div>
</div>
</section>
<h1 id="message">{{message}}</h1>
<section
id="retry"
data-ng-hide="!game.showRetry">
<div class="title"></div>
<div
id="continue"
data-ng-click="changeViews(false)">Retry</div>
<div
id="backToMenu"
data-ng-click="changeViews(true)">Back To Menu</div>
</section>
</body>
</html>
<!--data-ng-style="randomColor()"-->