echen173
/
adrift
forked from midas/adrift


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
							<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>Adrift</title>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
	<canvas id="viewport"></canvas>
	<div id="progressContainer">
	<progress id="progressBar" max="100"></progress> <span id="progressLabel">[error]</span></div>
	<div id="shipContainer" class="container">
		<div id="shipStatus"></div>
		<div id="shipActions"><button id="repair">Repair</button><button id="dock">Dock</button></div>
	</div>
	<div id="cargoContainer" class="container">
		<h2>Cargo Hold</h2>
		<div id="cargo"></div>
	</div>
	<div id="navigationContainer" class="container">
		<h2>Navigation</h2>
		<div id="exitsContainer" class="container">
			<h3>Coordinates</h3>
			<div id="nearbySystems">
				<button id="travel">Next sector</button>
			</div>
		</div>
		<div id="manualEntry"></div>
	</div>
	<div id="craftingContainer" class="container">
		<h2>Replication</h2>
		<div id="replication"></div>
	</div>
	<div id="gameSettingsContainer" class="container">
		<h2>Game Settings</h2>
		<button id="reset">Delete Game</button>
	</div>
	<footer>
		Cephalopod Studios 2016
	</footer>
	<div id="imagePreload">
		<img src="images/playerShip1_blue.png" id="shipImage" />
		<img src="images/playerShip1_damage1.png" id="shipDamage1Image" />
		<img src="images/playerShip1_damage2.png" id="shipDamage2Image" />
		<img src="images/playerShip1_damage3.png" id="shipDamage3Image" />
		<img src="images/fire10.png" id="shipThrustImage" />
		<img src="images/blue.png" id="backgroundImage" />
		<img src="images/ufoRed.png" id="spaceStationImage" />
	</div>
	<div id="popupContainer"></div>
	<script type="text/javascript" src="rAF.js"></script>
	<script type="text/javascript" src="recipies.js"></script>
	<script type="text/javascript" src="meter.js"></script>
	<script type="text/javascript" src="viewport.js"></script>
	<script type="text/javascript" src="player.js"></script>
	<script type="text/javascript" src="messager.js"></script>
	<script type="text/javascript" src="story.js"></script>
	<script type="text/javascript" src="game.js"></script>
	<script type="text/javascript" src="commands.js"></script>
	
</body>
</html>