<!DOCTYPE html>
<html>
  <head>
    <script src="https://aframe.io/releases/0.3.0/aframe.min.js"></script>
    <script src="//cdn.rawgit.com/donmccurdy/aframe-extras/v2.3.0/dist/aframe-extras.min.js"></script>
    <title>Dark Patterns 0.1.0</title>
    <style media="screen">
      img {
        display: none;
      }
    </style>
  </head>

  <body>

    <div
      class="scene-container">
    </div>

    <script src="/bundle.js">

    </script>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>

    <script src="https://aframe.io/releases/0.3.0/aframe.min.js"></script>
    <script src="//cdn.rawgit.com/donmccurdy/aframe-extras/v2.3.0/dist/aframe-extras.min.js"></script>
    <title>Dark Patterns 0.1.0</title>
    <style media="screen">
      /*TODO fix this. this is a hack to make sure `vr` icon is showing correctly. why though? */
      .a-enter-vr {
        position: fixed!important;
      }
    </style>
  </head>

  <body>

    <div
      class="scene-container">
    </div>

    <script src="/bundle.js">

    </script>
  </body>
</html>

Update style for `enter-vr` icon
Update style for `enter-vr` icon
