updating caroussel

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

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

<title>LibrePlanet 2022</title>

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

    <!-- wrapper for slides -->
	<ul class="carousel-inner list-unstyled">
	  <li class="item">
	    <img src="//static.fsf.org/nosvn/libreplanet/2022/communications/CFS.png" 
		 alt="[ LibrePlanet Call for Sessions (CFS) now open. ]">
	    <p class="carousel-caption-center">
	        <br>
	        <a href="https://my.fsf.org/lp-call-for-sessions/">LibrePlanet 2022: Living Liberation Call for Sessions now open!</a>
            </p>
        </li>      
      <li class="item">
	    <img src="//static.fsf.org/nosvn/libreplanet/2020/assets/donate1-2.jpg"
		      alt="[ A large group of people at the offices of the Free Software Foundation. ]">
            <p class="carousel-caption-center">
                <a href="https://my.fsf.org/civicrm/contribute/transact?reset=1&id=60">Donate to the travel fund</a><br> to help us bring new people to LibrePlanet.
	    </p>
	</li>
        <li class="item">
	    <img src="https://static.fsf.org/nosvn/libreplanet/2021/assets/day-2/LP-videos.jpg" 
		 alt="[ A screenshot of LibrePlanet 2021. ]">
	    <p class="carousel-caption-center">
	        <a href="https://media.libreplanet.org/u/libreplanet/tag/libreplanet-2021-video/">Watch videos from LibrePlanet 2021 online!</a>
            </p>
        </li>
        <li class="item">
	    <img src="https://static.fsf.org/nosvn/libreplanet/2022/communications/community.jpg" 
		 alt="[ 2 people working on a computer at libreplanet. ]">
	    <p class="carousel-caption-center">
	        <a href="https://fsf.org/events">Join the community meetings about the event weekly on Thursdays from 13:00 - 14:00 EDT at #libreplanet on IRC (Libera.Chat).</a>
            </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 2022 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: orange"></span>
    </a>
    <a class="right carousel-control" href="#lpc-carousel" data-slide="next">
	<span class="glyphicon glyphicon-chevron-right" style="color: orange"></span>
    </a>  <!--end of carousel -->
</div>




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

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