Creating exhibitor payment confirmation page.
[libreplanet-static.git] / 2014 / video / index.html
index b97a0c74c17751e0f3459e8e4edc1eed8de0bde7..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>
                        <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="col-sm-12">
                                <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">
                                        <p>
                                          <em>
-                                               This video is licensed under CC BY-SA 3.0 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
+                                               This video is licensed
+                                               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/50/LibrePlanet__9B__848x477__1.webm">Download
                                                the video</a>.
                                        </em></p>
                                  </div>
                          </div>
                        </div> <!-- end LP video -->
 
+                       <div class="panel panel-default margin-top">
+                         <div class="panel-heading">
+                               <h2 class="panel-title">
+                                 <span class="glyphicon glyphicon-share"></span>
+                                 Share it!
+                               </h2>
+                         </div>
+                         <div class="panel-body">
+                               <p>
+                                 We welcome you to share this video with your friends
+                                 to get them excited about LibrePlanet! If you've got
+                                 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/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>
+
                  </div> <!-- end of content column -->
 
                </div>
        </div>
        <script type="text/javascript"
                        src="/2014/assets/js/jquery-1.10.2.min.js"></script>
-       <script type="text/javascript"
-                       src="/2014/assets/js/bootstrap.min.js"></script>
        <script type="text/javascript">
-         /**
-         * @licstart  The following is the entire license notice for the JavaScript code in this page.
-         *
-         * Copyright (C) 2013 Free Software Foundation, Inc
-
-         * Licensed under the Apache License, Version 2.0 (the
-         * "License"); you may not use this file except in compliance
-         * with the License.  You may obtain a copy of the License at
-
-         *        http://www.apache.org/licenses/LICENSE-2.0
-
-         * Unless required by applicable law or agreed to in writing,
-         * software distributed under the License is distributed on an
-         * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
-         * either express or implied.  See the License for the specific
-         * language governing permissions and limitations under the
-         * License.
-
-         *
-         * @licend  The above is the entire license notice for the JavaScript code in this page.
-         **/
-         $(document).ready(function() {
-        $('.carousel').carousel({ interval:6000 });
-           $('.glyphicon-chevron-left').css('display','inline-block');
-           $('.glyphicon-chevron-right').css('display','inline-block');
-         });
-       </script>
 
-       <!-- Piwik -->
-       <script type="text/javascript">
-         /*
-          * |@licstart The following is the entire license notice for the JavaScript code in this page.|
-
-       * Copyright 2012 Matthieu Aubry.
-
-       * This program is free software: you can redistribute it and/or modify
-       * it under the terms of the GNU General Public License as published by
-       * the Free Software Foundation, either version 3 of the License, or
-       * (at your option) any later version.
-
-       * This program is distributed in the hope that it will be useful,
-       * but WITHOUT ANY WARRANTY; without even the implied warranty of
-       * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-       * GNU General Public License for more details.
-
-       * You should have received a copy of the GNU General Public License
-       * along with this program.  If not, see http://www.gnu.org/licenses/.
-
-          * |@licend The above is the entire license notice for the JavaScript code in this page.|
-         */
-         var _paq = _paq || [];
-         _paq.push(["trackPageView"]);
-         _paq.push(["enableLinkTracking"]);
-
-         (function() {
-                 var u=(("https:" == document.location.protocol) ? "https" : "http") + "://piwik.fsf.org/";
-                 _paq.push(["setTrackerUrl", u+"piwik.php"]);
-                 _paq.push(["setSiteId", "7"]);
-                 var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript";
-                 g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s);
-         })();
+     // @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>
-       <!-- End Piwik Code -->
   </body>
 </html>