{{ define "main" }}
{{ .Content }}
<div class="jumbo">
	<div class="jumbo-cover" style="background-image: url('https://ozgurkon.org/2021/images/flat-mountains.svg')"></div>

<div class="container">
<div class="row"><div class="col"><h1 class="hashtag">#ÖzgürKon2021 live!</h1></div></div>
<div class="row">
<div class="col-8">
<section class="live-section">
        <div
            id="room"
            class="">
            <video-js
                id="player"
                data-setup="{}"
            >
                <source src="https://rtmp.ozgurkon.org/live/test.m3u8">
            </video-js>
        </div>
</section>
</div>
<div class="col-4">
    <iframe src="https://kiwiirc.com/client/chat.freenode.net/?&theme=cli#ozgurkon" class="live-chat" ></iframe>

</div>
</div>
</div>
</div>

{{end}}



{{ define "scripts"}}
  <script type="text/javascript" src="https://vjs.zencdn.net/7.8.1/video.js"></script> 
  <script type="text/javascript" src="https://unpkg.com/@videojs/http-streaming@1.13.3/dist/videojs-http-streaming.min.js"></script>
  <script type="text/javascript">
  
    const players = {
      room : videojs('player', {
        controls: true,
        aspectRatio: '16:9'
      }),
    }
  </script>
{{ end }}