projects / libreplanet-static.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
[staging area lp14 mockup]: re-arranged the components.
[libreplanet-static.git] / server / staging / lpc14 / index.html
diff --git a/server/staging/lpc14/index.html b/server/staging/lpc14/index.html
index 7dddddec59a13a58bb862c28921e77ad23f699a1..11c4f2172f19cd2c9934f2e6b5370ce6b7ff8172 100644 (file)
--- a/server/staging/lpc14/index.html
+++ b/server/staging/lpc14/index.html
@@ -6,7 +6,7 @@
 
        <link href="/2014/assets/css/bootstrap.min.css" rel="stylesheet" media="screen" />
        <link href="/2014/assets/css/custom.css" rel="stylesheet" media="screen" /> 
-       <title>LibrePlanet Conference 2014</title>
+       <title>LibrePlanet 2014</title>
 
   </head>
   <body>
@@ -15,29 +15,30 @@
          
          <div class="container"> <!-- start of container -->
                <div class="row">
-                 <div class="col-sm-9">
+                 <div class="col-sm-7">
                        <div class="page-header">
-                         <h1>LibrePlanet Conference <small>2014</small></h1>
+                         <h1>LibrePlanet <small>2014</small></h1>
                          <p><strong>March 23rd-24th 2014 in Cambridge, MA</strong></p>
                        </div> 
                  </div>
-                 <div class="col-sm-3"> <!-- start of signup form -->
+                 <div class="col-sm-offset-2 col-sm-3"> <!-- start of signup form -->
                        <form role="form" class="margin-top">
                          <div class="form-group">
                                <label class="sr-only" for="emailAddress">Email address</label>
                                <input type="email" class="form-control" id="emailAddress" placeholder="Your email address" required>
+                               <p class="help-block">Read the <a href="#">privacy
+                                       policy</a>.</p>
                          </div>
                          <button type="submit" class="btn btn-default btn-block">Sign Up</button>
                        </form>
-                       <p class="help-block">Read the <a href="#">privacy
-                               policy</a>.</p>
                  </div> <!-- end of signup form -->
                </div>
          </div> <!-- end of header container -->
 
          <div class="container"> <!-- start of carousel container -->
+                 <hr />
                <div class="row"> 
-                 <div class="col-sm-12"> <!-- start of carousel column -->
+                 <div class="col-sm-9"> <!-- start of carousel column -->
 
                        <!-- start of carousel -->
                        <div id="lpc-carousel" class="carousel slide" data-ride="carousel">
@@ -45,14 +46,20 @@
                          <!-- wrapper for slides -->
                          <ul class="carousel-inner list-unstyled">
                                <li class="item active">
-                                 <img src="http://static.fsf.org/nosvn/libreplanet/LibrePlanet2013Photos/original/IMG_6077.jpg" 
-                                          alt="[ Call for proposal Image ]">
-                                 <p class="lead carousel-caption">Call for proposals now open.
-                                       <a class="btn btn-default" href="#">Submit session proposal</a></p>
+                                 <img src="/2014/i/lp13-lego.jpg"
+                                          alt="[ LP13 Lego ]">
                                </li>
                                <li class="item">
-                                 <img src="http://static.fsf.org/nosvn/libreplanet/LibrePlanet2013Photos/original/IMG_6065.jpg" 
-                                          alt="[ LPC'13 Lego ]">
+                                 <img src="/2014/i/lp13-room-110.jpg"
+                                          alt="[ LP13 Room 110 ]">
+                               </li>
+                               <li class="item">
+                                 <img src="/2014/i/lp13-presentation.jpg"
+                                          alt="[ LP13 Presentation ]">
+                               </li>
+                               <li class="item">
+                                 <img src="/2014/i/lp13-expand-the-tent.jpg"
+                                          alt="[ LP13 Expand the Tent ]">
                                </li>
                          </ul>
                          <!-- controls -->
@@ -64,15 +71,10 @@
                          </a>
                        </div> <!-- end of carousel -->
                  </div> <!-- end of carousel column -->
-               </div> 
-         </div> <!-- end of carousel container -->
-         
-         <div class="container"> <!-- start of container -->
-               <div class="row margin-top">
-                 <div class="col-sm-4"> <!-- start of nav items -->
+
+                 <div class="col-sm-3"> <!-- start of nav items -->
                        <ul class="nav nav-pills nav-stacked">
-                         <li class="active"><a href="#">Home</a></li>
-                         <li><a href="#">Videos from LPC 2013</a></li>
+                         <li><a href="#">Videos from LP 2013</a></li>
                          <li><a href="#">Previous years</a></li>
                          <li><a href="#">Anti-harassment policy</a></li>
                        </ul>
@@ -85,6 +87,12 @@
                        </div>
                  </div> <!-- end of nav items -->
 
+               </div>
+         </div> <!-- end of carousel container -->
+
+         <div class="container"> <!-- start of container -->
+               <div class="row margin-top">
+
                  <div class="col-sm-8"> <!-- start of LPC 14 main text -->
                        <p class="lead">
                          Vivamus fermentum semper porta. Nunc diam velit,
@@ -105,15 +113,17 @@
        <div id="footer">
          <div class="container">
                <p class="text-muted">
-                 The FSF is a nonprofit with a worldwide
-                 mission to advance software freedom learn about our history
-                 and work.</p>
-
-                 <p class="text-muted"> Copyright &copy;
-                 2013 <a href="#">Free Software Foundation, Inc</a>.This work
-                 is licensed under a <a href="">Creative Commons
-                 Attribution-No Derivative Works 3.0 license (or later
-                 version)</a>. <a href="#">Why this license?</a></p>
+                 The <a href="http://www.fsf.org/">Free Software
+                 Foundation</a> is a nonprofit with a worldwide mission to
+                 advance software freedom learn about our history and
+                 work.</p>
+
+                 <p class="text-muted"> Copyright &copy; 2013 Free Software
+                       Foundation, Inc.  This work is licensed under
+                       a <a href="http://creativecommons.org/licenses/by-nd/3.0/us/">Creative
+                       Commons Attribution-NoDerivs 3.0 United
+                       States</a>. <a href="http://www.gnu.org/licenses/license-list.html#OpinionLicenses">Why
+                       this license?</a></p>
 
                <p class="text-muted text-center">
                  <small>