{% extends "base.twig" %}

{% block content %}
<section id="section_proch" class="row">
	<div class="container-fluid">
		<h3>Prochainement</h3>
		<div class="row">
			{% for item in posts %}
				{% include 'components/thumbnails/thumbnails.twig'%}
			{% endfor %}
		</div>
		<div class="row wrap-btn">
			<a class="btn _all" rel="noreferrer" href="/agenda">Tout voir</a>
		</div>
	</div>
	<div class="paralax" data-rellax-speed="5">
		<img src="{{theme.link}}/dist/assets/images/objet_1.svg" alt="objet 1">
	</div>
</section>

<section id="section_asso" class="row">
	<div class="container-fluid">
		{% include 'partial/section_asso.twig' %}
		<div class="paralax" data-rellax-speed="3">
			<img src="{{theme.link}}/dist/assets/images/objet_2.svg" alt="objet 2">
		</div>
	</div>
</section>

<section id="section_projets" class="row">
	<div class="container-fluid">
		{% include 'partial/section_projets.twig' %}
		<div class="paralax" data-rellax-speed="-1" data-rellax-percentage="0.5">
			<img src="{{theme.link}}/dist/assets/images/objet_3.svg" alt="objet 3">
		</div>
	</div>
</section>

<section id="section_tpsF" class="row">
	<div class="container-fluid">
		{% include 'partial/section_tpsF.twig' %}
	</div>
</section>

<section id="section_MineVideo" class="row">
	<div class="container-fluid">
		<h3>Transition urbaine</h3>
		{% if post.video_la_mine  %}
			<figure class="row mx-0">
				{# <div class="cover">
					<img id="thumbnails" src="http://img.youtube.com/vi/XUsBV5mXJGs/maxresdefault.jpg" alt="thumbnail">
					<img id="player" src="{{theme.link}}/dist/assets/images/player.svg" alt="player">
				</div> #}
				<div id="ytplayer"></div>
				{# <iframe id="playVideo" src="https://www.youtube.com/embed/XUsBV5mXJGs?enablejsapi=1" frameborder="0" allowfullscreen></iframe> #}
			</figure>
		{% endif %}
	</div>
</section>

{% endblock %}