index.html

  
 <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Stream Server</title>

    <!-- twitch embed -->
    <script src="https://player.twitch.tv/js/embed/v1.js"></script>

    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div id="large-player" class="hidden">
      <div id="small-player-container">
        <div id="small-player" class="hidden"></div>
      </div>
    </div>
    <iframe id="chat" frameborder="0" scrolling="no" src="about:blank"></iframe>

    <div id="overlay">
      <h2>Loading...</h2>
      <p>
        <a href="https://stream-server.h-da.io">Documentation</a> ·
        <a href="https://stream-server.h-da.io/reference">Reference</a>
      </p>
      <small>
        <a href="javascript:toggleFullscreen()">toggle fullscreen</a> or press
        <kbd>F11</kbd>
      </small>
    </div>

    <script src="main.js"></script>
  </body>
</html>