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