-
Notifications
You must be signed in to change notification settings - Fork 0
/
rainbow.html
52 lines (41 loc) · 1.93 KB
/
rainbow.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
<!DOCTYPE html>
<html>
<head>
<title>RAINBOW</title>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" type="text/css" href="rainbow.css">
<link rel="stylesheet" href="font-awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="rainbow.js"></script>
</head>
<body>
<!-- RAINBOW GAME -->
<div id="rainbow-game">
<div id="rainbow-game-shell">
<img id="rainbow-wheel-img" src="octagon.png" style="display: none;">
<img id="rainbow-LW-img" src="LW.png" style="display: none;">
<img id="rainbow-WW-img" src="WW.png" style="display: none;">
<img id="rainbow-MW-img" src="MW.png" style="display: none;">
<img id="rainbow-HW-img" src="HW.png" style="display: none;">
<canvas style="font-family: 'FontAwesome';" id="rainbow-canvas" ></canvas>
<!-- New game Dialog -->
<div id="rainbow-new-game-dialog" class="hidden">
<button type="button" class="rainbow-close rainbow-clickable" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<form id="new-game-form" action="javascript:void(0);">
<input id="new-game-key-text" class="key-input rainbow-clickable" type="text" placeholder="Enter a level key if you have one"/>
<br>
<div class="rainbow-difficulties">
<label class="left-difficulty rainbow-clickable"><input type="radio" name="rainbow-difficulty" value="0"> <span>LW</span></label>
<label class="rainbow-clickable"><input type="radio" name="rainbow-difficulty" value="1" checked> <span>WW</span></label>
<label class="rainbow-clickable"><input type="radio" name="rainbow-difficulty" value="2"> <span>MW</span></label>
<label class="right-difficulty rainbow-clickable" ><input type="radio" name="rainbow-difficulty" value="3"> <span>HW</span></label>
</div>
<button class="rainbow-new-game-button rainbow-clickable">New Game</button>
</form>
</div>
</div>
</div>
<!-- RAINBOW GAME -->
</body>
</html>