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 Planet Name: <span id="planetname"></span>
66 <br><br>
67 <div id="currentBuild"></div>
68 <br>
69
70 <table>
71 <tbody>
72 <tr>
73 <th>Fields</th>
74 <th>
75 <!-- <font color="#00FF00">75</font> / <font color="#FF0000">250</font> - still 175 Free fields for construction -->
76 </th>
77 </tr>
78 <tr>
79 <td>
80 <img src="images/buildings/metalmine.png" width="120" height="120" border="0" align="top">
81 </td>
82 <td>
83 <a href="#">Metal Mine</a> <span id="metalmineLevel"></span><br>
84 Used in the extraction of metal ore, metal mines are of primary importance to all emerging and established empires.<br>
85 <div id="metalmineResources"></div>
86 <br>
87 </td>
88 <td>
89 <div id="btnBuildMetalMine">
90
91 </div>
92 </td>
93 </tr>
94 <tr>
95 <td>
96 <a href="infos.php?gid=2">
97 <img src="images/buildings/crystalmine.png" width="120" height="120" border="0" align="top">
98 </a>
99 </td>
100 <td>
101 <a href="infos.php?gid=2">Crystal Mine</a> <span id="crystalmineLevel"></span><br>
102 Crystals are the main resource used to build electronic circuits and form certain alloy compounds.<br>
103 <div id="crystalmineResources"></div>
104 <br>
105 </td>
106 <td>
107 <div id="btnBuildCrystalMine">
108
109 </div>
110 </td>
111 </tr>
112 <tr>
113 <td>
114 <a href="infos.php?gid=3">
115 <img src="images/buildings/deuteriummine.png" width="120" height="120" border="0" align="top">
116 </a>
117 </td>
118 <td>
119 <a href="infos.php?gid=3">Deuterium Synthesizer</a> <span id="deuteriummineLevel"></span><br>
120 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>
121 <div id="deuteriummineResources"></div>
122 <br>
123 </td>
124 <td>
125 <div id="btnBuildDeuteriumMine">
126
127 </div>
128 </td>
129 </tr>
130 <tr>
131 <td>
132 <a href="infos.php?gid=4">
133 <img src="images/buildings/solarmine.png" width="120" height="120" border="0" align="top">
134 </a>
135 </td>
136 <td>
137 <a href="infos.php?gid=4">Solar Plant</a> <span id="energymineLevel"></span><br>
138 Solar power plants absorb energy from solar radiation. All mines need energy to operate.<br>
139 <div id="energymineResources"></div>
140 <br>
141 </td>
142 <td>
143 <div id="btnBuildEnergyMine">
144
145 </div>
146 </td>
147 </tr>
148 <tr>
149 <td>
150 <a href="infos.php?gid=12">
151 <img src="images/buildings/fusionreactor.png" width="120" height="120" border="0" align="top">
152 </a>
153 </td>
154 <td>
155 <a href="infos.php?gid=12">Fusion Reactor</a> <span id="fusionreactorLevel"></span><br>
156 The fusion reactor uses deuterium to produce energy.<br>
157 <div id="fusionreactorResources"></div>
158 <br>
159 </td>
160 <td>
161 <div id="btnBuildFusionReactor">
162
163 </div>
164 </td>
165 </tr>
166 <tr>
167 <td>
168 <a href="infos.php?gid=14">
169 <img src="images/buildings/roboticsfactory.png" width="120" height="120" border="0" align="top">
170 </a>
171 </td>
172 <td>
173 <a href="infos.php?gid=14">Robotics Factory</a> <span id="roboticsfactoryLevel"></span><br>
174 Robotic factories provide construction robots to aid in the construction of buildings. Each level increases the speed of the upgrade of buildings.<br>
175 <div id="roboticsfactoryResources"></div>
176 <br>
177 </td>
178 <td>
179 <div id="btnBuildRoboticsFactory">
180
181 </div>
182 </td>
183 </tr>
184 <tr>
185 <td>
186 <a href="infos.php?gid=21">
187 <img src="images/buildings/shipyard.png" width="120" height="120" border="0" align="top">
188 </a>
189 </td>
190 <td>
191 <a href="infos.php?gid=21">Shipyard</a> <span id="shipyardLevel"></span><br>
192 All types of ships and defensive facilities are built in the planetary shipyard.<br>
193 <div id="shipyardResources"></div>
194 <br>
195 </td>
196 <td>
197 <div id="btnBuildShipyard">
198
199 </div>
200 </td>
201 </tr>
202 <tr>
203 <td>
204 <a href="infos.php?gid=22">
205 <img src="images/buildings/metalstorage.png" width="120" height="120" border="0" align="top">
206 </a>
207 </td>
208 <td>
209 <a href="infos.php?gid=22">Metal Storage</a> <span id="metalstorageLevel"></span><br>
210 Provides storage for excess metal.<br>
211 <div id="metalstorageResources"></div>
212 <br>
213 </td>
214 <td>
215 <div id="btnBuildMetalStorage">
216
217 </div>
218 </td>
219 </tr>
220 <tr>
221 <td>
222 <a href="infos.php?gid=23">
223 <img src="images/buildings/crystalstorage.png" width="120" height="120" border="0" align="top">
224 </a>
225 </td>
226 <td>
227 <a href="infos.php?gid=23">Crystal Storage</a> <span id="crystalstorageLevel"></span><br>
228 Provides storage for excess crystal.<br>
229 <div id="crystalstorageResources"></div>
230 <br>
231 </td>
232 <td>
233 <div id="btnBuildCrystalStorage">
234
235 </div>
236 </td>
237 </tr>
238 <tr>
239 <td>
240 <a href="infos.php?gid=24">
241 <img src="images/buildings/deuteriumstorage.png" width="120" height="120" border="0" align="top">
242 </a>
243 </td>
244 <td>
245 <a href="infos.php?gid=24">Deuterium Tank</a> <span id="deuteriumstorageLevel"></span><br>
246 Giant tanks for storing newly-extracted deuterium.<br>
247 <div id="deuteriumstorageResources"></div>
248 <br>
249 </td>
250 <td>
251 <div id="btnBuildDeuteriumStorage">
252
253 </div>
254 </td>
255 </tr>
256 <tr>
257 <td>
258 <a href="infos.php?gid=31">
259 <img src="images/buildings/ressearchlab.png" width="120" height="120" border="0" align="top">
260 </a>
261 </td>
262 <td>
263 <a href="infos.php?gid=31">Research Lab</a> <span id="ressearchlabLevel"></span><br>
264 A research lab is required in order to conduct research into new technologies.<br>
265 <div id="ressearchlabResources"></div>
266 <br>
267 </td>
268 <td>
269 <div id="btnBuildRessearchLab">
270
271 </div>
272 </td>
273 </tr>
274 <tr>
275 <td>
276 <a href="infos.php?gid=34">
277 <img src="images/buildings/alliancedepot.png" width="120" height="120" border="0" align="top">
278 </a>
279 </td>
280 <td>
281 <a href="infos.php?gid=34">Alliance Depot</a> <span id="alliancedepotLevel"></span><br>
282 The alliance depot supplies fuel to friendly fleets in orbit helping with defense.<br>
283 <div id="alliancedepotResources"></div>
284 <br>
285 </td>
286 <td>
287 <div id="btnBuildAllianceDepot">
288
289 </div>
290 </td>
291 </tr>
292 <tr>
293 <td>
294 <a href="infos.php?gid=44">
295 <img src="images/buildings/missilesilo.png" width="120" height="120" border="0" align="top">
296 </a>
297 </td>
298 <td>
299 <a href="infos.php?gid=44">Missile Silo</a> <span id="missilesiloLevel"></span><br>
300 Perfect to store missiles<br>
301 <div id="missilesiloResources"></div>
302 <br>
303 </td>
304 <td>
305 <div id="btnBuildMissileSilo">
306
307 </div>
308 </td>
309 </tr>
310 <tr>
311 <td>
312 <a href="infos.php?gid=80">
313 <img src="images/buildings/spacedock.png" width="120" height="120" border="0" align="top">
314 </a>
315 </td>
316 <td>
317 <a href="infos.php?gid=80">Spacedock</a> <span id="spacedockLevel"></span><br>
318 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.
319 <br>From
320 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
321 days. <br>Since the space dock floats in orbit, it does not require planetary fields.
322 <div id="spacedockResources"></div>
323 <br>
324 </td>
325 <td>
326 <div id="btnBuildSpacedock">
327
328 </div>
329 </td>
330 </tr>
331 </tbody>
332 </table>
333 </div>
334 </div>
335
336
337 </div>
338
339
340 <!-- Optional JavaScript -->
341 <!-- jQuery first, then Popper.js, then Bootstrap JS -->
342 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
343 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
344 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
345
346 <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
347
348
349 <script src="constants.js"></script>
350 <script src="calc.js"></script>
351 <script src="user.js"></script>
352 <script src="buildings.js"></script>
353
354</body>
355
356</html>