43 lines
1.8 KiB
HTML
43 lines
1.8 KiB
HTML
<!-- 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 -->
|