{% 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 header-image" style="background: linear-gradient(rgba(0, 0, 0, {{ NEST_HEADER_OPACITY }}), rgba(0, 0, 0, {{ NEST_HEADER_OPACITY }})), url('{{ SITEURL }}/images/{{ page.illustration }}'); background-position: center; ">

{% elif NEST_HEADER_IMAGES %}

<div class="header-container header-image" style="background: linear-gradient(rgba(0, 0, 0, {{ NEST_HEADER_OPACITY }}), rgba(0, 0, 0, {{ NEST_HEADER_OPACITY }})), url('{{ SITEURL }}/images/{{ NEST_HEADER_IMAGES }}'); background-position: center; ">

{% 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 class="container content">

{{ page.content }}

</div>

{% endblock %}