index.html

---
layout: default
---

<header class="header">
  <p class="header--item monospace" id="time"><span id="sign">-</span><span id="days">00</span>/<span id="hours">00</span>:<span id="minutes">09</span>:<span id="seconds">00</span> MET <span id="holding">(H)</span></p>
  <h1 class="header--item">Mission Control Center</h1>
  <p id="counter" class="header--item">Setup</p>
</header>

<section class="help" hidden id="help">
  <h2>Help</h2>
  <ul>
    <li>advance a step
      <ul>
        <li><kbd>␣</kbd></li>
        <li><kbd>⏎</kbd></li>
        <li><kbd>↓</kbd></li>
        <li><kbd>→</kbd></li>
      </ul>
    </li>
    <li>go back a step
      <ul>
        <li><kbd>⌫</kbd></li>
        <li><kbd>↑</kbd></li>
        <li><kbd>→</kbd></li>
      </ul>
    </li>
    <li>toggle holding state (MET)
      <ul>
        <li><kbd>p</kbd></li>
        <li><kbd>h</kbd></li>
      </ul>
    </li>
    <li>toggle help
      <ul>
        <li><kbd>?</kbd></li>
      </ul>
    </li>
    <li>show remote
      <ul>
        <li><kbd>r</kbd></li>
      </ul>
    </li>
    <li><a href="https://github.com/jwronline/dashboard/releases/" target="_blank">releases</a></li>
  </ul>
</section>

<div class="container container__large">

  <section class="container container__world">
    <h2 class="structural">world map</h2>
    <div id="map"></div>
  </section>

  <section class="container container__data" >
    <h2 class="structural">mission event ticker</h2>
    <div id="data" class="monospace">
      <pre>$ User JWR logged in</pre>
    </div>
  </section>

</div>


<div class="container container__streams">

  <section class="container--inner container__shuttle">
    <h2 class="structural">shuttle stream</h2>
    <div id="video" class="video">
      <div class="video--intro">
        <p>JWR Mission Control</p>
      </div>
    </div>
  </section>

  <section class="container--inner container__iss">
    <h2 class="structural">iss stream</h2>
    <img src="src/img/iss-small.png" alt="ISS">
  </section>
</div>