-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
69 lines (64 loc) · 3.01 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
68
69
<!DOCTYPE html>
<html>
<head>
<title>EQTN Game</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/gamestyle.css">
<meta charset="UTF-8">
</head>
<body>
<script id="ingame_tpl" type="text/x-handlebars-template">
<div id="main">
<header>
<div id="logo"><h4>√<span style="text-decoration: overline">EQTN</span><sup>1.0</sup></h4></div><button id="next" class="btn arrow right">Nächste Aufgabe</button>
</header>
<div id="alertarea"></div>
<div id="gamearea" style="height: {{result}}0px;">
<section id="result">
<div class="block result" style="height: {{result}}0px"></div>
</section>
<section id="term">
{{#each constants}}
<div class="block constant" style="height: {{this}}0px"></div>
{{/each}}
{{#each vars}}
{{#times count}}
<div class="block" data-slider-binding="{{../name}}" style="background: {{#color ../name}}{{/color}};"></div>
{{/times}}
{{/each}}
</section>
<div id="equals">=</div>
<section id="controls">
<div id="instructions">Pull the sliders and solve the equation!</div>
{{#each vars}}
<input id={{name}} type="range" min="1" max="10" value="1" step="1"></input>
{{/each}}
</section>
</div>
</div>
</script>
<script id="dialog_tpl" type="text/x-handlebars-template">
<div class="center-wrapper">
<div class="window"><header>{{title}}</header>{{text}}<button class="btn" onclick="$('.dialog').remove()">{{button}}</button></div>
</div>
</script>
<script id="start_tpl" type="text/x-handlebars-template">
<div id="vertical-align">
<h1>√<span style="text-decoration: overline">EQTN</span><sup>1.0</sup></h1>
<a class="btn start" href="#ingame">Start</a>
</div>
</script>
<script id="error_tpl" type="text/x-handlebars-template">
<h1>Error!</h1><br>
<center>Site not found!</center>
</script>
<script src="lib/jquery-2.1.1.min.js"></script>
<script src="lib/handlebars-v2.0.0.js"></script>
<script src="js/model/eqt-xml-store.js"></script>
<script src="js/views/ingameView.js"></script>
<script src="js/views/startView.js"></script>
<script src="js/views/errorView.js"></script>
<script src="js/model/storage/equations.js"></script>
<script src="js/main.js"></script>
</body>
</html>