updated sidebar: removed 'speakers' link; 'Streaming' renamed to 'Participate online'.

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

diff --git a/2014/live/index.html b/2014/live/index.html
index 456afc5b6617578e1c5480504ef60e1a1ed697e3..39e2e8a79372de9a16e3e4d1c6ae6200fab146ec 100644 (file)
--- a/2014/live/index.html
+++ b/2014/live/index.html
@@ -19,7 +19,7 @@
                        <div class="lp-head"> <!-- start of lp header -->
                          <div class="col-sm-3">
                                <a href="/2014/">
-                                 <img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
+                                 <img src="//static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
                                           class="img-responsive"
                                           alt="[ LibrePlanet 2014 &mdash; Free Software, free society ]" />
                                </a>
@@ -47,7 +47,7 @@
          <div class="container"> <!-- start of container -->
                <div class="row"> 
 
-                 <div class="col-sm-3"> <!-- start of nav items -->
+                 <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
                        <p class="text-center lp-home">
                          <a class="text-muted" href="/2014/">
                                <span class="glyphicon glyphicon-chevron-left"></span> Home
@@ -57,7 +57,6 @@
                          <!--<li><a href="/2014/call_for_sessions">Propose a session</a></li>-->
                          <!--<li><a href="/2014/volunteer">Help plan LibrePlanet</a></li>-->
                          <li><a href="/2014/program">Program</a></li>
-                         <li><a href="/2014/speakers">Speakers</a></li>
                          <li><a href="/2014/video/">Watch the video</a></li>
                          <li><a href="/2014/exhibit">Promotional opportunities</a></li>
                          <li>
@@ -68,7 +67,7 @@
                        <ul class="nav nav-pills nav-stacked">
 
                          <li><a href="/2014/logistics">Getting around Cambridge</a></li>
-<li class="active"><a href="/2014/live">Streaming</a></li>
+              <li class="active"><a href="/2014/live">Participate online</a></li>
                  <!--<li><a href="/2014/scholarships">Scholarships (until January 10th)</a></li>-->
                  <li><a href="/2014/scholarship_donation">Donate to the scholarship fund</a></li>
 
@@ -88,7 +87,7 @@
                        <p class="text-muted text-center">and attend the conference gratis!</p>
                  </div> <!-- end of nav items -->
 
-                 <div class="col-sm-9"> <!-- start of content column -->
+                 <div id="lp-content" class="col-sm-9"> <!-- start of content column -->
                        <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>
 
@@ -103,10 +102,10 @@
                                <div class="thumbnail">
                                  <video class="lp-video" controls>
                                        <source
-                                          src="https://media.libreplanet.org/mgoblin_media/media_entries/49/LibrePlanet__8A__848x477__3.webm"
+                                          src="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm"
                                           type="video/webm" />
                                          <p><em>Your browser does not support the video
-                                               tag, <a href="https://media.libreplanet.org/mgoblin_media/media_entries/49/LibrePlanet__8A__848x477__3.webm">
+                                               tag, <a href="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm">
                                                [ please download ]</a> the video instead.</em></p>
                                  </video>
                                  <div class="caption">
@@ -116,7 +115,7 @@
                                                under <a href="http://creativecommons.org/licenses/by-sa/3.0/">CC
                                                BY-SA 3.0</a> by Dan Fitzmartin and the Free
                                                Software
-                                               Foundation. <a href="https://media.libreplanet.org/mgoblin_media/media_entries/49/LibrePlanet__8A__848x477__3.webm">Download
+                                               Foundation. <a href="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm">Download
                                                the video</a>.
                                        </em></p>
                                  </div>
@@ -170,5 +169,25 @@
                </p>
          </div>
        </div>
+       <script type="text/javascript"
+                       src="/2014/assets/js/jquery-1.10.2.min.js"></script>
+       <script type="text/javascript">
+         // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
+     // Copyright (C) 2014 Free Software Foundation, Inc
+
+      $(document).load(lpNavPlace);
+
+      $(window).resize(lpNavPlace);
+
+      function lpNavPlace() {
+        screenSize = $(window).width();
+        if(screenSize <= 767) {
+           $("#lp-nav").insertAfter("#lp-content");
+        } else {
+           $("#lp-nav").insertBefore("#lp-content");
+        }
+      }
+     // @license-end
+       </script>
   </body>
 </html>