{% embed 'partials/base.html.twig' %}

	{% set collection = page.collection() %}
	{% set base_url = page.url %}
    {% set feed_url = base_url %}

    {% if base_url == '/' %}
        {% set base_url = '' %}
    {% endif %}

    {% if base_url == base_url_relative %}
        {% set feed_url = base_url~'/'~page.slug %}
    {% endif  %}
    
	{% block content %}
		{% set blog_image = page.media.images|first %}
        
		{% if blog_image %}
		<div class="flush-top blog-header blog-header-image" style="background: {{ page.header.bg_color }} url({{ blog_image.url }}) no-repeat right;">
		{% else %}
		<div class="blog-header">
		{% endif %}
			{{ page.content }}
		</div>

        {% if config.plugins.breadcrumbs.enabled %}
				{% include 'partials/breadcrumbs.html.twig' %}
        {% endif %}

		<div class="content-wrapper blog-content-list g-grid pure-g-r">
			<div id="listing" class="g-block pure-u-2-3">
				{% for child in collection %}
			        {% include 'partials/blog_item.html.twig' with {'page':child, 'truncate':true} %}
			    {% endfor %}

                {% if config.plugins.pagination.enabled and collection.params.pagination %}
                    {% include 'pagination.html.twig' with {'pagination':collection.params.pagination} %}
                {% endif %}
			</div>
			<div id="sidebar" class="g-block size-1-3 pure-u-1-3">
				{% include 'partials/sidebar.html.twig' %}
			</div>
		</div>
	{% endblock %}

{% endembed %}