<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 — 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>
<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="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><video controls><source src="https://media.libreplanet.org/mgoblin_media/media_entries/49/LibrePlanet__8A__848x477__3.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"> [ please download ]</a> the video instead.</em></p> </video><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/49/LibrePlanet__8A__848x477__3.webm">Download the video</a>.</em></p></pre>
+ <pre><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><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></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>