<!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-and-stats"> <div id="log"> Welcome to Feast v0.0.1 </div> <div id="stats"> <div class="stat-line" id="time">Time: to get a watch</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-fullness">Imagination: 97</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 inactive-button" id="compass-filler" disabled="true"></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"> <div id="combat"> <table> <tr> <th> <button class="combat-button">Punch</button> </th> <th> <button class="combat-button">Eat</button> </th> <th> <button class="combat-button">Sneeze</button> </th> </tr> </table> </div> </div> <div class="selector" id="selector-dialog"> <ul id="dialog"> </ul> </div> </div> </body> </html>