added 'Volunteer' link to sidebar.
[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>
35825907 59 <li class="active"><a href="/2014/video/">Watch the video</a></li>
60 <li><a href="/2014/exhibit">Promotional opportunities</a></li>
61 <li>
62 <a href="https://libreplanet.org/wiki/LibrePlanet:Conference/2014/Conference_brainstorm">
63 Share your ideas</a></li>
64 </ul>
65
66 <ul class="nav nav-pills nav-stacked">
67
68 <li><a href="/2014/logistics">Getting around Cambridge</a></li>
69 <!--<li><a href="/2014/scholarships">Scholarships (until January 10th)</a></li>-->
8ef0a881 70 <li><a href="/2014/volunteer">Volunteer</a></li>
4b4f6f75 71 <li><a href="/2014/live">Participate online</a></li>
35825907 72 <li><a href="/2014/scholarship_donation">Donate to the scholarship fund</a></li>
73
74 </ul>
75
76
77 <ul class="nav nav-pills nav-stacked">
78 <li><a href="http://media.libreplanet.org/">LibrePlanet 2013 videos</a></li>
79 <li><a href="https://libreplanet.org/wiki/LibrePlanet:Conference">Previous conferences</a></li>
80 <li><a href="/2014/anti-harassment/">Anti-harassment policy</a></li>
81 <li class="fsf-donate">
82 <a href="https://my.fsf.org/associate/support_freedom">
83 <span class="glyphicon glyphicon-heart"></span>
84 Become an FSF member
85 </a>
86 </li>
87 </ul>
88 <p class="text-muted text-center">and attend the conference gratis!</p>
89 </div> <!-- end of nav items -->
90
92cc41e3 91 <div id="lp-content" class="col-sm-9"> <!-- start of content column -->
871be91b
ZR
92 <h1>Watch the video</h1>
93 <p>Featuring Deb Nicholson, Benjamin Mako Hill, Karen Sandler, John Sullivan and Richard Stallman.
35825907 94 <div class="row"> <!-- start LP video -->
95 <div class="col-sm-12">
96 <div class="thumbnail">
97 <video class="lp-video" controls>
98 <source
5e411e9b 99 src="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm"
35825907 100 type="video/webm" />
101 <p><em>Your browser does not support the video
5e411e9b 102 tag, <a href="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm">
35825907 103 [ please download ]</a> the video instead.</em></p>
104 </video>
105 <div class="caption">
106 <p>
107 <em>
d18c602b 108 This video is licensed
109 under <a href="http://creativecommons.org/licenses/by-sa/3.0/">CC
110 BY-SA 3.0</a> by Dan Fitzmartin and the Free
111 Software
5e411e9b 112 Foundation. <a href="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm">Download
35825907 113 the video</a>.
114 </em></p>
115 </div>
116 </div>
117 </div>
118 </div> <!-- end LP video -->
119
f64d6009 120 <div class="panel panel-default margin-top">
121 <div class="panel-heading">
122 <h2 class="panel-title">
123 <span class="glyphicon glyphicon-share"></span>
124 Share it!
125 </h2>
126 </div>
127 <div class="panel-body">
128 <p>
129 We welcome you to share this video with your friends
130 to get them excited about LibrePlanet! If you've got
131 a Web site or blog, you can embed it using this
132 code:
133 </p>
5e411e9b 134 <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 135 </div>
136 </div>
137
35825907 138 </div> <!-- end of content column -->
139
140 </div>
141 </div> <!-- end of container -->
142
143 </div> <!-- end of wrapper -->
144
145 <div id="footer">
146 <div class="container">
147 <p class="text-muted text-center">
148 The <a href="http://www.fsf.org/">Free Software
149 Foundation</a> is a nonprofit with a worldwide mission to
150 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.
151 <a href="https://my.fsf.org/associate/support_freedom">
152 Donate</a>.
153 </p>
154
155 <p class="text-muted text-center">
156 <a rel="license"
157 href="http://creativecommons.org/licenses/by-sa/3.0/us/">
158 <img alt="[ Creative Commons License ]" style="border-width:0"
159 src="//i.creativecommons.org/l/by-sa/3.0/80x15.png" />
160 </a>
161 This page and its images, logos and videos are licensed under a <br />
162 <a rel="license"
163 href="http://creativecommons.org/licenses/by-sa/3.0/us/">
164 Creative Commons Attribution-ShareAlike 3.0 US
165 </a>.
166 Copyright &copy; 2013 Free Software Foundation.
167 </p>
168
169 <p class="text-muted text-center">
170 <a href="http://weblabels.fsf.org/libreplanet.org/CURRENT/" rel="jslicense">
171 JavaScript license information
172 </a>
173 </p>
174
175 <p class="text-muted text-center">
176 This site, including fonts, CSS, and JavaScript, was built using
177 <a href="http://getbootstrap.com">Bootstrap</a>,
178 which is licensed under the
179 <a href="https://directory.fsf.org/wiki/License:Apache2.0">
180 Apache 2.0 license</a>.
181 </p>
182 </div>
183 </div>
92cc41e3 184 <script type="text/javascript"
185 src="/2014/assets/js/jquery-1.10.2.min.js"></script>
186 <script type="text/javascript">
187
188 // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
bd9d1b3f 189 // Copyright (C) 2014 Free Software Foundation, Inc
92cc41e3 190
191 $(document).load(lpNavPlace);
192
193 $(window).resize(lpNavPlace);
194
195 function lpNavPlace() {
196 screenSize = $(window).width();
197 if(screenSize <= 767) {
198 $("#lp-nav").insertAfter("#lp-content");
199 } else {
200 $("#lp-nav").insertBefore("#lp-content");
201 }
202 }
203
204 // @license-end
205 </script>
35825907 206 </body>
207</html>