-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
42 lines (41 loc) · 1.98 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
<!doctype html>
<html>
<head>
<title>Continuum Clicker</title>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link href="css/styles.css" type="text/css" rel="stylesheet">
<script type="application/javascript" src="bower_components/jquery/dist/jquery.js"></script>
<script type="application/javascript" src="bower_components/rivets/dist/rivets.js"></script>
<script type="application/javascript" src="js/helper.js"></script>
<script type="application/javascript" src="js/speedlevels.js"></script>
<script type="application/javascript" src="js/upgrades.js"></script>
<script type="application/javascript" src="js/main.js"></script>
</head>
<body id="game">
<canvas id="c" width="100%" height="100%"></canvas>
<div class="gameInfo top">
<span id="energy">{ game.totalEnergy | beautify 1 } energy</span>
<span id="energyPerSecond">{ game.energyPerSecond | beautify 1 } eps (- { game.energyCostPerSecond | beautify 1 } eps)</span>
</div>
<ul id="upgrades">
<li rv-each-upgrade="game.upgrades" rv-on-click="controller.buy" rv-color="upgrade.color">
<span class="name">{ upgrade.level }x { upgrade.name }</span>
<span class="cost">{ upgrade.cost | beautify 1 }</span>
<span class="info">produces { upgrade.energy | beautify 1 } eps</span>
</li>
</ul>
<ul id="speedLevels">
<li rv-each-speed="game.speedLevels" rv-on-click="controller.setSpeed" rv-color="speed.color" rv-bgcolor="speed.bgcolor">
<span class="name">{ speed.name }</span>
<span class="cost">{ speed.cost | beautify 1 }</span>
<span class="info">{ speed.calculatedSpeed | beautify 1 } km/h</span>
</li>
</ul>
<div id="spaceship"></div>
<div class="gameInfo bottom">
<span id="speed">{ game.speed | beautify } km/h</span>
<span id="distance">{ game.distance | beautify } km</span>
</div>
<script type="application/javascript" src="js/starfield.js"></script>
</body>
</html>