<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Feast</title> <link rel="stylesheet" href="feast.css"> <script src="combat.js"></script> <script src="objects.js"></script> <script src="dialog.js"></script> <script src="world.js"></script> <script src="vore.js"></script> <script src="feast.js"></script> <meta name="theme-color" content="#000000" /> <meta name="description" content="A vore text adventure" /> <meta property="og:title" content="Feast" /> <meta property="og:description" content="A vore text adventure" /> <meta property="og:image" content="https://chemicalcrux.org/feast/feast.png" /> <link rel="shortcut icon" href="https://chemicalcrux.org/favicon.ico" type="image/x-icon" /> </head> <body> <div id="game"> <div id="game-and-stats"> <div id="log"> Welcome to Feast v0.1.0 </div> <div id="stats"> <div class="stat-line" id="time">Time: to file a bug report, because you shouldn't see this!</div> <div class="stat-line" id="stat-name">Vim: 15</div> <div class="stat-line" id="stat-health">Pulchritude: 44</div> <div class="stat-line" id="stat-stamina">Imagination: 97</div> <div class="stat-line" id="stat-fullness">Candy Corn: 3</div> <div class="stat-line" id="stat-bowels">Emotions: 35/100</div> </div> </div> <div id="footer"> <div class="selector" id="selector-explore"> <div id="compass"> <table> <tr> <th> <button class="compass-button" id="compass-north-west">North West</button> </th> <th> <button class="compass-button" id="compass-north">North</button> </th> <th> <button class="compass-button" id="compass-north-east">North East</button> </th> </tr> <tr> <th> <button class="compass-button" id="compass-west">West</button> </th> <th> <button class="compass-button active-button" id="compass-look">Look</button> </th> <th> <button class="compass-button" id="compass-east">East</button> </th> </tr> <tr> <th> <button class="compass-button" id="compass-south-west">South West</button> </th> <th> <button class="compass-button" id="compass-south">South</button> </th> <th> <button class="compass-button" id="compass-south-east">South East</button> </th> </tr> </table> </div> <div id="actions"> <table> <tr> <th> <button class="action-button" id="action-look">Look</button> </th> <th> <button class="inactive-button action-button" disabled="true"></button> </th> <th> <button class="inactive-button action-button" disabled="true"></button> </th> </tr> <tr> <th> <button class="inactive-button action-button" disabled="true"></button> </th> <th> <button class="inactive-button action-button" disabled="true"></button> </th> <th> <button class="inactive-button action-button" disabled="true"></button> </th> </tr> <tr> <th> <button class="inactive-button action-button" disabled="true"></button> </th> <th> <button class="inactive-button action-button" disabled="true"></button> </th> <th> <button class="inactive-button action-button" disabled="true"></button> </th> </tr> </table> </div> </div> <div class="selector" id="selector-combat"> <ul id="combat"> </ul> <div id="combat-desc"> </div> </div> <div class="selector" id="selector-eaten"> <ul id="eaten"> </ul> <div id="eaten-desc"> </div> </div> <div class="selector" id="selector-dialog"> <ul id="dialog"> </ul> </div> </div> </div> <div id="create"> <form id="character-form"> <ul id="character-form-list"> <li> <label for="character-name">Name</label> <input type="text" id="character-name" name="name" placeholder="Player"/> </li> <li> <label for="character-species">Species</label> <input type="text" id="character-species" name="species" placeholder="nerd"/> </li> <li> <label for="character-prefs-player-prey">Player can be eaten</label> <input type="checkbox" id="character-prefs-player-prey" name="prefs-player-prey" checked=true /> <li> <li> <label for="character-prefs-player-scat">Disposal/scat</label> <input type="checkbox" id="character-prefs-player-scat" name="prefs-player-scat"/> <li> <button type="button" id="start-button">Start</button> </li> </ul> </form> </div> </body> </html>