{% extends "index.html" %}

{% block title %}{{ page.title }}{% endblock title %}

{% block header %}
    <!-- Page Header -->
    {% if page.header_cover %}
        <header class="intro-header" style="background-image: url('{{ SITEURL }}/{{ page.header_cover }}')">
    {% elif HEADER_COVER %}
        <header class="intro-header" style="background-image: url('{{ SITEURL }}/{{ HEADER_COVER }}')">
    {% elif HEADER_COLOR %}
        <header class="intro-header" style="background-color: {{ HEADER_COLOR }}">
    {% else %}
        <header class="intro-header" style="background-image: url('{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/home-bg.jpg')">
    {% endif %}
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                    <div class="post-heading">
                        <h1>{{ page.title }}</h1>
                    </div>
                </div>
            </div>
        </div>
    </header>
{% endblock header %}

{% block opengraph %}
	{{ super() }}
        {% if page.summary %}
            <meta property="og:description" content="{{ page.summary|striptags|truncate(140) }}">
        {% endif %}

        {% if page.og_image %}
            {% if page.og_image|lower|truncate(4, True, '') == "http" %}
                <meta property="og:image" content="{{ page.og_image }}">
            {% else %}
                <meta property="og:image" content="{{ SITEURL }}/{{ page.og_image }}">
            {% endif %}
        {% elif page.header_cover %}
            <meta property="og:image" content="{{ SITEURL }}/{{ page.header_cover }}">
        {% elif HEADER_COVER %}
            <meta property="og:image" content="{{ SITEURL }}/{{ HEADER_COVER }}">
        {% else %}
            <meta property="og:image" content="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/post-bg.jpg">
        {% endif %}
{% endblock %}

{% block content %}
    <article>
        {{ page.content }}
        {% if page.article_list and PAGE_PAGINATION > 0 %}
        <hr />
        {% include "last_articles.html" %}
        {% endif %}
    </article>
{% endblock content %}