Merge branch 'stable'
[libreplanet-static.git] / 2014 / video / index.html
diff --git a/2014/video/index.html b/2014/video/index.html
new file mode 100644 (file)
index 0000000..eae6a88
--- /dev/null
@@ -0,0 +1,260 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+       <meta charset="utf-8" />
+       <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
+
+       <link href="/2014/assets/css/bootstrap.min.css" rel="stylesheet" media="screen" />
+       <link href="/2014/assets/css/custom.css" rel="stylesheet" media="screen" /> 
+       <link href="https://static.fsf.org/fsforg/img/favicon.ico" rel="shortcut icon">
+       <title>Video &mdash; LibrePlanet 2014</title>
+
+  </head>
+  <body>
+
+       <div id="wrapper"> <!-- start of wrapper -->
+         <div class="lp-banner"> <!--start of lp banner -->
+               <div class="container"> <!-- start of container -->
+                 <div class="row">
+                       <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-6"> <!-- start of signup form -->
+                         <form role="form" class="margin-top lp-signup"
+                                       action="https://crm.fsf.org/civicrm/profile/create?gid=285&amp;reset=1"
+                                       method="post" name="Edit" id="Edit">
+                               <div>
+                                 <input name="postURL" type="hidden" value="https://libreplanet.org/2014/confirmation.html" />
+                                 <input name="cancelURL" type="hidden"
+                                                value="https://crm.fsf.org/civicrm/profile?reset=1&amp;gid=285" />
+                                 <input name="add_to_group" type="hidden" value="619" />
+                                 <input name="_qf_default" type="hidden" value="Edit:cancel" />
+                               </div>
+
+                               <div id="crm-container" lang="en" xml:lang="en">
+                                 <p>Sign up for updates on LibrePlanet 2015!</p>
+                                 <div id="editrow-email-Primary"
+                                          class="form-group">
+                                       <label class="sr-only" for="email-Primary">
+                                         Email
+                                       </label>
+                                       <div class="input-group">
+                                         <input class="form-control"
+                                                        name="email-Primary"
+                                                        id="email-Primary"
+                                                        type="email"
+                                                        placeholder="Your email address" required>
+                                         <span class="input-group-btn">
+                                               <button type="submit" class="btn btn-default"
+                                                               accesskey="S" name="_qf_Edit_next" value="Save"
+                                                               id="_qf_Edit_next">
+                                                 Receive updates
+                                               </button>
+                                         </span>
+                                       </div>
+                                 </div>
+                                 <div id="editrow-custom_79">
+                                       <div class="checkbox">
+                                         <input
+                                                type="hidden" name="custom_79[yes]" value="" />
+                                         <label class="lp-label-news">
+                                               <input id="custom_79_yes"
+                                                          name="custom_79[yes]" type="checkbox" value="1" checked="checked"
+                                                          class="checkbox" />
+                                               Also join the FSF's newsletter
+                                         </label>
+                                         &middot;
+                                         <p class="help-block">
+                                               <a href="https://my.fsf.org/donate/privacypolicy.html">Read our privacy policy.</a></p>
+                                       </div>
+                                 </div>
+                               </div>
+                         </form>
+                       </div> <!-- end of signup form -->
+
+<!-- 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>
+                               Register now
+                         </a>
+                         <p class="text-muted text-center">
+                               gratis for members and students!
+                         </p>
+                       </div> //end of Register button
+-->
+                 </div>
+               </div> <!-- end of header container -->
+         </div> <!-- end of lp banner -->
+
+         <div class="container"> <!-- start of container -->
+               <div class="row"> 
+
+                 <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
+                         </a>
+                       </p>
+                       <ul class="nav nav-pills nav-stacked">
+                         <!--<li><a href="/2014/call_for_sessions">Propose a session</a></li>-->
+                         <li><a href="/2014/program">Program</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>
+                        </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>
+                         <li class="fsf-donate">
+                               <a href="https://my.fsf.org/associate/support_freedom">
+                                 <span class="glyphicon glyphicon-heart"></span>
+                                 Become an FSF member
+                               </a>
+                         </li>
+                       </ul>
+                       <p class="text-muted text-center">and attend the conference gratis!</p>
+                 </div> <!-- end of nav items -->
+
+                 <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/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/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 <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>
+                       </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> <!-- end of container -->
+
+       </div> <!-- end of wrapper -->
+
+       <div id="footer">
+         <div class="container">
+               <p class="text-muted text-center">
+                 The <a href="http://www.fsf.org/">Free Software
+                 Foundation</a> is a nonprofit with a worldwide mission to
+                 advance software freedom. LibrePlanet 2014 is produced in partnership by the <a href="https://www.fsf.org">Free Software Foundation</a> with the <a href="http://sipb.mit.edu/">Student Information Processing Board (SIPB)</a> at MIT.
+                 <a href="https://my.fsf.org/associate/support_freedom">
+                       Donate</a>.
+               </p>
+
+               <p class="text-muted text-center">
+                 <a rel="license"
+                        href="http://creativecommons.org/licenses/by-sa/3.0/us/">
+                       <img alt="[ Creative Commons License ]" style="border-width:0"
+                                src="//i.creativecommons.org/l/by-sa/3.0/80x15.png" />
+                 </a>
+                 This page and its images, logos and videos are licensed under a <br />
+                 <a rel="license"
+                        href="http://creativecommons.org/licenses/by-sa/3.0/us/">
+                       Creative Commons Attribution-ShareAlike 3.0 US
+                 </a>.
+                 Copyright &copy; 2013-2014 Free Software Foundation.
+               </p>
+
+               <p class="text-muted text-center">
+                 <a href="http://weblabels.fsf.org/libreplanet.org/CURRENT/" rel="jslicense">
+                       JavaScript license information
+                 </a>
+               </p>
+
+               <p class="text-muted text-center">
+                 This site, including fonts, CSS, and JavaScript, was built using
+                 <a href="http://getbootstrap.com">Bootstrap</a>,
+                 which is licensed under the
+                 <a href="https://directory.fsf.org/wiki/License:Apache2.0">
+                       Apache 2.0 license</a>.
+               </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>