chemicalcrux
/
macrovision


			
				
					
						
						
							
							<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Macrovision</title>
  <link rel="stylesheet" href="reset.css">
  <link rel="stylesheet" href="macrovision.css">
  <script src="math.min.js"></script>
  <script src="macrovision.js"></script>
  <meta name="theme-color" content="#000000" />
  <meta name="description" content="How big are they anyway?" />
  <meta property="og:title" content="Macrovision" />
  <meta property="og:description" content="How big are they anyway?" />
  <meta property="og:image" content="https://crux.sexy/images/macrovision.png" />
  <link rel="icon" href="https://crux.sexy/images/macrovision.ico">
</head>

<body>
  <div id="menubar">
    <div class="menu-item" id="entity-name"></div>
    <div class="menu-item" id="entity-author"></div>
    <div class="menu-item" id="entity-height"></div>
    <select class="menu-item" id="entity-view"></select>
  </div>
  <div id="main-area">
    <div id="options">
      <div class="options-header">World options</div>
      <span id="options-world">
        <div class="options-label">
          World height
        </div>
        <div class="options-row">
          <input class="options-field-numeric" type="number" id="options-height-value" min="1" value="10">
          <select class="options-field-unit" id="options-height-unit">
            <option>meters</option>
            <option>kilometers</option>
          </select>
        </div>
      </span>
      <div class="options-header">Entity options</div>
      <span id="options-entity">
      </span>
      <div class="options-header">View options</div>
      <span id="options-view">
      </span>
    </div>
    <div id="world">
      <div id="entities">

      </div>
      <canvas id="display">
      </canvas>
    </div>
  </div>

</body>

</html>