-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
148 lines (140 loc) · 5.09 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html>
<head>
<div id="headerContainer">
<title>Battlefield Coordinate Finder 9000</title>
<link href="./style.css" rel="stylesheet" type="text/css" />
<meta property="og:title" content="Battlefield Coordinate Finder" />
<meta
property="og:description"
content="A tool for creating, finding and saving coordinates on Battlefield maps."
/>
<meta
property="og:image"
content="https://media.discordapp.net/attachments/1077345398139670671/1077770187790635030/image.png"
/>
<meta
property="og:url"
content="https://https://andy6170.github.io/BFCoordinateFinder/"
/>
<script src="https://unpkg.com/[email protected]/dist/panzoom.min.js"></script>
</head>
<body>
<span id="header-text">Battlefield Coordinate Finder 9000</span>
<div id="buttons-container">
<button id="new-button" class="newbutton">New</button>
<div class="load-button-container">
<button id="load-button" class="loadbutton">Load</button>
</div>
<div id="hidesave" style="display: none;">
<button id="save-button" class="button">Save</button>
<button id="import-button" class="importbutton">Import</button>
<button id="list-button" class="button">List</button>
</div>
<button id="help-button" class="helpbutton">Help</button>
</div>
</div>
<div id="new-options" style="display: none">
<p>Select a map from the collection or import your own image</p>
<div>
<label for="game-mode">Game Mode: </label>
<select id="game-mode">
<option value="select">Please select..</option>
<option value="Conquest">Conquest</option>
<option value="TDM">Vehicle TDM</option>
<option value="FFA">TDM and Free For All</option>
</select>
</div>
<div>
<label for="map" class="map-selection">Map: </label>
<select id="map" class="map-selection">
<option value="">Please select a game mode</option>
</select>
</div>
<button id="new-submit" class="extrabutton">Submit</button>
<button id="new-upload" class="extrabutton2">Import</button>
</div>
<div id="load-options" style="display: none">
<p>Load a save file from the collection or import your own file</p>
<div>
<label for="game-mode-save">Game Mode: </label>
<select id="game-mode-save">
<option value="select">Please select..</option>
<option value="Conquest">Conquest</option>
<option value="TDM">Vehicle TDM</option>
<option value="FFA">TDM and Free For All</option>
</select>
</div>
<div>
<label for="map-save" class="map-selection">Map: </label>
<select id="map-save" class="map-selection">
<option value="">Please select a game mode</option>
</select>
</div>
<button id="load-submit" class="extrabutton">Submit</button>
<button id="open-project" class="extrabutton2">Import</button>
</div>
<div id="help-content" style="display: none">
<p><strong>Controls:</strong></p>
<p>Click on a space to create a position</p>
<p>Coordinates are separated with spaces</p>
<p>Click on a position to view it and copy to the clipboard</p>
<p style="margin-top: 30px;">
<strong>Links:</strong>
<a
href="https://youtu.be/4o5wVdihymg"
target="_blank"
>Tutorial</a
>
-
<a
href="https://github.com/andy6170/BFCoordinateFinder/tree/main/Map%20Images"
target="_blank"
>Map Images</a
>
-
<a
href="https://github.com/andy6170/BFCoordinateFinder/tree/main/Map%20Coordinate%20Files"
target="_blank"
>Save Files</a
>
</p>
</div>
<hr/>
<div id="pointListContainer" style="display: none">
<div id="pointList"></div>
</div>
<div id="credits">
<p>Select From The Menu To Get Started</p>
<p style="line-height: 6.5;"> </p>
<p>Created by andy6170 and gala_vs</p>
<br>
<p>Contributors:</p>
<p>Robert5974</p>
<p>TOTALfps</p>
<br>
<p>Version 1.5.2</p>
</div>
<div id="canvas-wrapper" style="display: none">
<img src="image.jpg" id="background-placeholer" />
<div id="main-canvas-container">
<img src="" id="background-image" />
<canvas id="my-canvas"></canvas>
</div>
</div>
<!-- Add the alert container with the correct class -->
<div class="alert"></div>
<!-- Include your script.js file -->
<script src="./Script.js"></script>
<!-- Add the blockly toolbox definition -->
<xml id="toolbox" style="display: none">
<block type="math_number">
<field name="NUM">0</field>
</block>
<block type="create_vector"></block>
</xml>
<script>
panzoom(document.querySelector("#main-canvas-container"));
</script>
</body>
</html>