-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathmenu.html
59 lines (59 loc) · 2.57 KB
/
menu.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Space Head Hunters</title>
<link href="https://fonts.googleapis.com/css?family=Geo" rel="stylesheet">
<link rel="stylesheet" href="menu-style.css">
</head>
<body>
<h1>SPACE HEAD HUNTERS</h1>
<div class="submenu" id="settings">
<ul>
<li>Music: <label class="slider-wrap"><input id="music" type="checkbox" checked><span class="slider"></span></input></span></li>
<li>Sound Effects: <label class="slider-wrap"><input id="sfx" type="checkbox" checked><span class="slider"></span></input></span></li>
<a href="" class="btn" id="settings-back"><li>Back</li></a>
</ul>
</div>
<div class="submenu" id="network">
<ul>
<a href="" class="btn" id="lobby-btn"><li>Host Game</li></a>
<li id="connect-to-ip">Connect to IP<br/>
<form>
<input class="ip-address" id="ip-1" type="text" size="3" maxlength="4" onkeyup="nextSegment(this)" required></input> .
<input class="ip-address" id="ip-2" type="text" size="3" maxlength="4" onkeyup="nextSegment(this)" required></input> .
<input class="ip-address" id="ip-3" type="text" size="3" maxlength="4" onkeyup="nextSegment(this)" required></input> .
<input class="ip-address" id="ip-4" type="text" size="3" maxlength="4" onkeyup="nextSegment(this)" required></input>
<br/>
<button type="submit" id="connect">Connect</button>
</form>
</li>
<a href="" class="btn" id="network-back"><li>Back</li></a>
</ul>
</div>
<div class="submenu" id="lobby">
<ul>
<li><span id="network-player-count">0</span> Players Connected</li>
<li id="client-waiting-message">Waiting for host to start the game...</li>
<a href="" class="btn" id="host-start"><li>Start Game</li></a><br/><br/>
<a href="menu.html" class="btn" id="lobby-back"><li>Back</li></a>
</ul>
</div>
<div class="submenu" id="hotseat">
<ul>
<li id="hotseat-player-count">Players<br/><input id="hotseat-players" type="number" min="2" max="4" value="2" required></input></li>
<a href="" class="btn" id="hotseat-start"><li>Start Game</li></a><br/><br/>
<a href="" class="btn" id="hotseat-back"><li>Back</li></a>
</ul>
</div>
<div id="main-menu">
<ul>
<a href="" class="btn" id="btn-hotseat"><li>Hotseat Game</li></a>
<a href="" class="btn" id="btn-network"><li>Network Game</li></a>
<a href="" class="btn" id="btn-settings"><li>Settings</li></a>
<a href="" class="btn" id="btn-exit"><li>Exit</li></a>
</ul>
</div>
<script src="assets/javascript/main-menu.js" type="text/javascript"></script>
</body>
</html>