[staging area] added front page with news panel (server/staging/lpc14/index.news...
authorrsiddharth <rsd@gnu.org>
Sun, 16 Mar 2014 16:10:14 +0000 (21:40 +0530)
committerrsiddharth <rsd@gnu.org>
Sun, 16 Mar 2014 16:10:14 +0000 (21:40 +0530)
custom styling for the news panel is in 2014/assets/css/custom.css

2014/assets/css/custom.css
server/staging/lpc14/index.news.html [new file with mode: 0644]

index 40ed193e5c47b34c66c16d11b0318a12d9b1ddc5..1b6f7b381b977884201b59924b59acd5bf3b6b1b 100644 (file)
@@ -24,6 +24,21 @@ h3 {
    margin: 2.975em 0 0 -0.9em;
 }
 
+#lp-panel {
+       max-width: 32%;
+       margin-left: 0.3em;
+       float: right;
+}
+
+#lp-panel ul {
+       list-style: square;
+       padding-left: 0.4em;
+}
+
+#lp-panel li {
+       margin-bottom: 0.5em;
+}
+
 @media (max-width:767px) {
        .lp-head img {
                margin: 1.5em auto 0.001em auto;
@@ -32,6 +47,11 @@ h3 {
                margin: 0.5em 0 0 0;
                text-align: center;
        }
+       #lp-panel {
+               max-width: 100%;
+               margin-left: 0;
+               float: none;
+       }
 }
 
 @media (min-width: 768px) and (max-width:991px) {
diff --git a/server/staging/lpc14/index.news.html b/server/staging/lpc14/index.news.html
new file mode 100644 (file)
index 0000000..232732b
--- /dev/null
@@ -0,0 +1,359 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+       <meta charset="utf-8" />
+       <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="https://static.fsf.org/fsforg/img/favicon.ico" rel="shortcut icon">
+       <title>LibrePlanet 2014</title>
+
+  </head>
+  <body>
+
+       <div id="wrapper"> <!-- start of wrapper -->
+         <div class="lp-banner"> <!--start of lp banner -->
+               <div class="container"> <!-- start of container -->
+                 <div class="row">
+                       <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-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>
+                               Register now
+                         </a>
+                         <p class="text-muted text-center">
+                               gratis for members and students!
+                         </p>
+                       </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 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/program">Program</a></li>
+                         <li><a href="/2014/video/">Watch the video</a></li>
+                         <li>
+                               <a href="https://libreplanet.org/wiki/LibrePlanet:Conference/2014/Conference_brainstorm">
+                                 Share your ideas</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/live">Participate online</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="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>
+                         <li class="fsf-donate">
+                               <a href="https://my.fsf.org/associate/support_freedom">
+                                 <span class="glyphicon glyphicon-heart"></span>
+                                 Become an FSF member
+                               </a>
+                         </li>
+                       </ul>
+                       <p class="text-muted text-center">and attend the conference gratis!</p>
+                 </div> <!-- end of nav items -->
+
+                 <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.png"
+                                          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">
+                                 <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/remote_participation.png" 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="https://libreplanet.org/2014/live">Bookmark the remote participation page</a></p>
+                               </li>
+
+                               <li class="item active">
+                                 <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/stata_center.png"
+                                          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.png"
+                                          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/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 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">                          
+                                       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
+                                       </a>
+
+                                 </p>
+                               </li>
+                               
+                               <li class="item active">
+                                 <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/lp14_keynotes.png"
+                                          alt="[ Keynote speakers]">
+                                 <p class="carousel-caption-tl">
+                                       <a class="btn btn-default btn-carousel" href="https://libreplanet.org/2014/speakers">
+                                         Get excited for our keynote speakers!
+                                       </a></p>
+                               </li>
+
+                <li class="item">
+                                 <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/lp13-expand-the-tent.jpg"
+                                          alt="[ The Expanding the Tent panel ]">
+                                 <p class="carousel-caption-tr">
+                                       <a class="btn btn-default btn-carousel"
+                                          href="https://libreplanet.org/2014/register">
+                                         Register now
+                                       </a>
+                                       and be part of LibrePlanet 2014!
+                                 </p>
+                               
+                               </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">
+                                       LibrePlanet is a great place to spread the word about your free software business or organization<br>
+                                       <a class="btn btn-default btn-carousel" href="https://libreplanet.org/2014/exhibit">
+                                         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"
+                                          alt="[ A presentation at LibrePlanet 2013]">
+                                 <p class="carousel-caption-tr">
+                                       Volunteers are crucial in planning LibrePlanet<br>
+                                       <a class="btn btn-default btn-carousel" href="https://libreplanet.org/2014/volunteer">
+                                         Join the planning committee
+                                       </a>
+                               </li> -->
+                         <!-- controls -->
+                         <a class="left carousel-control" href="#lpc-carousel" data-slide="prev">
+                               <span class="glyphicon glyphicon-chevron-left"></span>
+                         </a>
+                         <a class="right carousel-control" href="#lpc-carousel" data-slide="next">
+                               <span class="glyphicon glyphicon-chevron-right"></span>
+                         </a>
+                       </div> <!-- end of carousel -->
+
+                       <div class="margin-top"> <!-- start of LP14 text -->
+
+                         <div id="lp-panel" class="panel panel-default">
+                               <div class="panel-heading">
+                                 <h3 class="panel-title">
+                                       <span class="glyphicon glyphicon-list-alt"></span>
+                                       News
+                                 </h3>
+                               </div>
+                               <div class="panel-body">
+                                 <ul>
+                                       <li>Some news!</li>
+                                       <li>Some other news with lot of text in it that it is disposed to span many lines.</li>
+                                 </ul>
+                               </div>
+                         </div>
+
+                         <p id="lp-lead" 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. 
+                         </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://crm.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 -->
+
+       <div id="footer">
+         <div class="container">
+               <p class="text-muted text-center">
+                 The <a href="http://www.fsf.org/">Free Software
+                 Foundation</a> is a nonprofit with a worldwide mission to
+                 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.
+                 <a href="https://my.fsf.org/associate/support_freedom">
+                       Donate</a>.
+               </p>
+
+               <p class="text-muted text-center">
+                 <a rel="license"
+                        href="http://creativecommons.org/licenses/by-sa/3.0/us/">
+                       <img alt="[ Creative Commons License ]" style="border-width:0"
+                                src="//i.creativecommons.org/l/by-sa/3.0/80x15.png" />
+                 </a>
+                 This page and its images, logos and videos are licensed under a <br />
+                 <a rel="license"
+                        href="http://creativecommons.org/licenses/by-sa/3.0/us/">
+                       Creative Commons Attribution-ShareAlike 3.0 US
+                 </a>.
+                 Copyright &copy; 2013 Free Software Foundation.
+               </p>
+
+               <p class="text-muted text-center">
+                 <a href="http://weblabels.fsf.org/libreplanet.org/CURRENT/" rel="jslicense">
+                       JavaScript license information
+                 </a>
+               </p>
+
+               <p class="text-muted text-center">
+                 This site, including fonts, CSS, and JavaScript, was built using
+                 <a href="http://getbootstrap.com">Bootstrap</a>,
+                 which is licensed under the
+                 <a href="https://directory.fsf.org/wiki/License:Apache2.0">
+                       Apache 2.0 license</a>.
+               </p>
+         </div>
+       </div>
+       <script type="text/javascript"
+                       src="/2014/assets/js/jquery-1.10.2.min.js"></script>
+       <script type="text/javascript"
+                       src="/2014/assets/js/bootstrap.min.js"></script>
+       <script type="text/javascript">
+         /**
+         * @licstart  The following is the entire license notice for the JavaScript code in this page.
+         *
+         * 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
+         * with the License.  You may obtain a copy of the License at
+
+         *        http://www.apache.org/licenses/LICENSE-2.0
+
+         * Unless required by applicable law or agreed to in writing,
+         * software distributed under the License is distributed on an
+         * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+         * either express or implied.  See the License for the specific
+         * language governing permissions and limitations under the
+         * License.
+
+         *
+         * @licend  The above is the entire license notice for the JavaScript code in this page.
+         **/
+         $(document).ready(function() {
+        $('.carousel').carousel({ interval:6000 });
+           $('.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");
+           $("#lp-panel").insertAfter("#lp-lead");
+        } else {
+           $("#lp-nav").insertBefore("#lp-content");
+           $("#lp-panel").insertBefore("#lp-lead");
+        }
+      }
+       </script>
+
+       <!-- Piwik -->
+       <script type="text/javascript">
+         /*
+          * |@licstart The following is the entire license notice for the JavaScript code in this page.|
+
+       * Copyright 2012 Matthieu Aubry.
+
+       * This program is free software: you can redistribute it and/or modify
+       * it under the terms of the GNU General Public License as published by
+       * the Free Software Foundation, either version 3 of the License, or
+       * (at your option) any later version.
+
+       * This program is distributed in the hope that it will be useful,
+       * but WITHOUT ANY WARRANTY; without even the implied warranty of
+       * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+       * GNU General Public License for more details.
+
+       * You should have received a copy of the GNU General Public License
+       * along with this program.  If not, see http://www.gnu.org/licenses/.
+
+          * |@licend The above is the entire license notice for the JavaScript code in this page.|
+         */
+         var _paq = _paq || [];
+         _paq.push(["trackPageView"]);
+         _paq.push(["enableLinkTracking"]);
+
+         (function() {
+                 var u=(("https:" == document.location.protocol) ? "https" : "http") + "://piwik.fsf.org/";
+                 _paq.push(["setTrackerUrl", u+"piwik.php"]);
+                 _paq.push(["setSiteId", "7"]);
+                 var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript";
+                 g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s);
+         })();
+       </script>
+       <!-- End Piwik Code -->
+  </body>
+</html>