-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (89 loc) · 3.85 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<script defer src="/js/variables.js"></script>
<script defer src="/js/script.js"></script>
<script defer src="/js/functions.js"></script>
<script defer src="/js/events/keyEvents.js"></script>
<script defer src="/js/events/click.js"></script>
<script defer src="/js/events/focus.js"></script>
<script defer src="/js/events/blur.js"></script>
</head>
<body onload="getStoredData();">
<div id="topBar">
<img id="volume" src="img/volume.png">
<div id="scoreDisplay">HighScore: 0</div>
</div>
<div id="startScreen">
<img id="logo" src="img/logo.png">
<button id="start"><img id="startIcon" src="img/buttons/playButton.png"></button>
</div>
<div id="tutorial">
<div id="tutorialImgAp">
<img id="tutorialImage" src="img/tutorial/tutorial_1.gif">
<p id="tutorialParagraph">To pause the game, press the left softkey.</p>
</div>
<div id="loadingScreen">
<h3 id="loadingProgress">0%</h3>
<progress value="0" id="loadingProgressbar"></progress>
</div>
</div>
<div id="settings">
<div id="setting-options">
<div tabindex="-1" class="settings-options" id="option-mainsettings">Main</div>
</div>
<div id="mainsettings">
<h3>Sounds:</h3>
<button id="music" tabindex="0" class="settingsSoundsButton"><img id="musicIcon"
src="/img/buttons/musicButton.png"></button>
<button id="sound" tabindex="1" class="settingsSoundsButton"><img id="soundIcon"
src="/img/buttons/soundsButton.png"></button>
<h3>Game Mode:</h3>
<button id="easy" tabindex="0" class="gameModeButton">Easy</button>
<button id="medium" tabindex="1" class="gameModeButton">Medium</button>
<button id="hard" tabindex="2" class="gameModeButton">Hard</button>
</div>
</div>
<div id="pause">
<h1>Paused</h1>
<div id="pauseButtons">
<button tabindex="0" class="pauseBtn" id="pauseStart"><img class="pauseButton" id="pauseStartIcon"
src="img/buttons/playButton.png"></button>
<button tabindex="1" class="pauseBtn" id="pauseRestart"><img class="pauseButton" id="pauseRestartIcon"
src="img/buttons/restartButton.png"></button>
<button tabindex="2" class="pauseBtn" id="pauseHome"><img class="pauseButton" id="pauseHomeIcon"
src="img/buttons/homeButton.png"></button>
</div>
<div id="pauseSoundButtons">
<h3>Sounds:</h3>
<button tabindex="0" class="musicAudioBtn" id="pauseMusicBtn"><img id="pauseMusicIcon"
src="/img/buttons/musicButton.png"></button>
<button tabindex="1" class="musicAudioBtn" id="pauseSoundsBtn"><img id="pauseSoundsIcon"
src="/img/buttons/soundsButton.png"></button>
</div>
</div>
<div id="restartScreen">
<h3 id="score"></h3>
<h3 id="highScore"></h3>
<div id="buttons">
<button tabindex="0" class="deadBtn" id="restart"><img id="restartIcon"
src="img/buttons/restartButton.png"></button>
<button tabindex="1" class="deadBtn" id="home"><img id="homeIcon" src="img/buttons/homeButton.png"></button>
</div>
</div>
<div id="exit">
<h3>Do you really want to exit?</h3>
<div id="options">
<div id="no">No</div>
<div id="yes">Yes</div>
</div>
</div>
<canvas id="canvas" width="317" height="210"></canvas>
<footer id="softkey">
<div id="softkeyLeft">Settings</div>
<div id="softkeyEnter"></div>
<div id="softkeyRight">Tutorial</div>
</footer>
</body>
</html>