{% extends "base.twig" %}

{% block content %}
<section id="section_proch" class="row">
	<div class="container-fluid">
{% if posts == true %}
		<h3>Prochainement</h3>
	{% elseif posts_now == true %}
		<h3>En cours</h3>
{% endif %}
		<div class="row">
			{% for item in posts %}
				{% include 'components/thumbnails/thumbnails.twig' with { hn : 'h2' } %}
			{% endfor %}
			{% for item in posts_now %}
				{% include 'components/thumbnails/thumbnails.twig' with { hn : 'h2' } %}
			{% 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>
	<figure class="icones draggable">
		<img id="objet_1" src="{{theme.link}}/static/objet_drag_1.svg" alt="objet_1">
		<img id="objet_2" src="{{theme.link}}/static/objet_drag_2.svg" alt="objet_2">
		<img id="objet_3" src="{{theme.link}}/static/objet_drag_3.svg" alt="objet_3">
	</figure>
</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">
				{{post.get_field('video_la_mine', FALSE, FALSE)}}
			</figure>
		{% endif %}
	</div>
</section>

{% endblock %}