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