{% extends "base.html.twig" %}

{% block header %}
	{{ include ("include/_headingHome.html.twig") }}
{% endblock %}

{% block body %}
	<div class="contentHome">
		<div class="container text-center">
			<h4 class="lead">Les thèmes que j'aborde</h4>

			<div class="sky flex-column align-items-center">
				{% for row in categories | batch(5) %}
					<div class="row">
						{% for category in row %}
							<a class="nuage col" href="blog?categories={{ category.id }}" title="Lister les articles de la catégorie {{ category.name }}">
								{{ category.name }}
							</a>
						{% endfor %}
					</div>
				{% endfor %}
			</div>
			
			<div class=" my-4">
				<a href="{{ path('blog.index') }}"><button class="btn btn-info">Tous les articles</button></a>
			</div>
		</div>
	</div> 
{% endblock %}