commiting
This commit is contained in:
@@ -9,30 +9,39 @@
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
{% for row in page.get_content() %}
|
||||
<div class="row pb-3">
|
||||
<div class="col-sm-8 text-center {{ loop.cycle('order-first','order-last') }}">
|
||||
<p class="text-secondary lead">
|
||||
{{ page.get_content()[row]['content'] }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4 {{ loop.cycle('order-last','order-first') }}">
|
||||
<picture>
|
||||
{% for img in page.get_content()[row]['images'] %}
|
||||
{% if not loop.last %}
|
||||
<source srcset="{{ url_for('static', filename=img) }}"
|
||||
media="(max-width: {{ config.IMG_BREAKPOINTS[loop.index] }})" />
|
||||
{% else %}
|
||||
<source srcset="{{ url_for('static', filename=img) }}"
|
||||
media="(min-width: {{ config.IMG_BREAKPOINTS[loop.index] }})" />
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<div class="d-grid gap-3">
|
||||
{% for section in page.get_content() %}
|
||||
<div class="card border-0 d-flex rounded-1 bg-dark">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-sm-8 {{ loop.cycle('order-first','order-last') }}">
|
||||
<div class="card-text text-light text-center lead">
|
||||
{{ section['content']|safe }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4 {{ loop.cycle('order-last','order-first') }}">
|
||||
<div class="card-img">
|
||||
<picture>
|
||||
{% for img in section['images'] %}
|
||||
{% if not loop.last %}
|
||||
<source srcset="{{ url_for('static', filename=img) }}"
|
||||
media="(max-width: {{ config.IMG_BREAKPOINTS[loop.index] }})" />
|
||||
{% else %}
|
||||
<source srcset="{{ url_for('static', filename=img) }}"
|
||||
media="(min-width: {{ config.IMG_BREAKPOINTS[loop.index] }})" />
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<img class="img-fluid"
|
||||
src="{{ url_for('static', filename=page.get_content()[row]['images'][1]) }}">
|
||||
</picture>
|
||||
<img class="img-fluid rounded-1"
|
||||
src="{{ url_for('static', filename=section['images'][1]) }}">
|
||||
</picture>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user