carousel

[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" style="max-width:900px; max-height:700px; !important;">
	<li class="item active">
      <a href="https://framatube.org/accounts/fsf/video-channels"><img src="//static.fsf.org/nosvn/libreplanet/2021/assets/day-2/LP-videos.jpg"
		 alt="[ Image of a LibrePlanet 2021 presentation. ]"></a>
	     <p class="carousel-caption-center">
	        <br>
	        <a href="https://media.libreplanet.org/">Videos from LibrePlanet 2021 are now online!</a>
            </p>
       </li> 
    <li class="item">
	   <a href="https://my.fsf.org/lp-call-for-sessions/"><img src="https://static.fsf.org/nosvn/libreplanet/2022/communications/CFS.png"
		 alt="[ Call for Sessions illustration ]"></a>
	     <p class="carousel-caption-center">
	        <br>
	        <a href="https://my.fsf.org/lp-call-for-sessions/">LibrePlanet 2022 sessions are 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" -->