Add new front page in staging area with custom css.
authorrsiddharth <rsd@gnu.org>
Sat, 15 Feb 2014 08:04:17 +0000 (13:34 +0530)
committerrsiddharth <rsd@gnu.org>
Sat, 15 Feb 2014 08:04:17 +0000 (13:34 +0530)
-> The data-place text in the header is now placed to the right of the
   LP logo.

-> The nav buttons get pushed to end of the page on screens with width
   lesser than 768px (small tablets & mobile devices).

server/staging/lpc14/custom.css [new file with mode: 0644]
server/staging/lpc14/index.logo.nav.html [new file with mode: 0644]

diff --git a/server/staging/lpc14/custom.css b/server/staging/lpc14/custom.css
new file mode 100644 (file)
index 0000000..6d81480
--- /dev/null
@@ -0,0 +1,473 @@
+body {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  line-height: 1.428571429;
+  color: #333333;
+}
+
+h3 {
+  font-size: 20px; 
+}
+  
+.lp-banner {
+  box-shadow: 0px 1px 5px rgba(255, 255, 255, 0.7);
+  margin-bottom: 20px;
+  text-shadow: 0px 1px 0px #ffffff;
+  background-image: url(/2014/assets/img/l-noise.png);
+}
+
+.lp-head img {
+  margin-bottom: 0.001em;
+  margin-top: 2.0em;
+}
+
+.lp-head p {
+   margin: 3.1em 0 0 -1.3em;
+}
+
+@media (max-width:767px) {
+       .lp-head img {
+               margin: 1.5em auto 0.001em auto;
+       }
+       .lp-head p {
+               margin: 0.5em 0 0 0;
+               text-align: center;
+       }
+}
+
+@media (min-width: 768px) and (max-width:991px) {
+       .lp-head img {
+               margin-top: 2.4em;
+       }
+}
+
+@media (min-width:1200px) {
+       .lp-head p {
+               margin: 3.1em 0 0 -4.5em;
+       }
+}
+
+.lp-signup {
+  margin-right: 10px;
+  margin-left: 10px;
+}
+
+.lp-banner .container {
+       padding-right: 5px;
+       padding-left: 5px;
+       margin-right: auto;
+       margin-left: auto;
+}
+
+
+.btn-register-lp14 {
+       margin-top: 2em;
+       margin-bottom: 0.3em;
+       color: #ffffff;
+       text-shadow: 0px 0px 0px #ffffff;
+       background-color: rgba(92, 184, 92, 0.9);
+       border-color: rgba(76, 174, 76, 0.2);
+}
+
+.btn-register-lp14:hover,
+.btn-register-lp14:focus,
+.btn-register-lp14:active,
+.btn-register-lp14.active,
+.open .dropdown-toggle.btn-register-lp14 {
+  color: #ffffff;
+  background-color: rgba(74, 161, 74, 0.9);
+  border-color: rgba(57, 132, 57, 0.2);
+}
+
+.btn-register-lp14:active,
+.btn-register-lp14.active,
+.open .dropdown-toggle.btn-register-lp14 {
+  background-image: none;
+}
+
+
+@media (min-width:1280px) {
+       .btn-block {
+               display: block;
+               margin-right:auto;
+               margin-left:auto;
+               width: 85%;
+               padding-right: 0;
+               padding-left: 0;
+       }
+}
+
+
+.fsf-donate-button {
+  margin-left: 24%; 
+  margin-top: 25px;
+  margin-bottom: 10px;
+  width:56%;
+}      
+
+@media (max-width:768px) {
+       .fsf-donate-button {
+         margin-left: 34%; 
+         margin-top: 25px;
+         margin-bottom: 10px;
+         width:32%;
+       }       
+}
+
+@media (min-width:320px) and (max-width:360px) {
+  .fsf-donate-button {
+       margin-left: 24%; 
+       margin-top: 25px;
+       margin-bottom: 10px;
+       width:56%;
+  }
+}
+
+.page-header {
+  padding-bottom: 9px;
+  margin: 40px 0 20px;
+  border-bottom: none;
+}
+
+
+.form-control:-moz-placeholder {
+  color: #777777;
+}
+
+.form-control::-moz-placeholder {
+  color: #777777;
+}
+
+.form-control:-ms-input-placeholder {
+  color: #777777;
+}
+
+.form-control::-webkit-input-placeholder {
+  color: #777777;
+}
+
+.form-control {
+  display: block;
+  width: 100%;
+  height: 34px;
+  padding: 6px 12px;
+  font-size: 14px;
+  line-height: 1.428571429;
+  color: #555555;
+  vertical-align: middle;
+  background-color: rgba(250, 250, 250, 0.7);
+  border: 1px solid #cccccc;
+  border-radius: 4px;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  -webkit-transition: border-color ease-in-out 0.15s;
+          transition: border-color ease-in-out 0.15s;
+}
+
+.form-control:focus {
+  border-color: #919191;
+  outline: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+.scholarship-input-annotation {
+       margin-bottom: -0.6em;
+}
+
+.lp-signup .form-group {
+  margin-bottom: 2px;
+}
+
+.lp-label-news {
+       display: inline-block;
+}
+
+.checkbox .help-block {
+  display: inline-block;
+  margin-top: 0;
+  margin-bottom: 10px;
+  color: #737373;
+}
+
+.form-group .lp-left-form-checkbox-text {
+       text-align:right;
+       font-weight: bold;
+}
+
+@media screen and (min-width: 320px) and (max-width: 768px){
+       .form-group .lp-left-form-checkbox-text {
+               text-align: left;
+               font-weight: bold;
+       }
+}
+
+.field-required {
+       color: rgba(128, 0, 0, 0.6);
+}
+
+.radio-inline,
+.checkbox-inline {
+  display: inline-block;
+  padding-left: 30px;
+  margin-bottom: 0;
+  font-weight: normal;
+  vertical-align: middle;
+  cursor: pointer;
+}
+
+.radio-clear-link {
+  display: inline-block;
+  padding-left: 5px;
+  margin-bottom: 0;
+  margin-top: 5px;
+  font-weight: normal;
+  vertical-align: middle;
+  cursor: pointer;
+}
+
+.btn-default {
+  color: #ffffff;
+  background-color: rgba(145, 145, 145, 0.5);
+  border-color: rgba(145, 145, 145, 0.2);
+}
+
+.btn-default:hover,
+.btn-default:focus,
+.btn-default:active,
+.btn-default.active,
+.open .dropdown-toggle.btn-default {
+  color: #ffffff;
+  background-color: rgba(129, 129, 129, 0.5);
+  border-color: rgba(129, 129, 129, 0.2);
+}
+
+@media (min-width:768px) {
+       .nav {
+         padding-left: 0;
+         margin-bottom: 0;
+         list-style: none;
+         padding-top: 1.0em;
+       }
+       .lp-home {
+      padding-top: 2.0em;
+       }
+       .nav-padding-top {
+      margin-top: 4.12em;
+       }
+}
+
+.nav > li {
+  position: relative;
+  display: block;
+  color: #ffffff;
+  text-shadow: 0px 0px 0px #dadada;
+  text-align: center;
+  margin-bottom: 0.4em;
+  border: none;
+  border-radius: 5px;
+}
+
+.nav > li > a {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+  background-color: rgba(145, 145, 145, 0.8);
+  transition: background-color 1s;
+}
+
+.nav > li.fsf-donate > a {
+  background-color: rgba(128, 0, 0, 0.6);
+  margin-top: 20px;
+}
+
+.nav > li > a:hover,
+.nav > li > a:focus {
+  text-decoration: none;
+  background-color: rgba(128, 0, 0, 0.7);
+}
+
+.nav-pills > li > a {
+  border-radius: 5px;
+  color: inherit;
+}
+
+.nav-pills > li.active > a,
+.nav-pills > li.active > a:hover,
+.nav-pills > li.active > a:focus {
+  color: #ffffff;
+  background-color: rgba(128, 0, 0, 0.7);
+}
+
+.btn-carousel {
+       font-size: 1.15em;
+       font-weight: 100;
+}
+
+.carousel-control .icon-prev,
+.carousel-control .icon-next,
+.carousel-control .glyphicon-chevron-left,
+.carousel-control .glyphicon-chevron-right {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 5;
+  display: none;
+}
+
+.carousel-caption-tr {
+  position: absolute;
+  font-size: 1.1em;
+  top: 5%;
+  bottom: auto;
+  right: 1.5%;
+  left: 38%;
+  z-index: 10;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  color: #ffffff;
+  text-align: center;
+  background-color: rgba(0, 0, 0,0.4);
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+  border-radius: 8px;
+}
+
+.call-for-proposal {
+       right: 2%;
+       left: 35%;
+}
+
+.carousel-caption-bl {
+  position: absolute;
+  font-size: 1.1em;
+  top: auto;
+  bottom: 5%;
+  right: 45%;
+  left: 2%;
+  z-index: 10;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  padding-left: 10px;
+  padding-right: 10px;
+  color: #ffffff;
+  text-align: center;
+  background-color: rgba(0, 0, 0,0.4);
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+  border-radius: 8px;
+}
+
+.carousel-caption-tl {
+  position: absolute;
+  font-size: 1.1em;
+  top: 5%;
+  bottom: auto;
+  right: 34%;
+  left: 2%;
+  z-index: 10;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  color: #ffffff;
+  text-align: center;
+  background-color: rgba(0, 0, 0,0.4);
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+  border-radius: 8px;
+}
+
+@media screen and (min-width: 1280px) {
+  .carousel-caption-tr {
+    padding-bottom: 10px;
+       margin-left: 65px;
+       margin-right: auto;
+  }
+
+  .carousel-caption-bl {
+    padding-bottom: 10px;
+       margin-left: auto;
+       margin-right: 65px;
+  }
+
+}
+
+@media screen and (min-width: 600px) and (max-width: 980px){
+       .btn-carousel {
+               font-size: 0.9em;
+               font-weight: 200;
+       }
+}
+
+@media screen and (min-width: 320px) and (max-width: 480px){
+  .carousel-caption-tl {
+    right: 2%;
+  }
+
+  .btn-carousel {
+         font-size: 0.85em;
+         font-weight: 200;
+  }
+  .carousel-caption-tr {
+    left: 1%;
+  }
+}
+
+a {
+  color: #428bca;
+  text-decoration: none;
+}
+
+a:hover,
+a:focus {
+  color: #800000;
+  text-decoration: none;
+}
+
+hr {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  border: 0;
+  border-top: 1px solid #bababa;
+}
+
+.margin-top {
+       margin-top: 22px;
+}
+
+.speaker {
+  vertical-align:top;
+}
+
+.speaker-photo {
+  padding-top:23px;
+  padding-right:15px;
+}
+
+.lp-video {
+       width: 100%;
+}
+
+/* Footer - adapted from <http://getbootstrap.com/examples/sticky-footer/>
+-------------------------------------------------- */
+
+html,
+body {
+  height: 100%;
+}
+
+#wrapper {
+  min-height: 100%;
+  height: auto !important;
+  height: 100%;
+  margin: 0 auto -60px;
+  padding: 0 0 60px;
+}
+
+#footer {
+  height: auto;
+  border-top: 2px solid #dadada;
+  box-shadow: 0px 1px 9px rgba(255, 255, 255, 0.7);
+  background-color: rgb(255, 255, 255);
+  margin-top: 1.5em;
+}
+
+#footer .container p {
+       margin: 1.4em 0;
+}
diff --git a/server/staging/lpc14/index.logo.nav.html b/server/staging/lpc14/index.logo.nav.html
new file mode 100644 (file)
index 0000000..7aa6ba2
--- /dev/null
@@ -0,0 +1,304 @@
+<!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="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="http://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/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/video/">Watch the video</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>
+                        </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/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/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>
+<!-- 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 ]">
+                                 <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>
+
+                         </ul>
+                         <!-- 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 -->
+                         <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. 
+                         </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>
+                       </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 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).load(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 -->
+       <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>