-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (72 loc) · 3.5 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
70
71
72
73
74
<!--
index.html -- main page
Codes from Jack Works([email protected])
And idea is from Scott Shen([email protected])
Vola Studio 2014.
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="index.css" />
<title></title>
</head>
<body>
<div class="game_empty">
<div class="game_stage_menu stage" style="display: block;">
<div style="width: 350px; height: 350px; float: left;">
<img src="" width="350" height="350" />
</div>
<div style="width: 175px; height: 150px; float: right; padding: 100px 0px; text-align: center;">
<p class="menu dis1" data-choose="about" id="menu_about">About</p>
<p class="menu active" data-choose="inf" id="menu_inf">Infinity Mode</p>
<p class="menu dis1" data-choose="classic" id="menu_classic" style="text-decoration: line-through;">Classic Mode</p>
<p class="menu" data-choose="settings" id="menu_settings" style="text-decoration: line-through;">Settings</p>
</div>
</div>
<div class="game_stage_about stage">
<p class="game_board_title game_board_tile" style="background: #03a9f4;">
In<a href="#" style="float: right;margin-right: 1.75em;" class="backToMenu">back to menu</a>
</p>
<div style="float: left; width: 50%;">
<p class="game_board_tile" style="background: #673ab7;">How to play :</p>
<p>Click in time</p>
<p>Get a high score</p>
<p>Never stop</p>
<p>Designed by <a href="mailto:[email protected]">Vola Studio</a></p>
</div>
<div style="float:right; width: 50%;">
<p class="game_board_tile" style="background: #ff5722;">Designers</p>
<p>Jack Works (Coder)</p>
<p>Scott Shen (UI Designer)</p>
</div>
</div>
<div class="game_stage_gaming stage">
<div class="game_enviroment">
<svg id="game_env">
<circle cx="175" cy="175" r="100" class="game_target" id="game_tg"></circle>
<circle cx="175" cy="175" r="10" class="game_source" id="game_sc"></circle>
</svg>
</div>
<div class="game_tips" style="position: absolute;">
<p class="game_board_tile tips" style="background:#673ab7;">In</p>
</div>
<div class="game_board">
<div class="game_board_infobox">
<p class="game_board_tile start" style="background: #3f51b5;">Start</p>
<p class="game_board_tile mode" style="background: #5677fc;">Mode : <span>Infinity</span></p>
<p class="game_board_tile score" style="background: #00bcd4;">Score: <span>123</span></p>
<p class="game_board_tile exit backToMenu" style="background: #14e715;">Exit</p>
</div>
</div>
</div>
<div class="game_stage_settings stage"></div>
</div>
<script src="jquery.js"></script>
<script src="event.js"></script>
<script src="data.js"></script>
<script src="logic.js"></script>
<script src="points.js"></script>
<script src="UI.js"></script>
</body>
</html>