-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
61 lines (60 loc) · 2.1 KB
/
main.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
<html>
<head>
<title>SET</title>
<link type="text/css" rel="stylesheet" href="main.css">
<script data-main="main" src="./vendor/prefixfree.min.js"></script>
<script data-main="main" src="./vendor/require.js"></script>
</head>
<header>
<div class="info-bar">
<h1>SET</h1>
<button class="description-show">?</button>
<p class="description">Find a set of three cards where each of the four properties (color, shape, count, and shading) are either all the same or all different across the three cards.</p>
</div>
<div class="score-board">
<span class="sets-remaining"></span>
<ol id="selectedCards" class="card-list active-selection"></ol>
<button class="primary-action check-selection" disabled>Check Me</button>
<p class="result-message hidden"></p>
</div>
</header>
<div class="game-wrapper">
<ol id="gameBoard" class="card-list">
</ol>
</div>
<footer>
<a href="http://www.setgame.com/set">More about SET</a>
<button class="new-game">New Game</button>
</footer>
<div class="hidden results-template">
<h3>Your Results</h3>
<ol class="card-list">
{{:each selectedCards do}}
<li class="{{getClass()}}"></li>
{{end}}
</ol>
<ul class="results-properties">
{{:each properties do}}
{{. | :log}}
{{:if match | :equals( "all" ) do}}
<li class="good">All {{name | :titleize :pluralize( @setLimit, true )}} are the Same</li>
{{end}}
{{:if match | :equals( "none" ) do}}
<li class="good">All {{name | :titleize :pluralize( @setLimit, true )}} are Different</li>
{{end}}
{{:if match | :equals( "partial" ) do}}
<li class="bad">Some, but not All {{name | :titleize :pluralize( @setLimit )}} are the Same or Different</li>
{{end}}
{{end}}
</ul>
{{:if victory do}}
<h2 class="victory win">You found a set!</h2>
{{end}}
{{:unless victory do}}
<h2 class="victory loss">Nope, not a set.</h2>
{{end}}
<footer class="">
<button id="results-ok" class="">OK</button>
</footer>
</div>
</html>