-
Notifications
You must be signed in to change notification settings - Fork 0
/
game.html
55 lines (49 loc) · 2.27 KB
/
game.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>EyeFrame</title>
<!-- Latest compiled and minified CSS -->
<!-- Optional theme -->
<link href='http://fonts.googleapis.com/css?family=Chewy&text=Tower%20of%20Hanoi%20Game' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="css/app.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src='http://cdn.html5quintus.com/v0.2.0/quintus-all.js'></script>
<script type="text/javascript" src="js/dot.js"></script>
<script type="text/javascript" src="js/jsTetris.js"></script>
</head>
<body>
<h2 class="title"></h2>
<ul class="nav nav-tabs">
<li role="presentation"><a href="index.html">Home</a></li>
<li role="presentation"><a href="download.html">Download</a></li>
<li role="presentation" class="active"><a href="game.html">Game</a></li>
<li role="presentation"><a href="tutorial.html">Tutorial</a></li>
</ul>
<div class="main">
<h3 class="text-primary">Let's Play!
</h3>
<h4>Per block and button : 1 point Per Line: 10 points</h4>
<button class="startButton" onClick="play()">Start!</button>
<p></p>
<div class="ball2" style="float: left;"></div>
<div class="onscreen_arrows" style="float: left; display: inline-block; padding-top: 30%;">
<div class="up"><input type="button" value="^" id="tetris-keyboard-up" /></div>
<div class="middle">
<div class="left" style="float: left;"><input type="button" value="<" id="tetris-keyboard-left" /></div>
<div class="down" style="float: left;" ><input type="button" value="v" id="tetris-keyboard-down" /></div>
<div class="right"style="float: left;"><input type="button" value=">" id="tetris-keyboard-right" /></div>
</div>
</div>
<div class="tetris_main" style="float: left;"></div>
</div>
<div class="dots" style="float: left; margin-top: 3%;"></div>
<script type="text/javascript">
$('.ball2').load("ball2.html");
$('.tetris_main').load("tetris.html");
$('.dots').load("dot.html");
</script>
</body>
</html>