-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.xhtml
62 lines (51 loc) · 1.62 KB
/
index.xhtml
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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Tetris.js</title>
<script src="lib/require/require.js"
data-main="main"
type="application/javascript"
defer="defer"
></script>
<script src="lib/keyboard-event-pollyfill/DOMEventsLevel3.shim.min.js"
type="application/javascript"
defer="defer"
></script>
<link rel="stylesheet" href="assets/tetris.css" media="screen" charset="utf-8"></link>
</head>
<body id='body'>
<header id='title'>
<h1>
<a href="http://cbarrick.github.io/Tetris.js/">Tetris.js</a>
</h1>
<h2>
an experiment by
<a href="https://github.com/cbarrick"><address>Chris Barrick</address></a>
</h2>
</header>
<div id="game" tabindex="-1">
<audio id="music" autoplay="true" loop="true">
<source src="assets/Tetris Korobeiniki Remix.mp3"/>
</audio>
<div class="menu open">
<section id="instructions" class="menu-block open">
<h1>Instructions</h1>
<ul>
<li><p>Use the <em>left</em> and <em>right</em> arrow keys to move</p></li>
<li><p>Use the <em>up</em> arrow key to rotate</p></li>
<li><p>Use the <em>down</em> arrow key to soft drop</p></li>
<li><p>Use the <em>space</em> bar to hard drop</p></li>
<li><p>Use the <em>shift</em> key to hold</p></li>
<li><p>Use the <em>esc</em> key to pause</p></li>
</ul>
<h2>Score</h2>
<p><span class="score-value">0000</span></p>
<div class="buttons">
<button class="sound-btn">Mute</button>
<button class="play-btn">Play</button>
</div>
</section>
</div>
</div>
</body>
</html>