| <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Feast</title>
  <link rel="stylesheet" href="feast.css">
  <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>
 |