67 lines
1.9 KiB
HTML
67 lines
1.9 KiB
HTML
{% extends "layout-2020.html" %}
|
|
{% block title %}{{ this.title }}{% endblock %}
|
|
{% block subtitle %}{{ this.subtitle }}{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="section">
|
|
<div class="container">
|
|
{% for childpage in this.children %}
|
|
|
|
{# Setup default settings for the overview #}
|
|
|
|
{% if childpage.header_background_color %}
|
|
{% set div_style = 'background-color:' + childpage.header_background_color + ';' %}
|
|
{% else %}
|
|
{% set div_style = 'background-color: #6FB0E5;' %}
|
|
{% endif %}
|
|
|
|
{% if childpage.header_text_color %}
|
|
{% set div_classes = childpage.header_text_color %}
|
|
{% else %}
|
|
{% set div_classes = 'text-light' %}
|
|
{% endif %}
|
|
|
|
|
|
{% if loop.first %}
|
|
<div class="row mb-3">
|
|
{% endif %}
|
|
<div class="col-md-4 mb-3">
|
|
<div class="card">
|
|
{% if childpage.image %}
|
|
<a href="{{ childpage|url }}">
|
|
<img class="card-img-top" src="{{ childpage.image }}"
|
|
alt="{{ childpage.title }}">
|
|
</a>
|
|
{% else %}
|
|
<div style="{{ div_style }} font-weight: bold; padding-left:
|
|
12px; padding-right: 6px; text-transform: uppercase;"
|
|
class="{{ div_classes }} display-4 headlinebold">
|
|
<br/>
|
|
<a href="{{ childpage|url }}" style="font-color: white;">
|
|
{{ childpage.title }}<sup style="font-weight:
|
|
normal;">≠</sup>
|
|
</a>
|
|
<br/>
|
|
<br/>
|
|
</div>
|
|
{% endif %}
|
|
</a>
|
|
<div class="card-body">
|
|
<h5 class="card-title">{{ childpage.title }}</h5>
|
|
<p class="card-text">{{ childpage.subtitle }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% if loop.index is divisibleby 3 %}
|
|
</div>
|
|
<div class="row mb-3">
|
|
{% endif %}
|
|
{% if loop.last %}
|
|
</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|