space/divs.html at master · ZachHubbs/space · GitHub

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.11.0.js"></script>

<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="styles.css" />


</head>

<body>

<div class="container">

<div style="height:600px; background-image:url('images/background.jpg');">
<img id="asteroid" style="float:left; margin:30px 30px;"src="images/asteroid.png"/>
<div class="resource_bar">
<div class="metal_resource_bar" id="metal_resource_bar">Metal: 0</div>
<div class="energy_resource_bar" id="energy_resource_bar">Energy: 0</div>
<div class="pop_resource_bar" id="pop_resource_bar">Pop: 0</div>
<div class="ls_resource_bar" id="ls_resource_bar">LS: 0</div>

</div>
</div>
  <div class="sidebar1">
  <img src="images/left_bg2.png" width="100%"/>
	<button id="buy_space_miner" title="Mines 0.1 metal per second">Hire a space miner for 15</button>
	 </br>
	<button id="buy_mining_barge" title="Mines 1.0 metal per second">Buy a mining barge for 100</button>

    <!-- end .sidebar1 --></div>

  <div class="content">
  <img src="images/center_bg.png" width="100%"/>

  <div id="total_space_miners">Space Miners: 0</div>
  <div id="total_mining_barges">Mining Barges: 0</div>

  <!-- end .content --></div>

  <div class="sidebar2">
  <img src="images/right_bg2.png" width="100%"/>
  <h3> Upgrades </h3>
  <button id="buy_multiplier" title="Doubles the value of mining barges and manual metal">Titanium Drill Bit - 50</button>
  </br></br>
  <div id="bought_upgrades">Upgrades: </div>

    <!-- end .sidebar2 --></div>

  <!-- end .container --></div>
  <script type="text/javascript" src="js/spaceclicker.js"></script>

</body>
</html>