ungleich-staticcms/templates/summary-page.html

61 lines
1.7 KiB
HTML

{% extends "layout-2020.html" %}
{% block title %}{{ this.title }}{% endblock %}
{% block subtitle %}{{ this.subtitle }}{% endblock %}
{% block content %}
<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">
<a href="{{ childpage|url }}">
{% if childpage.image %}
<img class="card-img-top" src="{{ childpage.image }}"
alt="{{ childpage.title }}">
{% else %}
<div style="{{ div_style }} font-weight: bold; padding-left:
12px; padding-right: 6px; text-transform: uppercase;"
class="{{ div_classes }} display-4">
&nbsp;<br/>
{{ childpage.title }}<sup style="font-weight: normal;"></sup><br/>
&nbsp;<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>
{% endblock %}