gogame-old-frontend/buildings.html
buildings.htmlRaw
1<!doctype html>
2<html lang="en">
3
4<head>
5 <!-- Required meta tags -->
6 <meta charset="utf-8">
7 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8
9 <!-- Bootstrap CSS -->
10 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
11 <link rel="stylesheet" href="css/style.css">
12 <link rel="stylesheet" href="css/dark-theme.css">
13
14 <title>gogame</title>
15</head>
16
17<body class="dark-theme">
18 <div class="container">
19 <table class="resourcesTable" style="margin-left:auto;margin-right:auto;">
20 <thead>
21 <tr>
22 <th scope="col">
23 <img src="images/metal.png">
24 <br>
25 Metal
26 </th>
27 <th scope="col">
28 <img src="images/crystal.png">
29 <br>
30 Crystal
31 </th>
32 <th scope="col">
33 <img src="images/deuterium.png">
34 <br>
35 Detuerium
36 </th>
37 <th scope="col">
38 <img src="images/energy.png">
39 <br>
40 Energy
41 </th>
42 </tr>
43 </thead>
44 <tbody>
45 <tr>
46 <td id="metal"></td>
47 <td id="crystal"></td>
48 <td id="deuterium"></td>
49 <td id="energy"></td>
50 </tr>
51 </tbody>
52 </table>
53 <div class="row">
54 <div class="col-sm-2">
55 <br><br><br><br><br>
56 <a href="dashboard.html">Dashboard</a><br>
57 <a href="buildings.html">Buildings</a>
58
59 <br><br><br><br><br>
60 <div onclick="logout()" class="btn btn-primary">Logout</div>
61 </div>
62 <div class="col-sm-10">
63 User Name: <span id="name"></span>
64 <br>
65 Points: <span id="points"></span>
66 <br>
67 Planet Name: <span id="planetname"></span>
68 <br><br>
69 <div id="currentBuild"></div>
70 <div id="countdown"></div>
71 <br>
72
73 <table>
74 <tbody>
75 <tr>
76 <th>Fields</th>
77 <th>
78 <!-- <font color="#00FF00">75</font> / <font color="#FF0000">250</font> - still 175 Free fields for construction -->
79 </th>
80 </tr>
81 <tr>
82 <td>
83 <img src="images/buildings/metalmine.png" width="120" height="120" border="0" align="top">
84 </td>
85 <td>
86 <a href="#">Metal Mine</a> <span id="metalmineLevel"></span><br>
87 Used in the extraction of metal ore, metal mines are of primary importance to all emerging and established empires.<br>
88 <div id="metalmineResources"></div>
89 <br>
90 </td>
91 <td>
92 <div id="btnBuildMetalMine">
93
94 </div>
95 </td>
96 </tr>
97 <tr>
98 <td>
99 <a href="infos.php?gid=2">
100 <img src="images/buildings/crystalmine.png" width="120" height="120" border="0" align="top">
101 </a>
102 </td>
103 <td>
104 <a href="infos.php?gid=2">Crystal Mine</a> <span id="crystalmineLevel"></span><br>
105 Crystals are the main resource used to build electronic circuits and form certain alloy compounds.<br>
106 <div id="crystalmineResources"></div>
107 <br>
108 </td>
109 <td>
110 <div id="btnBuildCrystalMine">
111
112 </div>
113 </td>
114 </tr>
115 <tr>
116 <td>
117 <a href="infos.php?gid=3">
118 <img src="images/buildings/deuteriummine.png" width="120" height="120" border="0" align="top">
119 </a>
120 </td>
121 <td>
122 <a href="infos.php?gid=3">Deuterium Synthesizer</a> <span id="deuteriummineLevel"></span><br>
123 Deuterium is used as fuel for spaceships and is harvested in the deep sea. Deuterium is a rare substance and is thus relatively expensive.<br>
124 <div id="deuteriummineResources"></div>
125 <br>
126 </td>
127 <td>
128 <div id="btnBuildDeuteriumMine">
129
130 </div>
131 </td>
132 </tr>
133 <tr>
134 <td>
135 <a href="infos.php?gid=4">
136 <img src="images/buildings/solarmine.png" width="120" height="120" border="0" align="top">
137 </a>
138 </td>
139 <td>
140 <a href="infos.php?gid=4">Solar Plant</a> <span id="energymineLevel"></span><br>
141 Solar power plants absorb energy from solar radiation. All mines need energy to operate.<br>
142 <div id="energymineResources"></div>
143 <br>
144 </td>
145 <td>
146 <div id="btnBuildEnergyMine">
147
148 </div>
149 </td>
150 </tr>
151 <tr>
152 <td>
153 <a href="infos.php?gid=12">
154 <img src="images/buildings/fusionreactor.png" width="120" height="120" border="0" align="top">
155 </a>
156 </td>
157 <td>
158 <a href="infos.php?gid=12">Fusion Reactor</a> <span id="fusionreactorLevel"></span><br>
159 The fusion reactor uses deuterium to produce energy.<br>
160 <div id="fusionreactorResources"></div>
161 <br>
162 </td>
163 <td>
164 <div id="btnBuildFusionReactor">
165
166 </div>
167 </td>
168 </tr>
169 <tr>
170 <td>
171 <a href="infos.php?gid=14">
172 <img src="images/buildings/roboticsfactory.png" width="120" height="120" border="0" align="top">
173 </a>
174 </td>
175 <td>
176 <a href="infos.php?gid=14">Robotics Factory</a> <span id="roboticsfactoryLevel"></span><br>
177 Robotic factories provide construction robots to aid in the construction of buildings. Each level increases the speed of the upgrade of buildings.<br>
178 <div id="roboticsfactoryResources"></div>
179 <br>
180 </td>
181 <td>
182 <div id="btnBuildRoboticsFactory">
183
184 </div>
185 </td>
186 </tr>
187 <tr>
188 <td>
189 <a href="infos.php?gid=21">
190 <img src="images/buildings/shipyard.png" width="120" height="120" border="0" align="top">
191 </a>
192 </td>
193 <td>
194 <a href="infos.php?gid=21">Shipyard</a> <span id="shipyardLevel"></span><br>
195 All types of ships and defensive facilities are built in the planetary shipyard.<br>
196 <div id="shipyardResources"></div>
197 <br>
198 </td>
199 <td>
200 <div id="btnBuildShipyard">
201
202 </div>
203 </td>
204 </tr>
205 <tr>
206 <td>
207 <a href="infos.php?gid=22">
208 <img src="images/buildings/metalstorage.png" width="120" height="120" border="0" align="top">
209 </a>
210 </td>
211 <td>
212 <a href="infos.php?gid=22">Metal Storage</a> <span id="metalstorageLevel"></span><br>
213 Provides storage for excess metal.<br>
214 <div id="metalstorageResources"></div>
215 <br>
216 </td>
217 <td>
218 <div id="btnBuildMetalStorage">
219
220 </div>
221 </td>
222 </tr>
223 <tr>
224 <td>
225 <a href="infos.php?gid=23">
226 <img src="images/buildings/crystalstorage.png" width="120" height="120" border="0" align="top">
227 </a>
228 </td>
229 <td>
230 <a href="infos.php?gid=23">Crystal Storage</a> <span id="crystalstorageLevel"></span><br>
231 Provides storage for excess crystal.<br>
232 <div id="crystalstorageResources"></div>
233 <br>
234 </td>
235 <td>
236 <div id="btnBuildCrystalStorage">
237
238 </div>
239 </td>
240 </tr>
241 <tr>
242 <td>
243 <a href="infos.php?gid=24">
244 <img src="images/buildings/deuteriumstorage.png" width="120" height="120" border="0" align="top">
245 </a>
246 </td>
247 <td>
248 <a href="infos.php?gid=24">Deuterium Tank</a> <span id="deuteriumstorageLevel"></span><br>
249 Giant tanks for storing newly-extracted deuterium.<br>
250 <div id="deuteriumstorageResources"></div>
251 <br>
252 </td>
253 <td>
254 <div id="btnBuildDeuteriumStorage">
255
256 </div>
257 </td>
258 </tr>
259 <tr>
260 <td>
261 <a href="infos.php?gid=31">
262 <img src="images/buildings/ressearchlab.png" width="120" height="120" border="0" align="top">
263 </a>
264 </td>
265 <td>
266 <a href="infos.php?gid=31">Research Lab</a> <span id="ressearchlabLevel"></span><br>
267 A research lab is required in order to conduct research into new technologies.<br>
268 <div id="ressearchlabResources"></div>
269 <br>
270 </td>
271 <td>
272 <div id="btnBuildRessearchLab">
273
274 </div>
275 </td>
276 </tr>
277 <tr>
278 <td>
279 <a href="infos.php?gid=34">
280 <img src="images/buildings/alliancedepot.png" width="120" height="120" border="0" align="top">
281 </a>
282 </td>
283 <td>
284 <a href="infos.php?gid=34">Alliance Depot</a> <span id="alliancedepotLevel"></span><br>
285 The alliance depot supplies fuel to friendly fleets in orbit helping with defense.<br>
286 <div id="alliancedepotResources"></div>
287 <br>
288 </td>
289 <td>
290 <div id="btnBuildAllianceDepot">
291
292 </div>
293 </td>
294 </tr>
295 <tr>
296 <td>
297 <a href="infos.php?gid=44">
298 <img src="images/buildings/missilesilo.png" width="120" height="120" border="0" align="top">
299 </a>
300 </td>
301 <td>
302 <a href="infos.php?gid=44">Missile Silo</a> <span id="missilesiloLevel"></span><br>
303 Perfect to store missiles<br>
304 <div id="missilesiloResources"></div>
305 <br>
306 </td>
307 <td>
308 <div id="btnBuildMissileSilo">
309
310 </div>
311 </td>
312 </tr>
313 <tr>
314 <td>
315 <a href="infos.php?gid=80">
316 <img src="images/buildings/spacedock.png" width="120" height="120" border="0" align="top">
317 </a>
318 </td>
319 <td>
320 <a href="infos.php?gid=80">Spacedock</a> <span id="spacedockLevel"></span><br>
321 The space dock offers the possibility to repair destroyed ships that have left a wreckage field as a result of a battle. The maximum repair time is 12 hours, but it takes at least 30 minutes until the ships can be put into service.
322 <br>From
323 the formation of the wreck field there are 3 days time to start the repair. The repaired ships must be actively put back into service after the repair has expired. If this does not happen, they automatically return to service after 3
324 days. <br>Since the space dock floats in orbit, it does not require planetary fields.
325 <div id="spacedockResources"></div>
326 <br>
327 </td>
328 <td>
329 <div id="btnBuildSpacedock">
330
331 </div>
332 </td>
333 </tr>
334 </tbody>
335 </table>
336 </div>
337 </div>
338
339
340 </div>
341
342
343 <!-- Optional JavaScript -->
344 <!-- jQuery first, then Popper.js, then Bootstrap JS -->
345 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
346 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
347 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
348
349 <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
350
351
352 <script src="constants.js"></script>
353 <script src="calc.js"></script>
354 <script src="user.js"></script>
355 <script src="buildings.js"></script>
356
357</body>
358
359</html>