2016-04-13 11:45:26 +02:00
|
|
|
{% if section.background or section.color %}
|
2016-11-04 12:55:02 +01:00
|
|
|
<div class="bg-section" style="{% if section.background %}background: {{ section.background }};{% endif %}{% if section.color %}color: {{ section.color }};{% endif %}">
|
|
|
|
{% endif %}
|
2020-03-06 19:44:55 +01:00
|
|
|
<section class="paragraph" {% if section.css %}style="{{ section.css }}"{% endif %} >
|
2016-11-01 12:22:14 +01:00
|
|
|
{% if section.title %}
|
2016-11-04 12:55:02 +01:00
|
|
|
<h2>{{ section.title }}</h2>
|
2016-11-01 12:22:14 +01:00
|
|
|
{% else %}
|
2016-11-04 12:55:02 +01:00
|
|
|
<div class="separator"></div>
|
2016-11-01 12:22:14 +01:00
|
|
|
{% endif %}
|
2017-05-23 13:44:26 +02:00
|
|
|
<p>
|
|
|
|
{% if section.image %}
|
|
|
|
{% set image = Image(section.image) %}
|
|
|
|
{% if section.image.float %}
|
|
|
|
{% set float = section.image.float %}
|
|
|
|
{% else %}
|
|
|
|
{% set float = 'left' %}
|
|
|
|
{% endif %}
|
|
|
|
{% if section.image.size %}
|
|
|
|
{% set image_resize = section.image.size %}
|
|
|
|
{% else %}
|
|
|
|
{% set image_resize = '250px' %}
|
|
|
|
{% endif %}
|
|
|
|
{{ image.copy() }}
|
|
|
|
<span class="{{ float }} baguette">
|
|
|
|
<a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}
|
|
|
|
data-at-450="{{ image.generate_thumbnail("x450") }}"
|
|
|
|
data-at-800="{{ image.generate_thumbnail("x800") }}"
|
|
|
|
data-at-1366="{{ image.generate_thumbnail("x1366") }}"
|
|
|
|
data-at-1920="{{ image.generate_thumbnail("x1920") }}"
|
|
|
|
>
|
|
|
|
<img class="lazy" style="width: {{ image_resize }};" src="" data-original="{{ image.generate_thumbnail("x450") }}" alt=""/>
|
|
|
|
</a>
|
|
|
|
</span>
|
|
|
|
{% endif %}
|
|
|
|
{{ section.text }}
|
|
|
|
</p>
|
|
|
|
<div class="clear"></div>
|
2016-11-04 12:55:02 +01:00
|
|
|
</section>
|
|
|
|
{% if section.background or section.color %}
|
|
|
|
</div>
|
2016-04-09 09:33:48 +02:00
|
|
|
{% endif %}
|