42 lines
1.4 KiB
HTML
42 lines
1.4 KiB
HTML
{% if section.background or section.color %}
|
|
<div class="bg-section" style="{% if section.background %}background: {{ section.background }};{% endif %}{% if section.color %}color: {{ section.color }};{% endif %}">
|
|
{% endif %}
|
|
<section class="paragraph">
|
|
{% if section.title %}
|
|
<h2>{{ section.title }}</h2>
|
|
{% else %}
|
|
<div class="separator"></div>
|
|
{% endif %}
|
|
<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>
|
|
</section>
|
|
{% if section.background or section.color %}
|
|
</div>
|
|
{% endif %}
|