index.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  6. <title>Adrift</title>
  7. <link rel="stylesheet" type="text/css" href="main.css">
  8. </head>
  9. <body>
  10. <canvas id="viewport"></canvas>
  11. <div id="progressContainer">
  12. <progress id="progressBar" max="100"></progress> <span id="progressLabel">[error]</span></div>
  13. <div id="shipContainer" class="container">
  14. <div id="shipStatus"></div>
  15. <div id="shipActions"><button id="repair">Repair</button></div>
  16. </div>
  17. <div id="cargoContainer" class="container">
  18. <h2>Cargo Hold</h2>
  19. <div id="cargo"></div>
  20. </div>
  21. <div id="navigationContainer" class="container">
  22. <h2>Navigation</h2>
  23. <div id="exitsContainer" class="container">
  24. <h3>Coordinates</h3>
  25. <div id="nearbySystems">
  26. <button id="travel">Next sector</button>
  27. </div>
  28. </div>
  29. <div id="manualEntry"></div>
  30. </div>
  31. <div id="craftingContainer" class="container">
  32. <h2>Replication</h2>
  33. <div id="replication"></div>
  34. </div>
  35. <div id="gameSettingsContainer" class="container">
  36. <h2>Game Settings</h2>
  37. <button id="reset">Delete Game</button>
  38. </div>
  39. <footer>
  40. Cephalopod Studios 2016
  41. </footer>
  42. <div id="imagePreload">
  43. <img src="images/playerShip1_blue.png" id="shipImage" />
  44. <img src="images/playerShip1_damage1.png" id="shipDamage1Image" />
  45. <img src="images/playerShip1_damage2.png" id="shipDamage2Image" />
  46. <img src="images/playerShip1_damage3.png" id="shipDamage3Image" />
  47. <img src="images/fire10.png" id="shipThrustImage" />
  48. <img src="images/blue.png" id="backgroundImage" />
  49. </div>
  50. <div id="popupContainer"></div>
  51. <script type="text/javascript" src="rAF.js"></script>
  52. <script type="text/javascript" src="recipies.js"></script>
  53. <script type="text/javascript" src="meter.js"></script>
  54. <script type="text/javascript" src="viewport.js"></script>
  55. <script type="text/javascript" src="player.js"></script>
  56. <script type="text/javascript" src="messager.js"></script>
  57. <script type="text/javascript" src="story.js"></script>
  58. <script type="text/javascript" src="game.js"></script>
  59. <script type="text/javascript" src="commands.js"></script>
  60. </body>
  61. </html>