{% extends "base.twig" %}

{% block content %}
<section class="section_accueil" id="section_proch">
	<div class="">
		<div class="header">
			<h3 class="titre">Prochainement</h3>
		</div>
		<div class="__body">

			<div class="coming_soon row justify-content-center">
				{% for item in posts %}
					{% include 'components/thumbnails/thumbnails.twig' %}
				{% endfor %}
			</div>

			<div class="btn tout_voir">
				<a 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>

	</div>
</section>

<section class="section_accueil" id="section_asso">
	<div class="association">
		{% 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 class="section_accueil" id="section_projets">
	<div class="projet">
		{% 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 class="section_accueil" id="section_tpsF">
	<div class="temps_forts">
	{% include 'partial/section_tpsF.twig' %}
</section>

<section class="section_accueil" id="section_MineVideo">
	<div class="video">
		<div class="__header">
			<h3 class="titre">La Mine en vidéo</h3>
		</div>
		<div class="__body">
			<div class="wrapper__content">
				{% if post.video_la_mine  %}
    			<iframe width="560" height="315" src="//www.youtube.com/embed/{{ post.video_la_mine }}" frameborder="0" allowfullscreen></iframe>
				{% endif %}
			</div>
	</div>
</section>

{% endblock %}