crunch
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

138 line
4.2 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Feast</title>
  6. <link rel="stylesheet" href="feast.css">
  7. <script src="objects.js"></script>
  8. <script src="dialog.js"></script>
  9. <script src="world.js"></script>
  10. <script src="vore.js"></script>
  11. <script src="feast.js"></script>
  12. <meta name="theme-color" content="#000000" />
  13. <meta name="description" content="A vore text adventure" />
  14. <meta property="og:title" content="Feast" />
  15. <meta property="og:description" content="A vore text adventure" />
  16. <meta property="og:image" content="https://chemicalcrux.org/feast/feast.png" />
  17. <link rel="shortcut icon" href="https://chemicalcrux.org/favicon.ico" type="image/x-icon" />
  18. </head>
  19. <body>
  20. <div id="game-and-stats">
  21. <div id="log">
  22. Welcome to Feast v0.0.1
  23. </div>
  24. <div id="stats">
  25. <div class="stat-line" id="time">Time: to get a watch</div>
  26. <div class="stat-line" id="stat-name">Vim: 15</div>
  27. <div class="stat-line" id="stat-health">Pulchritude: 44</div>
  28. <div class="stat-line" id="stat-fullness">Imagination: 97</div>
  29. </div>
  30. </div>
  31. <div id="footer">
  32. <div class="selector" id="selector-explore">
  33. <div id="compass">
  34. <table>
  35. <tr>
  36. <th>
  37. <button class="compass-button" id="compass-north-west">North West</button>
  38. </th>
  39. <th>
  40. <button class="compass-button" id="compass-north">North</button>
  41. </th>
  42. <th>
  43. <button class="compass-button" id="compass-north-east">North East</button>
  44. </th>
  45. </tr>
  46. <tr>
  47. <th>
  48. <button class="compass-button" id="compass-west">West</button>
  49. </th>
  50. <th>
  51. <button class="compass-button inactive-button" id="compass-filler" disabled="true"></button>
  52. </th>
  53. <th>
  54. <button class="compass-button" id="compass-east">East</button>
  55. </th>
  56. </tr>
  57. <tr>
  58. <th>
  59. <button class="compass-button" id="compass-south-west">South West</button>
  60. </th>
  61. <th>
  62. <button class="compass-button" id="compass-south">South</button>
  63. </th>
  64. <th>
  65. <button class="compass-button" id="compass-south-east">South East</button>
  66. </th>
  67. </tr>
  68. </table>
  69. </div>
  70. <div id="actions">
  71. <table>
  72. <tr>
  73. <th>
  74. <button class="action-button" id="action-look">Look</button>
  75. </th>
  76. <th>
  77. <button class="inactive-button action-button" disabled="true" ></button>
  78. </th>
  79. <th>
  80. <button class="inactive-button action-button" disabled="true" ></button>
  81. </th>
  82. </tr>
  83. <tr>
  84. <th>
  85. <button class="inactive-button action-button" disabled="true" ></button>
  86. </th>
  87. <th>
  88. <button class="inactive-button action-button" disabled="true"></button>
  89. </th>
  90. <th>
  91. <button class="inactive-button action-button" disabled="true" ></button>
  92. </th>
  93. </tr>
  94. <tr>
  95. <th>
  96. <button class="inactive-button action-button" disabled="true" ></button>
  97. </th>
  98. <th>
  99. <button class="inactive-button action-button" disabled="true" ></button>
  100. </th>
  101. <th>
  102. <button class="inactive-button action-button" disabled="true" ></button>
  103. </th>
  104. </tr>
  105. </table>
  106. </div>
  107. </div>
  108. <div class="selector" id="selector-combat">
  109. <div id="combat">
  110. <table>
  111. <tr>
  112. <th>
  113. <button class="combat-button">Punch</button>
  114. </th>
  115. <th>
  116. <button class="combat-button">Eat</button>
  117. </th>
  118. <th>
  119. <button class="combat-button">Sneeze</button>
  120. </th>
  121. </tr>
  122. </table>
  123. </div>
  124. </div>
  125. <div class="selector" id="selector-dialog">
  126. <ul id="dialog">
  127. </ul>
  128. </div>
  129. </div>
  130. </body>
  131. </html>