{% extends "templates/web.html" %}

{% block title %}{{ blog_title or _("Blog") }}{% endblock %}
{% block header %}<h1>{{ blog_title or _("Blog") }}</h1>{% endblock %}
{% block hero %}{% endblock %}

{% block page_content %}
<style>
.blog-list-content {
	border: 0px;
	background: transparent;
}
.blog-list-item {
	margin-top: 30px;
	margin-bottom: 30px;
}
.blog-list-item .blog-header {
	font-size: 1.6em;
}
.post-description {
	padding-bottom: 8px;
}
.post-description p {
	margin-bottom: 8px;
}
</style>
<!-- no-header -->
<!-- no-breadcrumbs -->
<div class="blog-list-content">
	<div id="blog-list">
		{% include "templates/includes/list/list.html" %}
	</div>
</div>
{% endblock %}

{% block script %}
<script>{% include "templates/includes/list/list.js" %}</script>
{% endblock %}