chemicalcrux
/
satiate


			
				
					
						
						
							
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Satiate</title>
    <link rel="stylesheet" href="satiate.css">
    <script src="audio.js"></script>
    <script src="entity.js"></script>
    <script src="game.js"></script>
    <script src="stories/demo.js"></script>
    <script src="world.js"></script>
    <script src="satiate.js"></script>
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="A text adventure!" />
    <meta property="og:title" content="Satiate" />
    <meta property="og:description" content="A text adventure!" />
    <meta property="og:image" content="/satiate.png" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
  </head>

  <body>
    <div class="scene" id="pick">
      <div id="pick-blurb">
        <p>Welcome to Satiate</p>
        <a href="https://discord.gg/dSwNN8T">Discord Server</a>
        <p class="version"></p>
        <p><b>This game contains 18+ content</b></p>
        <p>Select a story:</p>
      </div>
      <div>
        <select id="game-select">

        </select>
      </div>
      <button id="start-button">Start</button>
    </div>
    <div class="hidden-scene" id="game">
      <div id="info-area">
        <div class="sidebar">
          <div id="menu">
            this is the menu, eventually
          </div>
          <div id="world-info">
            <div class="info-header" id="world-info-header">World</div>
            <div id="world-info-time">Time to get a watch!</div>
          </div>
          <div id="player-info">
            <div class="info-header" id="player-info-header">Player</div>
            <div id="player-info-health"></div>
          </div>
        </div>
        <div id="log">
        </div>
        <div class="sidebar" id="area-info">
          <div id="area-name"></div>
          <div id="area-desc"></div>
        </div>
      </div>
      <div id="control-area">
        <div id="actions">
        </div>
        <div id="desc">
          this is a description of your action
        </div>
        <div id="moves">
          <div id="move-holder">
          </div>
        </div>
      </div>
    </div>
    <!--
    <div class="modal" id="settings">
      <div class="modal-content">
        <button>butt</button>
      </div>
    </div>
    -->
  </body>
</html>