webseite/templates/blocks/flow_text_image_section.html

43 lines
1.8 KiB
HTML
Raw Normal View History

2021-03-17 23:08:57 +01:00
<!-- 50/50 Layout - start -->
<section class="content">
<div class="content__box -heading">
<div class="content__inner_box">
<h2>{{ this.title }}</h2>
</div>
</div>
<div class="content__half_box">
<div class="content__inner_half_box">
<div class="content__teaser">
{{ this.content_teaser }}
</div>
<div class="content__body">
{{ this.content_body }}
</div>
<div class="content__footer">
{% for lnk in this.content_footer.blocks %}
{{ lnk }}
{% endfor %}
</div>
</div>
{#
{% if this.attachments.images %}
<div class="content__inner_half_box">
{% for image in this.attachments.images %}
<!--
Wir laden Bilder mit hoher Auflösung hoch. Lektor baut "Thumbnails" mit halber
Auflösung. Per srcset bieten wir beides an und der Browser sucht das Richtige
raus.
Versteht der Browser srcset nicht, greift src.
Wichtig: Keine Angaben für width und height berechnen, dann geht beim Skalieren das Seitenverhältnis kaputt.
-->
<img class="content__half_box_image" src="{{ image|url }}" width="{{ image.width / 2 }}" alt="Startendes Space Shuttle" srcset="{{ image.thumbnail(image.width / 2)|url }} 1x, {{ image|url }} 2x">
{% endfor %}
</div>
{% endif %}
#}
</div>
</section>
<!-- 50/50 Layout - end -->