{% extends "base.html" %}

{% block title %}{{ page.title }} - {{ super() }}{% endblock title %}
{% block description %}{{ page.content|striptags|truncate(200)|escape }}{% endblock description %}

{% block headerstyle %}
    {% if page.illustration %}
    <div class="header-container" style="background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('{{ SITEURL }}/images/{{ page.illustration }}'); background-position: center; background-size: cover; ">
    {% elif NEST_HEADER_IMAGES %}
    <div class="header-container" style="background: #000000 url('{{ SITEURL }}/images/{{ NEST_HEADER_IMAGES }}'); background-position: center; background-size: cover;">
    {% else %}
    <div class="header-container gradient">
    {% endif %}
{% endblock headerstyle %}

{% block header %}
    <div class="container header-wrapper">
        <div class="row">
              <div class="col-lg-12">
                  <div class="header-content">
                      <h1 class="header-title text-uppercase">{{ page.title }}</h1>
                      <div class="header-underline"></div>
                  </div>
              </div>
        </div>
    </div>
{% endblock header %}

{% block content %}
    <div style="text-align: justify;" class="container content background-image: {{ PAGE_BACKGROUND }}">
        {{ page.content }}
        {% if page.table %}
        {% block table %}
        {% endblock table %}
        {% endif %}
    </div>
{% endblock %}

