munch
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.
 
 
 

177 line
6.0 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="combat.js"></script>
  8. <script src="objects.js"></script>
  9. <script src="dialog.js"></script>
  10. <script src="customs.js"></script>
  11. <script src="world.js"></script>
  12. <script src="vore.js"></script>
  13. <script src="feast.js"></script>
  14. <meta name="theme-color" content="#000000" />
  15. <meta name="description" content="A vore text adventure" />
  16. <meta property="og:title" content="Feast" />
  17. <meta property="og:description" content="A vore text adventure" />
  18. <meta property="og:image" content="https://chemicalcrux.org/feast/feast.png" />
  19. <link rel="shortcut icon" href="https://chemicalcrux.org/favicon.ico" type="image/x-icon" />
  20. </head>
  21. <body>
  22. <div id="game">
  23. <div id="game-and-stats">
  24. <div id="log">
  25. Welcome to Feast v0.1.3
  26. </div>
  27. <div class="stats">
  28. <div id="player-stats">
  29. <div class="stat-line" id="time">Time: to file a bug report, because you shouldn't see this!</div>
  30. <div class="stat-line" id="date">Date: you'll have to buy me dinner first :v</div>
  31. <div class="stat-line" id="stat-name">Vim: 15</div>
  32. <div class="stat-line" id="stat-cash">Spondulicks: 150000</div>
  33. <div class="stat-line" id="stat-health">Pulchritude: 44</div>
  34. <div class="stat-line" id="stat-stamina">Imagination: 97</div>
  35. <div class="stat-line" id="stat-fullness">Candy Corn: 3</div>
  36. <div class="stat-line" id="stat-bowels">Emotions: 35/100</div>
  37. </div>
  38. <div id="foe-stats">
  39. FOE
  40. <div class="stat-line" id="stat-foe-name">Vim: 21</div>
  41. <div class="stat-line" id="stat-foe-health">Pulchritude: 21</div>
  42. <div class="stat-line" id="stat-foe-stamina">Imagination: 66</div>
  43. </div>
  44. </div>
  45. </div>
  46. <div id="footer">
  47. <div class="selector" id="selector-explore">
  48. <div id="compass">
  49. <table>
  50. <tr>
  51. <th>
  52. <button class="compass-button" id="compass-north-west">North West</button>
  53. </th>
  54. <th>
  55. <button class="compass-button" id="compass-north">North</button>
  56. </th>
  57. <th>
  58. <button class="compass-button" id="compass-north-east">North East</button>
  59. </th>
  60. </tr>
  61. <tr>
  62. <th>
  63. <button class="compass-button" id="compass-west">West</button>
  64. </th>
  65. <th>
  66. <button class="compass-button active-button" id="compass-look">Look</button>
  67. </th>
  68. <th>
  69. <button class="compass-button" id="compass-east">East</button>
  70. </th>
  71. </tr>
  72. <tr>
  73. <th>
  74. <button class="compass-button" id="compass-south-west">South West</button>
  75. </th>
  76. <th>
  77. <button class="compass-button" id="compass-south">South</button>
  78. </th>
  79. <th>
  80. <button class="compass-button" id="compass-south-east">South East</button>
  81. </th>
  82. </tr>
  83. </table>
  84. </div>
  85. <div id="actions">
  86. <table>
  87. <tr>
  88. <th>
  89. <button class="action-button" id="action-look">Look</button>
  90. </th>
  91. <th>
  92. <button class="inactive-button action-button" disabled="true"></button>
  93. </th>
  94. <th>
  95. <button class="inactive-button action-button" disabled="true"></button>
  96. </th>
  97. </tr>
  98. <tr>
  99. <th>
  100. <button class="inactive-button action-button" disabled="true"></button>
  101. </th>
  102. <th>
  103. <button class="inactive-button action-button" disabled="true"></button>
  104. </th>
  105. <th>
  106. <button class="inactive-button action-button" disabled="true"></button>
  107. </th>
  108. </tr>
  109. <tr>
  110. <th>
  111. <button class="inactive-button action-button" disabled="true"></button>
  112. </th>
  113. <th>
  114. <button class="inactive-button action-button" disabled="true"></button>
  115. </th>
  116. <th>
  117. <button class="inactive-button action-button" disabled="true"></button>
  118. </th>
  119. </tr>
  120. </table>
  121. </div>
  122. </div>
  123. <div class="selector" id="selector-combat">
  124. <ul id="combat">
  125. </ul>
  126. <div id="combat-desc">
  127. </div>
  128. </div>
  129. <div class="selector" id="selector-eaten">
  130. <ul id="eaten">
  131. </ul>
  132. <div id="eaten-desc">
  133. </div>
  134. </div>
  135. <div class="selector" id="selector-dialog">
  136. <ul id="dialog">
  137. </ul>
  138. </div>
  139. </div>
  140. </div>
  141. <div id="create">
  142. <form id="character-form">
  143. <ul id="character-form-list">
  144. <li>
  145. <label for="character-name">Name</label>
  146. <input type="text" id="character-name" name="name" placeholder="Player"/>
  147. </li>
  148. <li>
  149. <label for="character-species">Species</label>
  150. <input type="text" id="character-species" name="species" placeholder="nerd"/>
  151. </li>
  152. <li>
  153. <label for="character-prefs-prey">Player can be eaten</label>
  154. <input type="checkbox" id="character-prefs-prey" name="prefs-prey" checked=true />
  155. <li>
  156. <li>
  157. <label for="character-prefs-scat">Disposal/scat</label>
  158. <input type="checkbox" id="character-prefs-scat" name="prefs-scat"/>
  159. <li>
  160. <li>
  161. <label for="character-prefs-gore">Gore</label>
  162. <input type="checkbox" id="character-prefs-gore" name="prefs-gore"/>
  163. <li>
  164. <button type="button" id="start-button">Start</button>
  165. </li>
  166. </ul>
  167. </form>
  168. </div>
  169. </body>
  170. </html>