{% extends "site_base_home.html" %}

{% load i18n %}

{% load staticfiles %}

{% load thumbnail %}

{% load sponsorship_tags %}

{% load schedule_tags %}

{% block body_class %}home{% endblock %}

{% block body %}

<div class="chunkfive tight-headings text-center" style="padding: 1.5em;">

<h1>CopyleftConf Livestream</h1>

</div>

<div class="center-block">

    <h3 class="text-center chunkfive">Ada Lovelace (Main Stage)</h3>

    <div class="center-block" id="player0"></div>

    <p>

      Direct link: <a href="https://stream.fosdem.org/ua2220.m3u8">https://stream.fosdem.org/ua2220.m3u8</a>

    </p>

    <h3 class="text-center chunkfive">Hedy Lamarr</h3>

    <div class="center-block" id="player5"></div>

    <p>

      Direct link: <a href="https://stream.fosdem.org/k3201.m3u8">https://stream.fosdem.org/k3201.m3u8</a>

    </p>

    <h3 class="text-center chunkfive">Grace Hopper</h3>

    <div class="center-block" id="player2"></div>

    <p>

      Direct link: <a href="https://stream.fosdem.org/aw1120.m3u8">https://stream.fosdem.org/aw1120.m3u8</a>

    </p>

    <script type="text/javascript" src='{% static "js/clappr.min.js" %}'></script>

    <script>

      var player0 = new Clappr.Player({

      source: "https://stream.fosdem.org/ua2220.m3u8",

      baseUrl: "/asset/clappr",

      parentId: "#player0",

      autoPlay: true,