Creating exhibitor payment confirmation page.
[libreplanet-static.git] / 2014 / video / index.html
index 90378b9d3ef0da865b4a4638731c0df31327df4f..ac60c3803043a0eba27a570daa7a413086279aac 100644 (file)
          <div class="lp-banner"> <!--start of lp banner -->
                <div class="container"> <!-- start of container -->
                  <div class="row">
-                       <div class="col-sm-9"> <!-- start of lp header -->
-                         <div class="lp-head">
-                               <h1><a href="/2014/"> LibrePlanet <small>2014</small></a></h1>
-                               <p><strong>March 22nd-23rd 2014, MIT, Cambridge, MA</strong></p>
-                               <p class="text-muted">Free software, free society</p>
+                       <div class="lp-head"> <!-- start of lp header -->
+                         <div class="col-sm-3">
+                               <a href="/2014/">
+                                 <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>
+                         </div>
+                         <div class="col-sm-3">
+                               <p class="text-muted">
+                                 March 22<sup>nd</sup>-23<sup>rd</sup><br />
+                                 MIT, Cambridge, MA</p>
                          </div>
                        </div><!-- end of lp header -->
-                       <div class="col-sm-3"> <!-- start of Register button -->
+                       <div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
                          <a class="btn btn-register-lp14 btn-lg btn-block"
                                 href="https://libreplanet.org/2014/register">
                                <span class="glyphicon glyphicon-ok"></span>
@@ -40,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
                        </p>
                        <ul class="nav nav-pills nav-stacked">
                          <!--<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/program/exhibit_hall.html">Exhibit hall</a></li>
+              <li><a href="/2014/live">Participate online</a></li>
                          <li class="active"><a href="/2014/video/">Watch the video</a></li>
-                         <li><a href="/2014/exhibit">Promotional opportunities</a></li>
-                         <li>
-                               <a href="https://libreplanet.org/wiki/LibrePlanet:Conference/2014/Conference_brainstorm">
-                                 Share your ideas</a></li>
                         </ul>
 
                        <ul class="nav nav-pills nav-stacked">
-
                          <li><a href="/2014/logistics">Getting around Cambridge</a></li>
                  <!--<li><a href="/2014/scholarships">Scholarships (until January 10th)</a></li>-->
+                         <li><a href="/2014/volunteer">Volunteer</a></li>
                  <li><a href="/2014/scholarship_donation">Donate to the scholarship fund</a></li>
-
                        </ul>
 
 
                        <ul class="nav nav-pills nav-stacked">
+                         <li>
+                               <a href="https://libreplanet.org/wiki/LibrePlanet:Conference/2014/Conference_brainstorm">
+                                 Share your ideas</a></li>
                          <li><a href="http://media.libreplanet.org/">LibrePlanet 2013 videos</a></li>
                          <li><a href="https://libreplanet.org/wiki/LibrePlanet:Conference">Previous conferences</a></li>
                          <li><a href="/2014/anti-harassment/">Anti-harassment policy</a></li>
@@ -81,7 +86,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>Watch the video</h1>
                         <p>Featuring Deb Nicholson, Benjamin Mako Hill, Karen Sandler, John Sullivan and Richard Stallman.
                        <div class="row"> <!-- start LP video -->
                                <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">
                                                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>
                                  a Web site or blog, you can embed it using this
                                  code:
                                </p>
-                               <pre>&lt;video controls&gt;&lt;source src="https://media.libreplanet.org/mgoblin_media/media_entries/49/LibrePlanet__8A__848x477__3.webm" type="video/webm" /&gt; &lt;p&gt;&lt;em&gt;Your browser does not support the video tag, &lt;a href="https://media.libreplanet.org/mgoblin_media/media_entries/49/LibrePlanet__8A__848x477__3.webm"&gt; [ please download ]&lt;/a&gt; the video instead.&lt;/em&gt;&lt;/p&gt; &lt;/video&gt;&lt;p&gt;&lt;em&gt;This video is licensed under &lt;a href=&quot;http://creativecommons.org/licenses/by-sa/3.0/&quot;&gt;CC BY-SA 3.0&lt;/a&gt; by Dan Fitzmartin and the Free Software Foundation. &lt;a href=&quot;https://media.libreplanet.org/mgoblin_media/media_entries/49/LibrePlanet__8A__848x477__3.webm&quot;&gt;Download the video&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;</pre>
+                               <pre>&lt;video controls&gt;&lt;source src="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm" type="video/webm" /&gt; &lt;p&gt;&lt;em&gt;Your browser does not support the video tag, &lt;a href="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm"&gt; [ please download ]&lt;/a&gt; the video instead.&lt;/em&gt;&lt;/p&gt; &lt;/video&gt;&lt;p&gt;&lt;em&gt;This video is licensed under &lt;a href=&quot;http://creativecommons.org/licenses/by-sa/3.0/&quot;&gt;CC BY-SA 3.0&lt;/a&gt; by Dan Fitzmartin and the Free Software Foundation. &lt;a href=&quot;https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm&quot;&gt;Download the video&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;</pre>
                          </div>
                        </div>
 
                </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).ready(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>