caroussel for live page -- almost done

[libreplanet-static.git] / 2021 / index.html

<!--#include virtual="/2021/includes/header.html"-->

<title>LibrePlanet 2021</title>

<!--#include virtual="/2021/includes/banner.html"-->
<!--#include virtual="/2021/includes/sidebar.html"-->
<!--start of carousel -->
<div id="lpc-carousel" class="carousel">

    <!-- wrapper for slides -->
	<ul class="carousel-inner list-unstyled" style="max-width:900px; max-height:700px; !important;">
	  	  <li class="item active">
	    <a href="https://libreplanet.org/2021/live/"><img src="//static.fsf.org/nosvn/libreplanet/2021/communications/livesite/LibreAdventure.jpg"
		 alt="[ Image of the LibreAdventure virtual space ]"></a>
	    <p class="carousel-caption-center">
	        <br>
	        <a href="https://libreplanet.org/2021/program/">Join hundreds of registered attendees in the virtual LibrePlanet space.</a>
            </p>
       </li> 
	  <li class="item">
	    <a href="https://www.libreplanet.org/2021/live"><img src="//static.fsf.org/nosvn/libreplanet/2021/communications/livesite/alper.jpg"
		 alt="[ Image of 2020 presentation of LibrePlanet online. ]"></a>
	    <p class="carousel-caption-center">
	        <br>
	        <a href="https://www.libreplanet.org/2021/live">Join us live for LibrePlanet 2021: Empowering Users.</a>
            </p>
       </li> 
	  	  <li class="item">
	    <a href="https://shop.fsf.org"><img src="//static.fsf.org/nosvn/libreplanet/2021/communications/livesite/shirt.jpg"
		 alt="[ Image of the LibrePlanet 2021 t-shirt. ]"></a>
	    <p class="carousel-caption-center">
	        <br>
	        <a href="https://shop.fsf.org">Get your swag at the FSF shop.</a>
            </p>
       </li> 
       <li class="item">
	    <img src="https://static.fsf.org/nosvn/libreplanet/2021/communications/site/register.jpg"
		      alt="[ Animation of a group of people and register now text ]">
            <p class="carousel-caption-center">
                <a href="https://my.fsf.org/civicrm/event/info?reset=1&id=92">Register now for LirbePlanet 2021: Empowering Users</a><br>
	    </p>
        </li>
        <!--<li class="item">
	    <img src="//static.fsf.org/nosvn/libreplanet/2020/assets/volunteer1-2.jpg" 
		 alt="[ A photo of the GNU Press table from LibrePlanet 2019. ]">
	    <p class="carousel-caption-center">
	        Volunteers keep LibrePlanet spinning <br>(and get great perks as well).<br>
	        <a href="https://libreplanet.org/2020/volunteer">Sign up today.</a>
            </p>
        </li>-->
	   <li class="item">
	    <img src="//static.fsf.org/nosvn/libreplanet/2021/communications/site/exhibitors.jpg"
		      alt="LibrePlanet is organized with the support of our exhibitors">
	    <p class="carousel-caption-center">

		<a href="https://libreplanet.org/2021/sponsors">LibrePlanet is organized with the support of our exhibitors.</p>
        </li>
		<!-- <li class="item"> -->
	    <!-- <img src="https://static.fsf.org/nosvn/libreplanet/2019/assets/teeshirt-banner.png"  -->
		<!--       alt="[ A purple tshirt with green planets and a small cartoon spaceship. It includes the text "LibrePlanet 2020 Free the Future." ]"> -->
	    <!-- <p class="carousel-caption-center"> -->
		<!-- <a href="https://shop.fsf.org/tshirts-hoodies/reserve-your-libreplanet-2019-t-shirt">Order your LibrePlanet 2020 T-shirt!</a></p> -->
        <!-- </li> -->
    </ul>

    <!-- These are the controls for the carousel. Comment them in if you want the little navigation chevrons and the skrims that appear when you mouse over the edges of the active image.-->
    <a class="left carousel-control" href="#lpc-carousel" data-slide="prev">
	<span class="glyphicon glyphicon-chevron-left" style="color: grey"></span>
    </a>
    <a class="right carousel-control" href="#lpc-carousel" data-slide="next">
	<span class="glyphicon glyphicon-chevron-right" style="color: grey"></span>
    </a>  <!--end of carousel -->
</div>




<div class="col-sm-12">
    <!--#include virtual="/2021/includes/home-content.html"-->
</div>

<!--#include virtual="/2021/includes/footer.html"-->
<!--#include virtual="/2021/includes/common_js.html"-->
<!--#include virtual="/2021/includes/home_js.html"-->
<!--#include virtual="/2021/includes/close.html" -->