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><a href="/2014/exhibit">Promotional opportunities</a></li>
  61                           <li>
  62                                 <a href="https://libreplanet.org/wiki/LibrePlanet:Conference/2014/Conference_brainstorm">
  63                                   Share your ideas</a></li>
  64                          </ul>
  65
  66                         <ul class="nav nav-pills nav-stacked">
  67
  68                           <li><a href="/2014/logistics">Getting around Cambridge</a></li>
  69                           <li><a href="/2014/volunteer">Volunteer</a></li>
  70               <li class="active"><a href="/2014/live">Participate online</a></li>
  71                   <!--<li><a href="/2014/scholarships">Scholarships (until January 10th)</a></li>-->
  72                   <li><a href="/2014/scholarship_donation">Donate to the scholarship fund</a></li>
  73
  74                         </ul>
  75
  76                         <ul class="nav nav-pills nav-stacked">
  77                           <li><a href="http://media.libreplanet.org/">LibrePlanet 2013 videos</a></li>
  78                           <li><a href="https://libreplanet.org/wiki/LibrePlanet:Conference">Previous conferences</a></li>
  79                           <li><a href="/2014/anti-harassment/">Anti-harassment policy</a></li>
  80                           <li class="fsf-donate">
  81                                 <a href="https://my.fsf.org/associate/support_freedom">
  82                                   <span class="glyphicon glyphicon-heart"></span>
  83                                   Become an FSF member
  84                                 </a>
  85                           </li>
  86                         </ul>
  87                         <p class="text-muted text-center">and attend the conference gratis!</p>
  88                   </div> <!-- end of nav items -->
  89
  90                   <div id="lp-content" class="col-sm-9"> <!-- start of content column -->
  91                         <h1>LibrePlanet from anywhere</h1>
  92 <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>
  93
  94 <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>
  95
  96 <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>
  97
  98 <br>
  99 <p>To tide you over until the conference, here's a video about the LibrePlanet, created by a volunteer who attended in 2013.</p>
 100                         <div class="row"> <!-- start LP video -->
 101                           <div class="col-sm-12">
 102                                 <div class="thumbnail">
 103                                   <video class="lp-video" controls>
 104                                         <source
 105                                            src="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm"
 106                                            type="video/webm" />
 107                                           <p><em>Your browser does not support the video
 108                                                 tag, <a href="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm">
 109                                                 [ please download ]</a> the video instead.</em></p>
 110                                   </video>
 111                                   <div class="caption">
 112                                         <p>
 113                                           <em>
 114                                                 This video is licensed
 115                                                 under <a href="http://creativecommons.org/licenses/by-sa/3.0/">CC
 116                                                 BY-SA 3.0</a> by Dan Fitzmartin and the Free
 117                                                 Software
 118                                                 Foundation. <a href="https://media.libreplanet.org/mgoblin_media/media_entries/50/LibrePlanet__9B__848x477__1.webm">Download
 119                                                 the video</a>.
 120                                         </em></p>
 121                                   </div>
 122                                 </div>
 123                           </div>
 124                         </div> <!-- end LP video -->
 125
 126                   </div> <!-- end of content column -->
 127
 128                 </div>
 129           </div> <!-- end of container -->
 130
 131         </div> <!-- end of wrapper -->
 132
 133         <div id="footer">
 134           <div class="container">
 135                 <p class="text-muted text-center">
 136                   The <a href="http://www.fsf.org/">Free Software
 137                   Foundation</a> is a nonprofit with a worldwide mission to
 138                   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.
 139                   <a href="https://my.fsf.org/associate/support_freedom">
 140                         Donate</a>.
 141                 </p>
 142
 143                 <p class="text-muted text-center">
 144                   <a rel="license"
 145                          href="http://creativecommons.org/licenses/by-sa/3.0/us/">
 146                         <img alt="[ Creative Commons License ]" style="border-width:0"
 147                                  src="//i.creativecommons.org/l/by-sa/3.0/80x15.png" />
 148                   </a>
 149                   This page and its images, logos and videos are licensed under a <br />
 150                   <a rel="license"
 151                          href="http://creativecommons.org/licenses/by-sa/3.0/us/">
 152                         Creative Commons Attribution-ShareAlike 3.0 US
 153                   </a>.
 154                   Copyright &copy; 2013 Free Software Foundation.
 155                 </p>
 156
 157                 <p class="text-muted text-center">
 158                   <a href="http://weblabels.fsf.org/libreplanet.org/CURRENT/" rel="jslicense">
 159                         JavaScript license information
 160                   </a>
 161                 </p>
 162
 163                 <p class="text-muted text-center">
 164                   This site, including fonts, CSS, and JavaScript, was built using
 165                   <a href="http://getbootstrap.com">Bootstrap</a>,
 166                   which is licensed under the
 167                   <a href="https://directory.fsf.org/wiki/License:Apache2.0">
 168                         Apache 2.0 license</a>.
 169                 </p>
 170           </div>
 171         </div>
 172         <script type="text/javascript"
 173                         src="/2014/assets/js/jquery-1.10.2.min.js"></script>
 174         <script type="text/javascript">
 175           // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
 176      // Copyright (C) 2014 Free Software Foundation, Inc
 177
 178       $(document).load(lpNavPlace);
 179
 180       $(window).resize(lpNavPlace);
 181
 182       function lpNavPlace() {
 183         screenSize = $(window).width();
 184         if(screenSize <= 767) {
 185            $("#lp-nav").insertAfter("#lp-content");
 186         } else {
 187            $("#lp-nav").insertBefore("#lp-content");
 188         }
 189       }
 190      // @license-end
 191         </script>
 192   </body>
 193 </html>