-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
113 lines (113 loc) · 5.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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<html>
<head>
<link href="stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css"/>
</head>
<body>
<article class='dev-output'>
<span class='js-last-piece-that-moved'>0</span>
<span id='js-piece-count'>0</span>
<div id='js-piece-data'></div>
<span id='js-event-counter' class='event-counter'>0</span>
</article>
<article class='game-wrapper layout--row with-border'>
<section class='layout--column with-border'>
<div class='score-wrapper layout--column'>
<span id='js-score' class='score'>0</span>
<span id='js-level' class='level'>1</span>
</div>
<ol class='high-score layout--column'>
<li id='js-high-score-1' class='js-high-score layout--row compact with-border first'>
<span class='js-name high-score__value'></span>
<span class='js-level high-score__value high-score__level'></span>
<span class='js-pieceType high-score__value'></span>
<span class='js-score high-score__value high-score__score'></span>
</li>
<li id='js-high-score-2' class='js-high-score layout--row compact with-border second'>
<span class='js-name high-score__value'></span>
<span class='js-level high-score__value high-score__level'></span>
<span class='js-pieceType high-score__value'></span>
<span class='js-score high-score__value high-score__score'></span>
</li>
<li id='js-high-score-3' class='js-high-score layout--row compact with-border third'>
<span class='js-name high-score__value'></span>
<span class='js-level high-score__value high-score__level'></span>
<span class='js-pieceType high-score__value'></span>
<span class='js-score high-score__value high-score__score'></span>
</li>
<li id='js-high-score-4' class='js-high-score layout--row compact with-border'>
<span class='js-name high-score__value'></span>
<span class='js-level high-score__value high-score__level'></span>
<span class='js-pieceType high-score__value'></span>
<span class='js-score high-score__value high-score__score'></span>
</li>
<li id='js-high-score-5' class='js-high-score layout--row compact with-border'>
<span class='js-name high-score__value'></span>
<span class='js-level high-score__value high-score__level'></span>
<span class='js-pieceType high-score__value'></span>
<span class='js-score high-score__value high-score__score'></span>
</li>
<li id='js-high-score-6' class='js-high-score layout--row compact with-border'>
<span class='js-name high-score__value'></span>
<span class='js-level high-score__value high-score__level'></span>
<span class='js-pieceType high-score__value'></span>
<span class='js-score high-score__value high-score__score'></span>
</li>
<li id='js-high-score-7' class='js-high-score layout--row compact with-border'>
<span class='js-name high-score__value'></span>
<span class='js-level high-score__value high-score__level'></span>
<span class='js-pieceType high-score__value'></span>
<span class='js-score high-score__value high-score__score'></span>
</li>
<li id='js-high-score-8' class='js-high-score layout--row compact with-border'>
<span class='js-name high-score__value'></span>
<span class='js-level high-score__value high-score__level'></span>
<span class='js-pieceType high-score__value'></span>
<span class='js-score high-score__value high-score__score'></span>
</li>
<li id='js-high-score-9' class='js-high-score layout--row compact with-border'>
<span class='js-name high-score__value'></span>
<span class='js-level high-score__value high-score__level'></span>
<span class='js-pieceType high-score__value'></span>
<span class='js-score high-score__value high-score__score'></span>
</li>
<li id='js-high-score-10' class='js-high-score layout--row compact with-border'>
<span class='js-name high-score__value'></span>
<span class='js-level high-score__value high-score__level'></span>
<span class='js-pieceType high-score__value'></span>
<span class='js-score high-score__value high-score__score'></span>
</li>
<li id='js-high-score-11' class='js-high-score layout--row compact with-border'>
<span class='js-name high-score__value'></span>
<span class='js-level high-score__value high-score__level'></span>
<span class='js-pieceType high-score__value'></span>
<span class='js-score high-score__value high-score__score'></span>
</li>
</ol>
</section>
<section class='grid-wrapper'>
<div id='js-tetris' class='grid' data-component='grid'/>
</section>
<section class='info-and-settings-wrapper layout--column with-border'>
<div id='js-next-piece' class='next-piece'/>
</section>
</article>
<div id='js-form-background' class='form-background layout--column'>
<span class='form-label'>Add your score</span>
<form id='js-high-score' class='high-score-form' method='post'>
<input type='text' name='name' maxlength="3"/>
<input id='js-form-score' type='hidden' name='score' value='0'/>
<input id='js-form-level' type='hidden' name='level' value='0'/>
<input id='js-high-score__add-button' type='submit' name='submit' value='Save'/>
</form>
</div>
</body>
</html>
<script src='config.js'></script>
<script src='grid.js'></script>
<script src='piece.js'></script>
<script src='cell.js'></script>
<script src='keys.js'></script>
<script src='timer.js'></script>
<script>
window.tetris=new window.Grid('js-tetris');
</script>