Making it more clear that updates confirmation page is for LibrePlanet 2015.
[libreplanet-static.git] / 2014 / confirmation.html
index a0fe39367c33f75b87a1375d90667fd1bd68a4b6..7ffe79c4d2ccdc059482366771c523f96c1cd924 100644 (file)
@@ -7,7 +7,7 @@
        <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> Confirmation &mdash; Updates Sign-up &mdash; LibrePlanet 2014</title>
+       <title> Confirmation &mdash; Updates Sign-up &mdash; LibrePlanet 2015</title>
   </head>
   <body>
 
          <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-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>
@@ -38,7 +45,7 @@
 
          <div class="container"> <!-- start of container -->
                <div class="row">
-<div class="col-sm-3"> <!-- start of nav items -->
+                 <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
                        <p class="text-center lp-home">
                          <a class="text-muted" href="/2014/">
                                <span class="glyphicon glyphicon-chevron-left"></span> Home
                        </p>
                        <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/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>
-                         <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/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-5"> <!-- start of LPC 14 main text -->
-                       <h2> Sign up for updates </h2>
+                 <div id="lp-content" class="col-sm-5"> <!-- start of LPC 14 main text -->
+                       <h2> Sign up for LibrePlanet 2015 updates </h2>
                        <p>
-                         Thanks for your interest in LibrePlanet updates. To complete your subscription to the updates list, we need you to confirm your email address by clicking the link in the confirmation email we've just sent you.
+                         Thanks for your interest in updates on LibrePlanet 2015. To complete your subscription to the updates list, we need you to confirm your email address by clicking the link in the confirmation email we've just sent you.
                        </p>
 
                        <div class="alert alert-info margin-top">
 
          </div>
        </div>
+       <script type="text/javascript"
+                       src="/2014/assets/js/jquery-1.10.2.min.js"></script>
+       <script type="text/javascript">
+
+     // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
+     // Copyright (C) 2014 Free Software Foundation, Inc
+
+      $(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");
+        }
+      }
+
+     // @license-end
+       </script>
   </body>
 </html>