{% 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}}/asset/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}}/asset/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="-2" data-rellax-percentage="0.5">
			<img src="{{theme.link}}/asset/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>La Mine en vidéo</h3>				
		{% if post.video_la_mine  %}
			<figure class="row mx-0">
				<iframe width="560" height="315" src="//www.youtube.com/embed/{{ post.video_la_mine }}" frameborder="0" allowfullscreen></iframe>
			</figure>
		{% endif %}
	</div>
</section>

{% endblock %}