carousel updates LP has ended
[libreplanet-static.git] / 2014 / index.html
old mode 100644 (file)
new mode 100755 (executable)
index 0fbcf9b..7fa79ff
@@ -2,10 +2,11 @@
 <html lang="en">
   <head>
        <meta charset="utf-8" />
-       <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
+       <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
        <link href="/2014/assets/css/bootstrap.min.css" rel="stylesheet" media="screen" />
-       <link href="/2014/assets/css/custom.css" rel="stylesheet" media="screen" /> 
+       <link href="/2014/assets/css/custom.css" rel="stylesheet" media="screen" />
+        <link href="/server/lp-common.css" rel="stylesheet" media="screen" />
        <link href="https://static.fsf.org/fsforg/img/favicon.ico" rel="shortcut icon">
        <title>LibrePlanet 2014</title>
 
   <body>
 
        <div id="wrapper"> <!-- start of wrapper -->
+            <!--#include virtual="/server/lp-archived.html"-->
          <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 &mdash; 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-6"> <!-- start of signup form -->
+                         <form role="form" class="margin-top lp-signup"
+                                       action="https://my.fsf.org/civicrm/profile/create?gid=285&amp;reset=1"
+                                       method="post" name="Edit" id="Edit">
+                               <div>
+                                 <input name="postURL" type="hidden" value="https://libreplanet.org/2014/confirmation.html" />
+                                 <input name="cancelURL" type="hidden"
+                                                value="https://my.fsf.org/civicrm/profile?reset=1&amp;gid=285" />
+                                 <input name="add_to_group" type="hidden" value="619" />
+                                 <input name="_qf_default" type="hidden" value="Edit:cancel" />
+                               </div>
+
+                               <div id="crm-container" lang="en" xml:lang="en">
+                                 <p>Sign up for updates on LibrePlanet 2015!</p>
+                                 <div id="editrow-email-Primary"
+                                          class="form-group">
+                                       <label class="sr-only" for="email-Primary">
+                                         Email
+                                       </label>
+                                       <div class="input-group">
+                                         <input class="form-control"
+                                                        name="email-Primary"
+                                                        id="email-Primary"
+                                                        type="email"
+                                                        placeholder="Your email address" required>
+                                         <span class="input-group-btn">
+                                               <button type="submit" class="btn btn-default"
+                                                               accesskey="S" name="_qf_Edit_next" value="Save"
+                                                               id="_qf_Edit_next">
+                                                 Receive updates
+                                               </button>
+                                         </span>
+                                       </div>
+                                 </div>
+                                 <div id="editrow-custom_79">
+                                       <div class="checkbox">
+                                         <input
+                                                type="hidden" name="custom_79[yes]" value="" />
+                                         <label class="lp-label-news">
+                                               <input id="custom_79_yes"
+                                                          name="custom_79[yes]" type="checkbox" value="1" checked="checked"
+                                                          class="checkbox" />
+                                               Also join the FSF's newsletter
+                                         </label>
+                                         &middot;
+                                         <p class="help-block">
+                                               <a href="https://my.fsf.org/donate/privacypolicy.html">Read our privacy policy.</a></p>
+                                       </div>
+                                 </div>
+                               </div>
+                         </form>
+                       </div> <!-- end of signup form -->
+
+<!-- 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>
                          <p class="text-muted text-center">
                                gratis for members and students!
                          </p>
-                       </div> <!-- end of Register button -->
+                       </div> //end of Register button
+-->
                  </div>
                </div> <!-- end of header container -->
          </div> <!-- end of lp banner -->
 
          <div class="container"> <!-- start of container -->
-               <div class="row"> 
+               <div class="row">
 
-                 <div class="col-sm-3"> <!-- start of nav items -->
+                 <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
                        <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/exhibit">Promotional opportunities</a></li>
-                         <li>
-                               <a href="https://libreplanet.org/wiki/LibrePlanet:Conference/2014/Conference_brainstorm">
-                                 Share your ideas</a></li>
+                         <li><a href="/2014/program/exhibit_hall.html">Exhibit hall</a></li>
+              <li><a href="/2014/live">Participate online</a></li>
+                         <li><a href="/2014/video/">Watch the video</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 -->
 
                        <!-- start of carousel -->
                        <div id="lpc-carousel" class="carousel slide">
-                         
+
                          <!-- wrapper for slides -->
                          <ul class="carousel-inner list-unstyled">
+<li class="item">
+                                 <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/volunteer_helping.jpg"
+                                          alt="[ A presentation at LibrePlanet 2013]">
+                                 <p class="carousel-caption-tr">
+                                       Volunteers make LibrePlanet great<br>(and get gratis admission and a t-shirt!)<br>
+                                       <a class="btn btn-default btn-carousel" href="https://libreplanet.org/2014/volunteer">Volunteer</a></p>
+                               </li>
+
+                               <li class="item active">
+                                 <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/stata_center.jpg"
+                                          alt="[MIT's Stata Center]">
+                                 <p class="carousel-caption-tl">
+                                       LibrePlanet has something for everyone<br>
+                                       <a class="btn btn-default btn-carousel" href="https://libreplanet.org/2014/program">View the complete program</a></p>
+                               </li>
+                               <li class="item">
+                                 <a href="https://libreplanet.org/2014/video"><img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/video.jpg"
+                                          alt="[A video screenshot of two free software advocates talking.]"></a>
+                                 <p class="carousel-caption-tl">
+Watch and share our volunteer-created LibrePlanet video<br>
+                                       <a class="btn btn-default btn-carousel" href="https://libreplanet.org/2014/video">Watch now!</a></p>
+                               </li>
+
+</ul>
+<!-- CAROUSEL FEATURES THAT HAVE BEEN COMMENTED OUT -->
+
+<!--
+
+                               <li class="item">
+                                 <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/remote_participation.jpg" alt="[A globe]">
+<p class="carousel-caption-tr">
+                                       Wherever you are, we invite you to participate in LibrePlanet<br>via chat and livestream<br>
+                                       <a class="btn btn-default btn-carousel" href="http://libreplanet.org/2014/live">Participate online</a></p>
+                               </li>
+
                  <li class="item">
                                  <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/gnu30_hackers.jpg"
                                           alt="[ Apply for a scholarship ]">
                        <p class="lead carousel-caption-tl">
 <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.
                                          </p>
-                               
-                               </li>           
+                               </li>
 
-                               <!--
                                <li class="item">
                                  <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/lp13-room-110.jpg"
                                           alt="[ LibrePlanet 2013 discussion ]">
-                                 <p class="lead carousel-caption-bl">                          
+                                 <p class="lead carousel-caption-bl">
                                        We're collecting suggestions for<br>LibrePlanet 2014
-                                       
+
                                        <a class="btn btn-default"
                                           href="https://libreplanet.org/wiki/LibrePlanet:Conference/2014/Conference_brainstorm">
                                          Share your ideas
 
                                  </p>
                                </li>
-                               -->
+
                                <li class="item active">
                                  <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/lp14_keynotes.png"
                                           alt="[ Keynote speakers]">
                                          Get excited for our keynote speakers!
                                        </a></p>
                                </li>
-<!-- Commented this out when adding the Keynote speaker slide
+
                 <li class="item">
                                  <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/lp13-expand-the-tent.jpg"
                                           alt="[ The Expanding the Tent panel ]">
                                        </a>
                                        and be part of LibrePlanet 2014!
                                  </p>
-                               
-                               </li>                           
--->
-                                       <li class="item">
+
+                               </li>
+
+                       <li class="item">
                                  <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/lp13-printer.jpg"
                                           alt="[ Aleph Objects' Lulzbot 3D printer ]">
                                  <p class="carousel-caption-tr">
                                          Apply for an exhibition table and program ad
                                        </a>
                                  </p>
+
                                </li>
                                <li class="item">
                                  <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/lp13-presentation.jpg"
                                        <a class="btn btn-default btn-carousel" href="https://libreplanet.org/2014/volunteer">
                                          Join the planning committee
                                        </a>
-                               </li>
-
-                         </ul>
+                               </li> -->
                          <!-- controls -->
                          <a class="left carousel-control" href="#lpc-carousel" data-slide="prev">
                                <span class="glyphicon glyphicon-chevron-left"></span>
                        </div> <!-- end of carousel -->
 
                        <div class="margin-top"> <!-- start of LP14 text -->
+
+                       </div>
                          <p class="lead">
                                 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>
                          <p>
-                                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. 
+                                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.
                          </p>
-<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>
+<p>FSF members and students attend LibrePlanet at no cost! <a href="https://my.fsf.org/associate/support_freedom">Become a member now</a>. We encourage you to <a href="https://my.fsf.org/civicrm/event/register?reset=1&amp;id=13">register in advance</a>, but registration will be available at the door on both days of the conference.</p>
+
+<p>There are two other events, with separate registration, taking place before and after the conference. On Friday, March 21st, community-members will hold the <a href="https://www.fsf.org/blogs/community/the-0th-spinachcon">0th SpinachCon</a>, where users and developers will improve the user experience of free software programs. On Monday, March 24th (the day after LibrePlanet), the Free Software Foundation will hold a <a href="https://www.fsf.org/events/seminar-on-gpl-enforcement-and-legal-ethics">GPL Enforcement and Legal Ethics seminar</a> at Suffolk University in Boston.</p>
                        </div> <!-- end of LP14 text -->
 
                  </div> <!-- end of content column -->
 
-               </div>
          </div> <!-- end of container -->
 
        </div> <!-- end of wrapper -->
                         href="http://creativecommons.org/licenses/by-sa/3.0/us/">
                        Creative Commons Attribution-ShareAlike 3.0 US
                  </a>.
-                 Copyright &copy; 2013 Free Software Foundation.
+                 Copyright &copy; 2013-2014 Free Software Foundation.
                </p>
 
                <p class="text-muted text-center">
          /**
          * @licstart  The following is the entire license notice for the JavaScript code in this page.
          *
-         * Copyright (C) 2013 Free Software Foundation, Inc
+         * Copyright (C) 2013, 2014 Free Software Foundation, Inc
 
          * Licensed under the Apache License, Version 2.0 (the
          * "License"); you may not use this file except in compliance
            $('.glyphicon-chevron-left').css('display','inline-block');
            $('.glyphicon-chevron-right').css('display','inline-block');
          });
+
+      $(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");
+        }
+      }
        </script>
 
        <!-- Piwik -->