Changing register to sign up for updates in header.
[libreplanet-static.git] / 2014 / video / index.html
CommitLineData
35825907 1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta charset="utf-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
7 <link href="/2014/assets/css/bootstrap.min.css" rel="stylesheet" media="screen" />
8 <link href="/2014/assets/css/custom.css" rel="stylesheet" media="screen" />
9 <link href="https://static.fsf.org/fsforg/img/favicon.ico" rel="shortcut icon">
10 <title>Video &mdash; LibrePlanet 2014</title>
11
12 </head>
13 <body>
14
15 <div id="wrapper"> <!-- start of wrapper -->
16 <div class="lp-banner"> <!--start of lp banner -->
17 <div class="container"> <!-- start of container -->
18 <div class="row">
adc69873 19 <div class="lp-head"> <!-- start of lp header -->
20 <div class="col-sm-3">
d61f4262 21 <a href="/2014/">
7897d43b 22 <img src="//static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
d61f4262 23 class="img-responsive"
24 alt="[ LibrePlanet 2014 &mdash; Free Software, free society ]" />
25 </a>
adc69873 26 </div>
27 <div class="col-sm-3">
28 <p class="text-muted">
29 March 22<sup>nd</sup>-23<sup>rd</sup><br />
30 MIT, Cambridge, MA</p>
35825907 31 </div>
32 </div><!-- end of lp header -->
d61f4262 33 <div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
35825907 34 <a class="btn btn-register-lp14 btn-lg btn-block"
35 href="https://libreplanet.org/2014/register">
36 <span class="glyphicon glyphicon-ok"></span>
37 Register now
38 </a>
39 <p class="text-muted text-center">
40 gratis for members and students!
41 </p>
42 </div> <!-- end of Register button -->
43 </div>
44 </div> <!-- end of header container -->
45 </div> <!-- end of lp banner -->
46
47 <div class="container"> <!-- start of container -->
48 <div class="row">
49
92cc41e3 50 <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
35825907 51 <p class="text-center lp-home">
52 <a class="text-muted" href="/2014/">
53 <span class="glyphicon glyphicon-chevron-left"></span> Home
54 </a>
55 </p>
56 <ul class="nav nav-pills nav-stacked">
57 <!--<li><a href="/2014/call_for_sessions">Propose a session</a></li>-->
35825907 58 <li><a href="/2014/program">Program</a></li>
ce129fd5 59 <li><a href="/2014/program/exhibit_hall.html">Exhibit hall</a></li>
60 <li><a href="/2014/live">Participate online</a></li>
35825907 61 <li class="active"><a href="/2014/video/">Watch the video</a></li>
35825907 62 </ul>
63
64 <ul class="nav nav-pills nav-stacked">
35825907 65 <li><a href="/2014/logistics">Getting around Cambridge</a></li>
66 <!--<li><a href="/2014/scholarships">Scholarships (until January 10th)</a></li>-->
8ef0a881 67 <li><a href="/2014/volunteer">Volunteer</a></li>
35825907 68 <li><a href="/2014/scholarship_donation">Donate to the scholarship fund</a></li>
35825907 69 </ul>
70
71
72 <ul class="nav nav-pills nav-stacked">
ce129fd5 73 <li>
74 <a href="https://libreplanet.org/wiki/LibrePlanet:Conference/2014/Conference_brainstorm">
75 Share your ideas</a></li>
35825907 76 <li><a href="http://media.libreplanet.org/">LibrePlanet 2013 videos</a></li>
77 <li><a href="https://libreplanet.org/wiki/LibrePlanet:Conference">Previous conferences</a></li>
78 <li><a href="/2014/anti-harassment/">Anti-harassment policy</a></li>
79 <li class="fsf-donate">
80 <a href="https://my.fsf.org/associate/support_freedom">
81 <span class="glyphicon glyphicon-heart"></span>
82 Become an FSF member
83 </a>
84 </li>
85 </ul>
86 <p class="text-muted text-center">and attend the conference gratis!</p>
87 </div> <!-- end of nav items -->
88
92cc41e3 89 <div id="lp-content" class="col-sm-9"> <!-- start of content column -->
871be91b
ZR
90 <h1>Watch the video</h1>
91 <p>Featuring Deb Nicholson, Benjamin Mako Hill, Karen Sandler, John Sullivan and Richard Stallman.
35825907 92 <div class="row"> <!-- start LP video -->
93 <div class="col-sm-12">
94 <div class="thumbnail">
95 <video class="lp-video" controls>
96 <source
5e411e9b 97 src="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm"
35825907 98 type="video/webm" />
99 <p><em>Your browser does not support the video
5e411e9b 100 tag, <a href="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm">
35825907 101 [ please download ]</a> the video instead.</em></p>
102 </video>
103 <div class="caption">
104 <p>
105 <em>
d18c602b 106 This video is licensed
107 under <a href="http://creativecommons.org/licenses/by-sa/3.0/">CC
108 BY-SA 3.0</a> by Dan Fitzmartin and the Free
109 Software
5e411e9b 110 Foundation. <a href="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm">Download
35825907 111 the video</a>.
112 </em></p>
113 </div>
114 </div>
115 </div>
116 </div> <!-- end LP video -->
117
f64d6009 118 <div class="panel panel-default margin-top">
119 <div class="panel-heading">
120 <h2 class="panel-title">
121 <span class="glyphicon glyphicon-share"></span>
122 Share it!
123 </h2>
124 </div>
125 <div class="panel-body">
126 <p>
127 We welcome you to share this video with your friends
128 to get them excited about LibrePlanet! If you've got
129 a Web site or blog, you can embed it using this
130 code:
131 </p>
5e411e9b 132 <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>
f64d6009 133 </div>
134 </div>
135
35825907 136 </div> <!-- end of content column -->
137
138 </div>
139 </div> <!-- end of container -->
140
141 </div> <!-- end of wrapper -->
142
143 <div id="footer">
144 <div class="container">
145 <p class="text-muted text-center">
146 The <a href="http://www.fsf.org/">Free Software
147 Foundation</a> is a nonprofit with a worldwide mission to
148 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.
149 <a href="https://my.fsf.org/associate/support_freedom">
150 Donate</a>.
151 </p>
152
153 <p class="text-muted text-center">
154 <a rel="license"
155 href="http://creativecommons.org/licenses/by-sa/3.0/us/">
156 <img alt="[ Creative Commons License ]" style="border-width:0"
157 src="//i.creativecommons.org/l/by-sa/3.0/80x15.png" />
158 </a>
159 This page and its images, logos and videos are licensed under a <br />
160 <a rel="license"
161 href="http://creativecommons.org/licenses/by-sa/3.0/us/">
162 Creative Commons Attribution-ShareAlike 3.0 US
163 </a>.
164 Copyright &copy; 2013 Free Software Foundation.
165 </p>
166
167 <p class="text-muted text-center">
168 <a href="http://weblabels.fsf.org/libreplanet.org/CURRENT/" rel="jslicense">
169 JavaScript license information
170 </a>
171 </p>
172
173 <p class="text-muted text-center">
174 This site, including fonts, CSS, and JavaScript, was built using
175 <a href="http://getbootstrap.com">Bootstrap</a>,
176 which is licensed under the
177 <a href="https://directory.fsf.org/wiki/License:Apache2.0">
178 Apache 2.0 license</a>.
179 </p>
180 </div>
181 </div>
92cc41e3 182 <script type="text/javascript"
183 src="/2014/assets/js/jquery-1.10.2.min.js"></script>
184 <script type="text/javascript">
185
186 // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
bd9d1b3f 187 // Copyright (C) 2014 Free Software Foundation, Inc
92cc41e3 188
a5fdf3f1 189 $(document).ready(lpNavPlace);
92cc41e3 190
191 $(window).resize(lpNavPlace);
192
193 function lpNavPlace() {
194 screenSize = $(window).width();
195 if(screenSize <= 767) {
196 $("#lp-nav").insertAfter("#lp-content");
197 } else {
198 $("#lp-nav").insertBefore("#lp-content");
199 }
200 }
201
202 // @license-end
203 </script>
35825907 204 </body>
205</html>