some jquery magic: nav bar is pushed the bottom in small screen devices (tablets...
[libreplanet-static.git] / 2014 / index.html
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>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">
19 <div class="lp-head"> <!-- start of lp header -->
20 <div class="col-sm-3">
21 <a href="/2014/">
22 <img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
23 class="img-responsive"
24 alt="[ LibrePlanet 2014 &mdash; Free Software, free society ]" />
25 </a>
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>
31 </div>
32 </div><!-- end of lp header -->
33 <div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
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
50 <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
51 <ul class="nav nav-pills nav-stacked">
52 <!--<li><a href="/2014/call_for_sessions">Propose a session</a></li>-->
53 <!--<li><a href="/2014/volunteer">Help plan LibrePlanet</a></li>-->
54 <li><a href="/2014/program">Program</a></li>
55 <li><a href="/2014/speakers">Speakers</a></li>
56 <li><a href="/2014/video/">Watch the video</a></li>
57 <li><a href="/2014/exhibit">Promotional opportunities</a></li>
58 <li>
59 <a href="https://libreplanet.org/wiki/LibrePlanet:Conference/2014/Conference_brainstorm">
60 Share your ideas</a></li>
61 </ul>
62
63 <ul class="nav nav-pills nav-stacked">
64
65 <li><a href="/2014/logistics">Getting around Cambridge</a></li>
66 <!--<li><a href="/2014/scholarships">Scholarships (until January 10th)</a></li>-->
67 <li><a href="/2014/scholarship_donation">Donate to the scholarship fund</a></li>
68
69 </ul>
70
71
72 <ul class="nav nav-pills nav-stacked">
73 <li><a href="http://media.libreplanet.org/">LibrePlanet 2013 videos</a></li>
74 <li><a href="https://libreplanet.org/wiki/LibrePlanet:Conference">Previous conferences</a></li>
75 <li><a href="/2014/anti-harassment/">Anti-harassment policy</a></li>
76 <li class="fsf-donate">
77 <a href="https://my.fsf.org/associate/support_freedom">
78 <span class="glyphicon glyphicon-heart"></span>
79 Become an FSF member
80 </a>
81 </li>
82 </ul>
83 <p class="text-muted text-center">and attend the conference gratis!</p>
84 </div> <!-- end of nav items -->
85
86 <div id="lp-content" class="col-sm-9"> <!-- start of content column -->
87
88 <!-- start of carousel -->
89 <div id="lpc-carousel" class="carousel slide">
90
91 <!-- wrapper for slides -->
92 <ul class="carousel-inner list-unstyled">
93 <li class="item">
94 <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/gnu30_hackers.jpg"
95 alt="[ Apply for a scholarship ]">
96 <p class="lead carousel-caption-tl">
97 <a class="btn btn-default" href="https://libreplanet.org/2014/scholarship_donation">Donate to the scholarship fund</a> to help us bring new people to LibrePlanet.
98 </p>
99
100 </li>
101
102 <!--
103 <li class="item">
104 <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/lp13-room-110.jpg"
105 alt="[ LibrePlanet 2013 discussion ]">
106 <p class="lead carousel-caption-bl">
107 We're collecting suggestions for<br>LibrePlanet 2014
108
109 <a class="btn btn-default"
110 href="https://libreplanet.org/wiki/LibrePlanet:Conference/2014/Conference_brainstorm">
111 Share your ideas
112 </a>
113
114 </p>
115 </li>
116 -->
117 <li class="item active">
118 <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/lp14_keynotes.png"
119 alt="[ Keynote speakers]">
120 <p class="carousel-caption-tl">
121 <a class="btn btn-default btn-carousel" href="https://libreplanet.org/2014/speakers">
122 Get excited for our keynote speakers!
123 </a></p>
124 </li>
125 <!-- Commented this out when adding the Keynote speaker slide
126 <li class="item">
127 <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/lp13-expand-the-tent.jpg"
128 alt="[ The Expanding the Tent panel ]">
129 <p class="carousel-caption-tr">
130 <a class="btn btn-default btn-carousel"
131 href="https://libreplanet.org/2014/register">
132 Register now
133 </a>
134 and be part of LibrePlanet 2014!
135 </p>
136
137 </li>
138 -->
139 <li class="item">
140 <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/lp13-printer.jpg"
141 alt="[ Aleph Objects' Lulzbot 3D printer ]">
142 <p class="carousel-caption-tr">
143 LibrePlanet is a great place to spread the word about your free software business or organization<br>
144 <a class="btn btn-default btn-carousel" href="https://libreplanet.org/2014/exhibit">
145 Apply for an exhibition table and program ad
146 </a>
147 </p>
148 </li>
149 <li class="item">
150 <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/lp13-presentation.jpg"
151 alt="[ A presentation at LibrePlanet 2013]">
152 <p class="carousel-caption-tr">
153 Volunteers are crucial in planning LibrePlanet<br>
154 <a class="btn btn-default btn-carousel" href="https://libreplanet.org/2014/volunteer">
155 Join the planning committee
156 </a>
157 </li>
158
159 </ul>
160 <!-- controls -->
161 <a class="left carousel-control" href="#lpc-carousel" data-slide="prev">
162 <span class="glyphicon glyphicon-chevron-left"></span>
163 </a>
164 <a class="right carousel-control" href="#lpc-carousel" data-slide="next">
165 <span class="glyphicon glyphicon-chevron-right"></span>
166 </a>
167 </div> <!-- end of carousel -->
168
169 <div class="margin-top"> <!-- start of LP14 text -->
170 <p class="lead">
171 LibrePlanet is an annual conference for free software enthusiasts. LibrePlanet brings together software developers, policy experts, activists and computer users to learn skills, share accomplishments and face challenges to software freedom. Newcomers are always welcome, and LibrePlanet 2014 will feature programming for all ages and experience levels.</p>
172 <p>
173 This year, the theme of LibrePlanet is "Free Software, Free Society." How can free software protect journalists, whistleblowers, activists, and regular computer users from government and corporate surveillance? How can free software, or free software values like copyleft, community development, and transparency, be used by people fighting to create free societies around the world? What challenges are standing between us and our goal of free software ubiquity? With your help, we'll tackle these questions and more at LibrePlanet 2014, March 22-23 in Cambridge, MA.
174 </p>
175 <p>FSF members and students attend LibrePlanet at no cost! <a href="https://my.fsf.org/associate/support_freedom">Become a member now.</a> If you're interested in attending but need help, we also have <a href="https://libreplanet.org/2014/scholarships">scholarships</a> avalaible.</p>
176 </div> <!-- end of LP14 text -->
177
178 </div> <!-- end of content column -->
179
180 </div>
181 </div> <!-- end of container -->
182
183 </div> <!-- end of wrapper -->
184
185 <div id="footer">
186 <div class="container">
187 <p class="text-muted text-center">
188 The <a href="http://www.fsf.org/">Free Software
189 Foundation</a> is a nonprofit with a worldwide mission to
190 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.
191 <a href="https://my.fsf.org/associate/support_freedom">
192 Donate</a>.
193 </p>
194
195 <p class="text-muted text-center">
196 <a rel="license"
197 href="http://creativecommons.org/licenses/by-sa/3.0/us/">
198 <img alt="[ Creative Commons License ]" style="border-width:0"
199 src="//i.creativecommons.org/l/by-sa/3.0/80x15.png" />
200 </a>
201 This page and its images, logos and videos are licensed under a <br />
202 <a rel="license"
203 href="http://creativecommons.org/licenses/by-sa/3.0/us/">
204 Creative Commons Attribution-ShareAlike 3.0 US
205 </a>.
206 Copyright &copy; 2013 Free Software Foundation.
207 </p>
208
209 <p class="text-muted text-center">
210 <a href="http://weblabels.fsf.org/libreplanet.org/CURRENT/" rel="jslicense">
211 JavaScript license information
212 </a>
213 </p>
214
215 <p class="text-muted text-center">
216 This site, including fonts, CSS, and JavaScript, was built using
217 <a href="http://getbootstrap.com">Bootstrap</a>,
218 which is licensed under the
219 <a href="https://directory.fsf.org/wiki/License:Apache2.0">
220 Apache 2.0 license</a>.
221 </p>
222 </div>
223 </div>
224 <script type="text/javascript"
225 src="/2014/assets/js/jquery-1.10.2.min.js"></script>
226 <script type="text/javascript"
227 src="/2014/assets/js/bootstrap.min.js"></script>
228 <script type="text/javascript">
229 /**
230 * @licstart The following is the entire license notice for the JavaScript code in this page.
231 *
232 * Copyright (C) 2013 Free Software Foundation, Inc
233
234 * Licensed under the Apache License, Version 2.0 (the
235 * "License"); you may not use this file except in compliance
236 * with the License. You may obtain a copy of the License at
237
238 * http://www.apache.org/licenses/LICENSE-2.0
239
240 * Unless required by applicable law or agreed to in writing,
241 * software distributed under the License is distributed on an
242 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
243 * either express or implied. See the License for the specific
244 * language governing permissions and limitations under the
245 * License.
246
247 *
248 * @licend The above is the entire license notice for the JavaScript code in this page.
249 **/
250 $(document).ready(function() {
251 $('.carousel').carousel({ interval:6000 });
252 $('.glyphicon-chevron-left').css('display','inline-block');
253 $('.glyphicon-chevron-right').css('display','inline-block');
254 });
255
256 $(document).load(lpNavPlace);
257
258 $(window).resize(lpNavPlace);
259
260 function lpNavPlace() {
261 screenSize = $(window).width();
262 if(screenSize <= 767) {
263 $("#lp-nav").insertAfter("#lp-content");
264 } else {
265 $("#lp-nav").insertBefore("#lp-content");
266 }
267 }
268 </script>
269
270 <!-- Piwik -->
271 <script type="text/javascript">
272 /*
273 * |@licstart The following is the entire license notice for the JavaScript code in this page.|
274
275 * Copyright 2012 Matthieu Aubry.
276
277 * This program is free software: you can redistribute it and/or modify
278 * it under the terms of the GNU General Public License as published by
279 * the Free Software Foundation, either version 3 of the License, or
280 * (at your option) any later version.
281
282 * This program is distributed in the hope that it will be useful,
283 * but WITHOUT ANY WARRANTY; without even the implied warranty of
284 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
285 * GNU General Public License for more details.
286
287 * You should have received a copy of the GNU General Public License
288 * along with this program. If not, see http://www.gnu.org/licenses/.
289
290 * |@licend The above is the entire license notice for the JavaScript code in this page.|
291 */
292 var _paq = _paq || [];
293 _paq.push(["trackPageView"]);
294 _paq.push(["enableLinkTracking"]);
295
296 (function() {
297 var u=(("https:" == document.location.protocol) ? "https" : "http") + "://piwik.fsf.org/";
298 _paq.push(["setTrackerUrl", u+"piwik.php"]);
299 _paq.push(["setSiteId", "7"]);
300 var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript";
301 g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s);
302 })();
303 </script>
304 <!-- End Piwik Code -->
305 </body>
306 </html>