index.html

---
title: "Main"
---

<div class="text-adventure cell row" data-bind="template: mode()">
  <p class="warning">This page uses recent additions to the JavaScript language. If you do not use a modern browser, the code on this page will not work.</p>
</div>

<script id="mainMenu" type="text/html">
  <div class="minimal column main-menu">
    <div class="cell">
      <label>
        <div>Seed</div>
        <input type="text" data-bind="value: seed" />
      </label>
    </div>
    <div class="cell">
      <button data-bind="click: startGameplay">Start Game</button>
    </div>
  </div>
</script>

<script id="gameplay" type="text/html">
  <div class="minimal row gameplay">
    <div class="event panel"></div>

    <div class="minimal column">
      <div class="minimal row no-growth">
        <div class="map panel">
          <div data-bind="html: map"></div>
        </div>

        <div class="room panel" data-bind="with: currentRoom">
          <div>Elevation: <span data-bind="text: elevation"></span></div>
          <div>Temperature: <span data-bind="text: temperature"></span></div>
          <div>Humidity: <span data-bind="text: humidity"></span></div>
          <div>Type: <span data-bind="text: type"></span></div>
        </div>
      </div>
    
      <div class="action panel">
      </div>
    </div>
  </div>
</script>

<script type="text/javascript">
  var require = {
    baseUrl: "{{ '/assets/scripts/' | relative_url }}",
    paths: {
      "jquery": "{{ '/assets/scripts/utils/imports/jquery' | relative_url }}"
    }
  };
</script>
<script type="text/javascript" data-main="{{ '/assets/scripts/main.js' | relative_url }}" src="{{ '/assets/scripts/utils/imports/require.js' | relative_url }}"></script>