-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
87 lines (77 loc) · 2.77 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="description" content="Interactive online world map and population tracker for PlanetSide 2." />
<meta name="viewport" content="width=device-width" />
<title>Indar - PS2Map</title>
<link rel="stylesheet" href="./index.css" />
<link rel="stylesheet" href="./ps2-map.css" />
<link rel="stylesheet" href="./tools.css" />
<script src="./index.js"></script>
</head>
<body>
<div id="map">
<div id="tool-context"></div>
</div>
<aside id="sidebar">
<div id="sidebar-grabber"></div>
<div class="sidebar-scroll">
<a href="#" class="logo">
<span>PlanetSide 2 Interactive Map</span>
</a>
<h4>Map Selection</h4>
<p class="placeholder">
This section is temporary and will be replaced with a pop-up menu of maps and available instances in the future.
</p>
<div class="map-selector">
<select id="continent-dropdown" title="Continent">
</select>
<select id="server-dropdown" title="Server">
<option>Select a server</option>
<option disabled>─────────────</option>
</select>
<div class="button">Select</div>
<div class="button">Connect</div>
</div>
<h4>Layers</h4>
<div id="layer-toggle-container" class="grid-col-2">
<div data-disabled>Control Points</div>
<div data-disabled>Air Spawns</div>
<div data-disabled>Drawing Canvas</div>
</div>
<h4>Tools</h4>
<div id="toolbox" class="grid-col-2"></div>
<p id="tool-help"></p>
<!-- <div class="settings-form">
<label class="label" for="brush-color">Brush Color</label>
<input type="color" id="brush-color" value="#FFFF66" />
</div> -->
<h4>Settings</h4>
<details open>
<summary>Faction Colors</summary>
<div class="settings-form">
<label class="label" for="color-ns">Neutral Territory</label>
<input type="color" id="color-ns" value="#3f3f3f" />
<label class="label" for="color-tr">Terran Republic</label>
<input type="color" id="color-tr" value="#e21919" />
<label class="label" for="color-nc">New Conglomerate</label>
<input type="color" id="color-nc" value="#3c7fff" />
<label class="label" for="color-vs">Vanu Sovereignty</label>
<input type="color" id="color-vs" value="#b84dd5" />
<div></div>
<div class="button" id="color-reset">Reset</div>
</div>
</details>
<br />
</div>
<footer>
<p>
© 2022 PS2Map. All rights reserved.
<br />
PlanetSide 2 is a registered trademark of Daybreak Game Company LLC.
</p>
</footer>
</aside>
</body>
</html>