Improving menu page.-a
authorZak Rogoff <zak@fsf.org>
Sat, 22 Mar 2014 03:11:09 +0000 (23:11 -0400)
committerZak Rogoff <zak@fsf.org>
Sat, 22 Mar 2014 03:11:09 +0000 (23:11 -0400)
2014/live/menu.html

index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..7f0a5094e06cf33b70bd6cecfed40957c06d4e3e 100644 (file)
@@ -0,0 +1,259 @@
+ <!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>Room 155 Livestream &mdash; 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 -->
+                       <p class="text-center lp-home">
+                         <a class="text-muted" href="/2014/">
+                               <span class="glyphicon glyphicon-chevron-left"></span> Home
+                         </a>
+                       </p>
+                       <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/program/exhibit_hall.html">Exhibit hall</a></li>
+              <li class="active"><a href="/2014/live">Participate online</a></li>
+                         <li><a href="/2014/video/">Watch the video</a></li>
+                        </ul>
+
+                       <ul class="nav nav-pills nav-stacked">
+                         <li><a href="/2014/logistics">Getting around Cambridge</a></li>
+                         <li><a href="/2014/volunteer">Volunteer</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="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>
+                         <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 -->
+                       <h1>Menu</h1>
+
+                       <div class="row margin-top">
+                         <div class="col-sm-8">
+                               <div class="thumbnail"> <!-- start Live Player -->
+                                 <video class="lp-video" controls>
+                                       <source
+                                          src="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm"
+                                          type="video/webm" />
+                                       <p><em>Your browser does not support the video
+                                               tag, <a href="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm">
+                                                 [ please download ]</a> the video instead.</em></p>
+                                 </video>
+                               </div>  <!-- end Live Player -->
+
+                         </div>
+
+                         <div class="col-sm-4"> <!-- start sidebar -->
+
+                               <div class="panel panel-default"> <!-- start support bar -->
+                                 <div class="panel-heading">
+                                       <h3 class="panel-title">Support the FSF!</h3>
+                                 </div>
+                                 <div class="panel-body">
+                                       <p>Hard-working FSF hackers are running our most
+                                         advanced-ever free software streaming system for LibrePlanet 2014. We
+                                         appreciate your support to help cover labor and equipment.</p>
+
+                                       <p><a href="https://my.fsf.org/associate/support_freedom/join_fsf">
+                                               <img class="fsf-donate-button" src="https://static.fsf.org/nosvn/join.en.red.png"
+                                                        alt="[ Join FSF ]" >
+                                       </a></p>
+
+                                       <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&amp;id=14">
+                                               <img class="fsf-donate-button" src="//static.fsf.org/nosvn/donate.en.png"
+                                                        alt="[ Donate to the FSF ]" >
+                                       </a></p>
+                                 </div>
+                               </div> <!-- end support bar -->
+
+                               <div class="panel panel-default"> <!-- start LP15 signup -->
+                                 <div class="panel-heading">
+                                       <h3 class="panel-title">Stay in the loop</h3>
+                                 </div>
+                                 <div class="panel-body">
+<p>Sign up to receive updates about LibrePlanet 2015.</p>
+                                       <form action="https://crm.fsf.org/civicrm/profile/create?gid=281&amp;reset=1"
+                                                 class="" method="post" name="Edit" id="Edit" >
+
+                                         <div>
+                                               <input name="entryURL" type="hidden"
+                                                          value="https://crm.fsf.org/civicrm/profile/create?gid=281&amp;reset=1/update?action=update&amp;amp;id=281&amp;amp;reset=1&amp;amp;context=field"
+                                                          />
+                                               <input name="postURL" type="hidden" value="https://libreplanet.org/2014/live/confirmation-155.html" />
+                                               <input name="cancelURL" type="hidden"
+                                                          value="https://crm.fsf.org/civicrm/profile?reset=1&amp;gid=281" />
+                                               <input name="add_to_group" type="hidden" value="619" />
+                                               <input name="_qf_default" type="hidden" value="Edit:cancel" />
+                                         </div>
+
+                                         <div class="crm-profile-name-LP15_announce_simple_signup_281">
+
+                                               <div id="crm-container" class="crm-container crm-public" lang="en"
+                                                        xml:lang="en">
+
+                                                 <div id="editrow-email-Primary" class="form-group">
+                                                       <label for="email-Primary">
+                                                         Email <span class="field-required">*</span>
+                                                       </label>
+                                                       <input  name="email-Primary" type="email" id="email-Primary"
+                                                                       class="form-control" />
+                                                 </div>
+
+                                                 <div id="editrow-custom_79" class="form-group">
+                                                       <div class="checkbox">
+                                                         <input type="hidden" name="custom_79[yes]" value="" />
+                                                         <input data-crm-custom="Simple_mailing_list_signup:Would_you_like_to_join_our_mailing_list_"
+                                                                        id="custom_79_yes" name="custom_79[yes]" type="checkbox" value="1"
+                                                                        checked="checked"  />
+                                                         <label for="custom_79_yes" class="control-label">Follow
+                                                               the FSF by email!</label>
+                                                       </div>
+                                                 </div>
+
+                                                 <div class="form-group">
+
+                                                       <input class="btn btn-default"
+                                                                  accesskey="S" name="_qf_Edit_next" value="Save" type="submit"
+                                                                  id="_qf_Edit_next" />
+                                                 </div>
+
+                                               </div>
+                                         </div>
+                                       </form>
+                                       <a
+                                          href="https://my.fsf.org/donate/privacypolicy.html">Privacy policy</a>
+                                 </div>
+                               </div> <!-- end LP15 signup -->
+
+                         </div> <!-- end sidebar -->
+                       </div>
+
+                 </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">
+         // @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>