{% import "partials/macros.twig" as macros %}

{% set amount = amount ? amount : 20 %}

{% block blogroll %}
	<div class="row">
		{% for page in pages("blog", depth=2) | sort_by( 'time' ) | reverse | slice(0,amount) %}
			<div class="col s12 m3">
				<div class="card hoverable">
					<div class="card-image">
						{{ macros.variants( theme_url ~ "/img/categories/" ~ page.meta.categories.0 ~ ".jpg") }}
						<a href="{{ page.url }}" class="btn-floating halfway-fab waves-effect waves-light {{config.theme_config.primary_color}}">
							<i class="material-icons">chevron_right</i>
						</a>
					</div>
					<div class="card-content">
						<p class="grey-text">{{ page.date }}</p>
						<h5>
							{{ page.title }}</h5>
						<p class="grey-text text-darken-2">
							{{ page.description }}</p>
					</div>
					<div class="card-action">
						<a class="{{config.theme_config.primary_color}}-text" href="{{ page.url }}">Zum Artikel</a>
					</div>

				</div>
			</div>
		{% endfor %}
	</div>
{% endblock %}