-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
99 lines (87 loc) · 5.18 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
<html>
<head>
<title>Client</title>
<canvas height="600" id="canvas" width="800"></canvas>
<link id="fav" rel="icon" type="image/png" href="./icon.png" />
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Russo+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">
<link rel="stylesheet" href="./css/Bootstrap.css"></link>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="./css/csshake.min.css">
<script src="./js/jscolor.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="./js/main.js"></script>
</head>
<body>
<div id="overlays" style="background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 200;font-family: Orbitron;">
<div id="main">
<form role="form">
<div class="form-group">
<div style="float: left; margin-left: 20px;">
<h2 style="font-family: 'Orbitron', sans-serif;font-size: 45px;color: orange;" class="shake-slow shake-constant" id="titleh">Client</h2>
</div>
<br clear="both">
<form role="form">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a>
</li>
<li role="presentation">
<a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a>
</li>
<li role="presentation">
<a href="#theming" aria-controls="theming" role="tab" data-toggle="tab">Themes</a>
</li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane" id="home">
</div>
<div role="tabpanel" class="tab-pane fade settings" id="settings">
<hr>
<div class="zoomSpeed"></div>
<div class="container">
<div class="settingsRow">
<span id="animationTxt">Animation Delay 120</span><br><br>
<label></label><input type="range" id="delay" min="120" max="300"></label>
<br><br>
<div style=" position: relative;">
<label><input type="checkbox" name="sectors" id="sectors"> Sectors  </label>
<label><input type="checkbox" name="borders" id="borders"> Borders  </label> <br><br>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="theming">
<label>Background Colour  </label><br>
<input class="jscolor" id="bgColour" value="222222"><br>
<label>Border Colour  </label><br>
<input class="jscolor" id="borderColour" value="FFA500"><br>
<label>Sector Colour  </label><br>
<input class="jscolor" id="sectorColour" value="1A1A1A"><br>
</div>
</div>
</form>
</div>
<div class="form-group">
<input class="form-control" id="nick" maxlength="15" placeholder="Nick">
<input class="form-control" id="skinUrl" placeholder="SkinUrl (https://i.imgur.com/........)">
</div>
<br>
<div class="form-group">
<button class="shake-constant btn btn-play btn-primary btn-needs-server" style="background-color: orange;" id="playBtn" onclick="setNick(document.getElementById('nick').value); return false;"
type="submit">Join</button>
<button class="btn btn-warning btn-watch btn-needs-server" style="background-color: orange;" id="watchBtn" onclick="watch(); return false;">Watch</button>
<br clear="both">
<br>
</div>
</form>
<p>
An open-source client made by <a href="https://github.com/Fan7asy" target="_blank">Fan7asy</a>
</p>
</div>
</div>
</body>
<input id="chat" maxlength="200" placeholder="Enter to chat" type="text">
</html>