don't dictate height width of images

[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:500px; !important;">
	  <li class="item active">
	    <a href="https://my.fsf.org/lp-call-for-sessions/"><img src="//static.fsf.org/nosvn/libreplanet/2021/communications/site/CFS_home.png"
		 alt="[ Submit your session for LibrePlanet 2021: Empowering Users before October 28. ]"></a>
	    <p class="carousel-caption-center">
	        <br>
	        <a href="https://my.fsf.org/lp-call-for-sessions/">Submit your session for LibrePlanet 2021: Empowering Users before October 28.</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 LibrePlanet</a><br> to help us bring new people to LibrePlanet and introduce exciting new program elements. 
	    </p>
        </li>
      <li class="item">
	    <img src="//static.fsf.org/nosvn/libreplanet/2020/communications/audiowide.png"
		 alt="[ Illustration of a woman listening to a LibrePlanet recording. ]" style="width: 80%;">
	    <p class="carousel-caption-center">
	        <br>
	        <a href="https://media.libreplanet.org">Audio and video recordings from LibrePlanet 2020: Free the Future are online!</a>
            </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/team.jpg"
		      alt="Photo of the FSF tech team during LibrePlanet 2020">
	    <p class="carousel-caption-center">

		Read all about how the FSF <a href="https://www.fsf.org/blogs/community/how-to-livestream-a-conference-in-just-under-a-week">pulled off bringing the 2020 conference online within 5 days,</a><br> using only free software.</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" -->