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="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="https://chemicalcrux.org/satiate.png" />
  <link rel="shortcut icon" href="https://chemicalcrux.org/favicon.ico" type="image/x-icon" />
</head>

<body>
  <div id="info-area">
    <div class="sidebar">
      <div id="menu">
        this is the menu, eventually
      </div>
      <div id="self-info">
        this is your own info
      </div>
    </div>
    <div id="log">
      this is the log
    </div>
    <div class="sidebar" id="area-info">
      this is the area info
    </div>
  </div>
  <div id="control-area">
    <div id="actions">
      these are the actions
    </div>
    <div id="desc">
      this is a description of your action
    </div>
    <div id="moves">
      beep beep 
      <div id="move-holder">
        <button class="move-button" id="move-up-left">NW</button>
        <button class="move-button" id="move-up">N</button>
        <button class="move-button" id="move-up-right">NE</button>
        <button class="move-button" id="move-left">W</button>
        <button class="move-button" id="move-right">E</button>
        <button class="move-button" id="move-down-left">SW</button>
        <button class="move-button" id="move-down">S</button>
        <button class="move-button" id="move-down-right">SE</button>
      </div>
    </div>
  </div>
</body>