chemicalcrux
/
feast-classic


			
				
					
						
						
							
							<!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.0.5
      </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-stamina">Imagination: 97</div>
        <div class="stat-line" id="stat-fullness">Candy Corn: 3</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>
          <button type="button" id="start-button">Start</button>
        </li>
      </ul>
    </form>
  </div>
</body>

</html>