<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="col-sm-6"> <!-- 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>
+ <a href="/2014/">
+ <img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
+ class="img-responsive"
+ alt="[ LibrePlanet 2014 — Free Software, free society ]" />
+ </a>
+ <p class="text-muted">March 22nd-23rd 2014, 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>
background-image: url(/2014/assets/img/l-noise.png);
}
-.lp-head h1 {
+.lp-head img {
margin-bottom: 0.001em;
- margin-left: 10px;
- font-size: 50px;
-}
-.lp-head h1 small {
- font-size: 38px;
- color: rgba(128, 0, 0, 0.6);
+ margin-top: 0.6em;
}
-.lp-head h1 a {
- color: inherit;
- text-decoration: none;
+.lp-head p {
+ margin: 0.5em 0 0.4em 1.8em;
}
-.lp-head h1 a:hover {
- color: inherit;
- text-decoration: none;
+@media (min-width:320px) and (max-width:768px) {
+ .lp-head img {
+ margin: 1.5em auto 0.001em auto;
+ }
+ .lp-head p {
+ margin: 0.5em 0 0 0;
+ text-align: center;
+ }
}
-.lp-head p {
- margin: 0 0 1px;
- margin-left: 10px;
+@media (max-width:480px) {
+ .lp-head p {
+ margin: 0.5em 0 0 0;
+ text-align: center;
+ font-size: 0.9em;
+ }
}
.lp-signup {
<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="col-sm-6"> <!-- 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>
+ <a href="/2014/">
+ <img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
+ class="img-responsive"
+ alt="[ LibrePlanet 2014 — Free Software, free society ]" />
+ </a>
+ <p class="text-muted">March 22nd-23rd 2014, 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>
<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="col-sm-6"> <!-- 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>
+ <a href="/2014/">
+ <img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
+ class="img-responsive"
+ alt="[ LibrePlanet 2014 — Free Software, free society ]" />
+ </a>
+ <p class="text-muted">March 22nd-23rd 2014, 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>
<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="col-sm-6"> <!-- 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>
+ <a href="/2014/">
+ <img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
+ class="img-responsive"
+ alt="[ LibrePlanet 2014 — Free Software, free society ]" />
+ </a>
+ <p class="text-muted">March 22nd-23rd 2014, 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>
<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="col-sm-6"> <!-- 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>
+ <a href="/2014/">
+ <img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
+ class="img-responsive"
+ alt="[ LibrePlanet 2014 — Free Software, free society ]" />
+ </a>
+ <p class="text-muted">March 22nd-23rd 2014, 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>
<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="col-sm-6"> <!-- 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>
+ <a href="/2014/">
+ <img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
+ class="img-responsive"
+ alt="[ LibrePlanet 2014 — Free Software, free society ]" />
+ </a>
+ <p class="text-muted">March 22nd-23rd 2014, MIT, Cambridge, MA</p>
</div>
- </div><!-- end of lp header -->
- <div class="col-sm-3"> <!-- start of Register button -->
+ </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>
<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="col-sm-6"> <!-- 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>
+ <a href="/2014/">
+ <img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
+ class="img-responsive"
+ alt="[ LibrePlanet 2014 — Free Software, free society ]" />
+ </a>
+ <p class="text-muted">March 22nd-23rd 2014, 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>
<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="col-sm-6"> <!-- 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>
+ <a href="/2014/">
+ <img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
+ class="img-responsive"
+ alt="[ LibrePlanet 2014 — Free Software, free society ]" />
+ </a>
+ <p class="text-muted">March 22nd-23rd 2014, 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>
<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="col-sm-6"> <!-- 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>
+ <a href="/2014/">
+ <img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
+ class="img-responsive"
+ alt="[ LibrePlanet 2014 — Free Software, free society ]" />
+ </a>
+ <p class="text-muted">March 22nd-23rd 2014, 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>
<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="col-sm-6"> <!-- 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>
+ <a href="/2014/">
+ <img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
+ class="img-responsive"
+ alt="[ LibrePlanet 2014 — Free Software, free society ]" />
+ </a>
+ <p class="text-muted">March 22nd-23rd 2014, 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>
<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="col-sm-6"> <!-- 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>
+ <a href="/2014/">
+ <img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
+ class="img-responsive"
+ alt="[ LibrePlanet 2014 — Free Software, free society ]" />
+ </a>
+ <p class="text-muted">March 22nd-23rd 2014, 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>
<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="col-sm-6"> <!-- 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>
+ <a href="/2014/">
+ <img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
+ class="img-responsive"
+ alt="[ LibrePlanet 2014 — Free Software, free society ]" />
+ </a>
+ <p class="text-muted">March 22nd-23rd 2014, 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>
<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="col-sm-6"> <!-- 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>
+ <a href="/2014/">
+ <img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
+ class="img-responsive"
+ alt="[ LibrePlanet 2014 — Free Software, free society ]" />
+ </a>
+ <p class="text-muted">March 22nd-23rd 2014, 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>
<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="col-sm-6"> <!-- 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>
+ <a href="/2014/">
+ <img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
+ class="img-responsive"
+ alt="[ LibrePlanet 2014 — Free Software, free society ]" />
+ </a>
+ <p class="text-muted">March 22nd-23rd 2014, 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>
<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="col-sm-6"> <!-- 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>
+ <a href="/2014/">
+ <img src="http://static.fsf.org/nosvn/libreplanet/2014/site/logo/lp_2014_logo.png"
+ class="img-responsive"
+ alt="[ LibrePlanet 2014 — Free Software, free society ]" />
+ </a>
+ <p class="text-muted">March 22nd-23rd 2014, 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>