To use it, change this :
- type: pictures-group
images:
-
- image1.jpg
- image2.jpg
-
- image3.jpg
- image4.jpg
To this :
- type: pictures-group
images:
-
- name: image1.jpg
quality: 80
- image2.jpg
-
- image3.jpg
- name: image4.jpg
quality: 100
Next step would be to compress pictures instead of just copying them to reduce their size
Signed-off-by: CapsLock <faimaison@legeox.net>
13 lines
589 B
HTML
13 lines
589 B
HTML
{{ helpers.copy_image(section.image) }}
|
|
<section class="full-picture" style="background: transparent url('{{ helpers.get_image_name(section.image) }}') no-repeat scroll center top / cover;">
|
|
{% if section.text %}
|
|
<div class="picture-text">
|
|
<div class="picture-text-column">
|
|
<h1>{{ section.text.title }}</h1>
|
|
<h2>{{ section.text.sub_title }}</h2>
|
|
{% if section.text.date %}<div class="datetime">{{ section.text.date.strftime("%d %B %Y") }}</div>{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</section>
|