server/staging/lpc14/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         <title>LibrePlanet 2014</title>
  10
  11   </head>
  12   <body>
  13
  14         <div id="wrapper"> <!-- start of wrapper -->
  15           <div class="lp-banner">
  16                 <div class="container"> <!-- start of container -->
  17                   <div class="row">
  18                         <div class="col-sm-7">
  19                           <div class="lp-head">
  20                                 <h1>LibrePlanet <small>2014</small></h1>
  21                                 <p><strong>March 23rd-24th 2014 in Cambridge, MA</strong></p>
  22                                 <p class="text-muted">The yearly conference of the free software community.</p>
  23                           </div>
  24                         </div>
  25                         <div class="col-sm-offset-1 col-sm-4"> <!-- start of signup form -->
  26                           <form role="form" class="margin-top lp-signup">
  27                                 <div class="form-group">
  28                                   <label class="sr-only" for="emailAddress">Email address</label>
  29                                   <div class="input-group">
  30                                         <input type="email" class="form-control" id="emailAddress" placeholder="Your email address" required>
  31                                         <span class="input-group-btn">
  32                                           <button type="submit" class="btn btn-default">Sign Up</button>
  33                                         </span>
  34                                   </div>
  35                                   <p class="help-block">Read the <a href="#">privacy
  36                                           policy</a>.</p>
  37                                 </div>
  38                           </form>
  39                         </div> <!-- end of signup form -->
  40                   </div>
  41                 </div> <!-- end of header container -->
  42           </div>
  43
  44           <div class="container"> <!-- start of carousel container -->
  45                 <div class="row">
  46
  47                   <div class="col-sm-3"> <!-- start of nav items -->
  48                         <ul class="nav nav-pills nav-stacked">
  49                           <li><a href="#">Videos from LP 2013</a></li>
  50                           <li><a href="#">Previous years</a></li>
  51                           <li><a href="#">Anti-harassment policy</a></li>
  52                         </ul>
  53                         <div class="fsf-donate-button">
  54                           <a  href="#">
  55                                 <img class="img-responsive"
  56                                          src="https://static.fsf.org/nosvn/donate.en.png"
  57                                          alt="[ Donate to the FSF ]" />
  58                           </a>
  59                         </div>
  60                   </div> <!-- end of nav items -->
  61
  62                   <div class="col-sm-9"> <!-- start of carousel column -->
  63
  64                         <!-- start of carousel -->
  65                         <div id="lpc-carousel" class="carousel slide" data-ride="carousel">
  66
  67                           <!-- wrapper for slides -->
  68                           <ul class="carousel-inner list-unstyled">
  69                                 <li class="item active">
  70                                   <img src="/2014/i/lp13-expand-the-tent.jpg"
  71                                            alt="[ The Expanding the Tent panel ]">
  72                                 </li>
  73                                 <li class="item">
  74                                   <img src="/2014/i/lp13-printer.jpg"
  75                                            alt="[ Aleph Objects' Lulzbot 3D printer ]">
  76                                 </li>
  77                                 <li class="item">
  78                                   <img src="/2014/i/lp13-room-110.jpg"
  79                                            alt="[ LibrePlanet 2013 discussion ]">
  80                                 </li>
  81                                 <li class="item">
  82                                   <img src="/2014/i/lp13-presentation.jpg"
  83                                            alt="[ A presentation at LibrePlanet 2013]">
  84                                 </li>
  85                           </ul>
  86                           <!-- controls -->
  87                           <a class="left carousel-control" href="#lpc-carousel" data-slide="prev">
  88                                 <span class="glyphicon glyphicon-chevron-left"></span>
  89                           </a>
  90                           <a class="right carousel-control" href="#lpc-carousel" data-slide="next">
  91                                 <span class="glyphicon glyphicon-chevron-right"></span>
  92                           </a>
  93                         </div> <!-- end of carousel -->
  94                   </div> <!-- end of carousel column -->
  95
  96                 </div>
  97           </div> <!-- end of carousel container -->
  98
  99           <div class="container"> <!-- start of container -->
 100                 <div class="row margin-top">
 101
 102                   <div class="col-sm-offset-3 col-sm-9"> <!-- start of LPC 14 main text -->
 103                         <p class="lead">
 104                           Vivamus fermentum semper porta. Nunc diam velit,
 105                           adipiscing ut tristique vitae, sagittis vel
 106                           odio. Maecenas convallis ullamcorper
 107                           ultricies. Curabitur ornare, ligula semper consectetur
 108                           sagittis, nisi diam iaculis velit, id fringilla sem nunc
 109                           vel mi. Nam dictum, odio nec pretium volutpat, arcu ante
 110                           placerat erat, non tristique elit urna et
 111                           turpis.
 112                         </p>
 113                   </div> <!-- end of LPC 14 main text -->
 114                 </div>
 115           </div> <!-- end of container -->
 116
 117         </div> <!-- end of wrapper -->
 118
 119         <div id="footer">
 120           <div class="container">
 121                 <p class="text-muted">
 122                   The <a href="http://www.fsf.org/">Free Software
 123                   Foundation</a> is a nonprofit with a worldwide mission to
 124                   advance software freedom learn about our history and
 125                   work.</p>
 126
 127                   <p class="text-muted"> Copyright &copy; 2013 Free Software
 128                         Foundation, Inc.  This work is licensed under
 129                         a <a href="http://creativecommons.org/licenses/by-nd/3.0/us/">Creative
 130                         Commons Attribution-NoDerivs 3.0 United
 131                         States</a>. <a href="http://www.gnu.org/licenses/license-list.html#OpinionLicenses">Why
 132                         this license?</a></p>
 133
 134                 <p class="text-muted text-center">
 135                   <small>
 136                         <a href="/2014/javascript/" rel="jslicense">Javascript license information.</a>
 137                   </small>
 138                 </p>
 139
 140           </div>
 141         </div>
 142         <script type="text/javascript" src="/2014/assets/js/jquery-1.10.2.min.js"></script>
 143         <script type="text/javascript" src="/2014/assets/js/bootstrap.min.js"></script>
 144         <script type="text/javascript">
 145           /**
 146           * @licstart  The following is the entire license notice for the JavaScript code in this page.
 147           *
 148           * Copyright (C) 2013 Free Software Foundation, Inc
 149
 150           * Licensed under the Apache License, Version 2.0 (the
 151           * "License"); you may not use this file except in compliance
 152           * with the License.  You may obtain a copy of the License at
 153
 154           *        http://www.apache.org/licenses/LICENSE-2.0
 155
 156           * Unless required by applicable law or agreed to in writing,
 157           * software distributed under the License is distributed on an
 158           * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
 159           * either express or implied.  See the License for the specific
 160           * language governing permissions and limitations under the
 161           * License.
 162
 163           *
 164           * @licend  The above is the entire license notice for the JavaScript code in this page.
 165           **/
 166           $(document).ready(function() {
 167             $('.glyphicon-chevron-left').css('display','inline-block');
 168             $('.glyphicon-chevron-right').css('display','inline-block');
 169           });
 170         </script>
 171   </body>
 172 </html>