2014/live/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         <link href="https://static.fsf.org/fsforg/img/favicon.ico" rel="shortcut icon">
  10         <title>Streaming &mdash; LibrePlanet 2014</title>
  11
  12   </head>
  13   <body>
  14
  15         <div id="wrapper"> <!-- start of wrapper -->
  16           <div class="lp-banner"> <!--start of lp banner -->
  17                 <div class="container"> <!-- start of container -->
  18                   <div class="row">
  19                         <div class="lp-head"> <!-- start of lp header -->
  20                           <div class="col-sm-3">
  21                                 <a href="/2014/">
  22                                   <img src="//static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
  23                                            class="img-responsive"
  24                                            alt="[ LibrePlanet 2014 &mdash; Free Software, free society ]" />
  25                                 </a>
  26                           </div>
  27                           <div class="col-sm-3">
  28                                 <p class="text-muted">
  29                                   March 22<sup>nd</sup>-23<sup>rd</sup><br />
  30                                   MIT, Cambridge, MA</p>
  31                           </div>
  32                         </div><!-- end of lp header -->
  33                         <div class="col-sm-offset-3 col-sm-3"> <!-- start of Register button -->
  34                           <a class="btn btn-register-lp14 btn-lg btn-block"
  35                                  href="https://libreplanet.org/2014/register">
  36                                 <span class="glyphicon glyphicon-ok"></span>
  37                                 Register now
  38                           </a>
  39                           <p class="text-muted text-center">
  40                                 gratis for members and students!
  41                           </p>
  42                         </div> <!-- end of Register button -->
  43                   </div>
  44                 </div> <!-- end of header container -->
  45           </div> <!-- end of lp banner -->
  46
  47           <div class="container"> <!-- start of container -->
  48                 <div class="row">
  49
  50                   <div id="lp-nav" class="col-sm-3"> <!-- start of nav items -->
  51                         <p class="text-center lp-home">
  52                           <a class="text-muted" href="/2014/">
  53                                 <span class="glyphicon glyphicon-chevron-left"></span> Home
  54                           </a>
  55                         </p>
  56                         <ul class="nav nav-pills nav-stacked">
  57                           <!--<li><a href="/2014/call_for_sessions">Propose a session</a></li>-->
  58                           <li><a href="/2014/program">Program</a></li>
  59                           <li><a href="/2014/video/">Watch the video</a></li>
  60                           <li>
  61                                 <a href="https://libreplanet.org/wiki/LibrePlanet:Conference/2014/Conference_brainstorm">
  62                                   Share your ideas</a></li>
  63                          </ul>
  64
  65                         <ul class="nav nav-pills nav-stacked">
  66
  67                           <li><a href="/2014/logistics">Getting around Cambridge</a></li>
  68                           <li><a href="/2014/volunteer">Volunteer</a></li>
  69               <li class="active"><a href="/2014/live">Participate online</a></li>
  70                   <!--<li><a href="/2014/scholarships">Scholarships (until January 10th)</a></li>-->
  71                   <li><a href="/2014/scholarship_donation">Donate to the scholarship fund</a></li>
  72
  73                         </ul>
  74
  75                         <ul class="nav nav-pills nav-stacked">
  76                           <li><a href="http://media.libreplanet.org/">LibrePlanet 2013 videos</a></li>
  77                           <li><a href="https://libreplanet.org/wiki/LibrePlanet:Conference">Previous conferences</a></li>
  78                           <li><a href="/2014/anti-harassment/">Anti-harassment policy</a></li>
  79                           <li class="fsf-donate">
  80                                 <a href="https://my.fsf.org/associate/support_freedom">
  81                                   <span class="glyphicon glyphicon-heart"></span>
  82                                   Become an FSF member
  83                                 </a>
  84                           </li>
  85                         </ul>
  86                         <p class="text-muted text-center">and attend the conference gratis!</p>
  87                   </div> <!-- end of nav items -->
  88
  89                   <div id="lp-content" class="col-sm-9"> <!-- start of content column -->
  90                         <h1>LibrePlanet from anywhere</h1>
  91 <p>During LibrePlanet, this page will host streaming video of all sessions. If you plan to participate remotely, please bookmark it now and check back during the conference.</p>
  92
  93 <p>We're creating our most advanced-ever free software streaming system for LibrePlanet 2014. We'd appreciate your donations to help make it as great as possible. Can you chip in?</p>
  94
  95 <p style="text-align:center"><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&amp;id=14"><img src="//static.fsf.org/nosvn/donate.en.png" alt="Donate to the FSF" style="align:left; padding: 15px"></a></p>
  96
  97 <br>
  98 <p>To tide you over until the conference, here's a video about the LibrePlanet, created by a volunteer who attended in 2013.</p>
  99                         <div class="row"> <!-- start LP video -->
 100                           <div class="col-sm-12">
 101                                 <div class="thumbnail">
 102                                   <video class="lp-video" controls>
 103                                         <source
 104                                            src="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm"
 105                                            type="video/webm" />
 106                                           <p><em>Your browser does not support the video
 107                                                 tag, <a href="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm">
 108                                                 [ please download ]</a> the video instead.</em></p>
 109                                   </video>
 110                                   <div class="caption">
 111                                         <p>
 112                                           <em>
 113                                                 This video is licensed
 114                                                 under <a href="http://creativecommons.org/licenses/by-sa/3.0/">CC
 115                                                 BY-SA 3.0</a> by Dan Fitzmartin and the Free
 116                                                 Software
 117                                                 Foundation. <a href="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm">Download
 118                                                 the video</a>.
 119                                         </em></p>
 120                                   </div>
 121                                 </div>
 122                           </div>
 123                         </div> <!-- end LP video -->
 124
 125                   </div> <!-- end of content column -->
 126
 127                 </div>
 128           </div> <!-- end of container -->
 129
 130         </div> <!-- end of wrapper -->
 131
 132         <div id="footer">
 133           <div class="container">
 134                 <p class="text-muted text-center">
 135                   The <a href="http://www.fsf.org/">Free Software
 136                   Foundation</a> is a nonprofit with a worldwide mission to
 137                   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.
 138                   <a href="https://my.fsf.org/associate/support_freedom">
 139                         Donate</a>.
 140                 </p>
 141
 142                 <p class="text-muted text-center">
 143                   <a rel="license"
 144                          href="http://creativecommons.org/licenses/by-sa/3.0/us/">
 145                         <img alt="[ Creative Commons License ]" style="border-width:0"
 146                                  src="//i.creativecommons.org/l/by-sa/3.0/80x15.png" />
 147                   </a>
 148                   This page and its images, logos and videos are licensed under a <br />
 149                   <a rel="license"
 150                          href="http://creativecommons.org/licenses/by-sa/3.0/us/">
 151                         Creative Commons Attribution-ShareAlike 3.0 US
 152                   </a>.
 153                   Copyright &copy; 2013 Free Software Foundation.
 154                 </p>
 155
 156                 <p class="text-muted text-center">
 157                   <a href="http://weblabels.fsf.org/libreplanet.org/CURRENT/" rel="jslicense">
 158                         JavaScript license information
 159                   </a>
 160                 </p>
 161
 162                 <p class="text-muted text-center">
 163                   This site, including fonts, CSS, and JavaScript, was built using
 164                   <a href="http://getbootstrap.com">Bootstrap</a>,
 165                   which is licensed under the
 166                   <a href="https://directory.fsf.org/wiki/License:Apache2.0">
 167                         Apache 2.0 license</a>.
 168                 </p>
 169           </div>
 170         </div>
 171         <script type="text/javascript"
 172                         src="/2014/assets/js/jquery-1.10.2.min.js"></script>
 173         <script type="text/javascript">
 174           // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
 175      // Copyright (C) 2014 Free Software Foundation, Inc
 176
 177       $(document).ready(lpNavPlace);
 178
 179       $(window).resize(lpNavPlace);
 180
 181       function lpNavPlace() {
 182         screenSize = $(window).width();
 183         if(screenSize <= 767) {
 184            $("#lp-nav").insertAfter("#lp-content");
 185         } else {
 186            $("#lp-nav").insertBefore("#lp-content");
 187         }
 188       }
 189      // @license-end
 190         </script>
 191   </body>
 192 </html>