Add crazy streaming JS at the last minute! holy crap!

[libreplanet-static.git] / 2015 / live / index.html

diff --git a/2015/live/index.html b/2015/live/index.html
index 08c9d7fc7281d939a1ba57ed765a4211882b585c..33e93f644a3c5c9282d50c1bd6a26fdd13ef85e7 100755 (executable)
--- a/2015/live/index.html
+++ b/2015/live/index.html
@@ -5,20 +5,27 @@
 <!--#include virtual="/server/2015/banner.html"-->
 <!--#include virtual="/server/2015/sidebar.html"-->
 
-  <h1>LibrePlanet from anywhere</h1>
-  <p>During LibrePlanet, this page will host streaming video of all sessions. If you plan to participate remotely, please bookmark it now and check back during the conference.</p>
+<h1>LibrePlanet 2015 &mdash; Live</h1>
 
-<ul>
-  <li>Conference-wide Freenode IRC channel: <strong>#libreplanet</strong></li>
-  <li>Conference hashtag for <a href="https://fsf.org/twitter">microblogging</a>: <strong>#lp2015</strong></li>
-</ul>
+<div class="row margin-top">
+  <div class="col-sm-8"> <!-- start of main content -->
 
-  <p>We're creating our most advanced-ever free software streaming system for LibrePlanet 2015. We'd appreciate your donations to help make it as great as possible. Can you chip in?</p>
+    <div id="stream"></div>
 
-  <p style="text-align:center"><a href="https://my.fsf.org/civicrm/contribute/transact?reset=1&amp;id=14"><img src="//static.fsf.org/nosvn/donate.en.png" alt="Donate to the FSF" style="align:left; padding: 15px"></a></p>
+    <iframe src="https://www0.libreplanet.org/kiwi/irc.freenode.net/?theme=mini&amp;#libreplanet"
+            class="irc-client">
+    </iframe>
+  </div> <!-- end of main content -->
+
+  <div class="col-sm-4"> <!-- start of right sidebar column -->
+    <!--#include virtual="/server/2015/live_sidebar.html" -->
+  </div> <!-- end of right sidebar column -->
+</div>
 
 <!--#include virtual="/server/2015/footer.html"-->
 <!--#include virtual="/server/2015/common_js.html"-->
+<script type="text/javascript" src="/2015/assets/js/mithril.min.js"></script>
+<script type="text/javascript" src="/2015/assets/js/stream.js"></script>
 <script type="text/javascript">
 $("#p-sessions").addClass("active").text("Sessions");
 </script>