## -*- coding: utf-8 -*-
<%block name="content">
<!-- Begin post-list ${post_list_id} -->

% for post in posts:
<div class="post-list-item row">
    <div class="col-12 p-0">
        <a class="stretched-link" href="${post.permalink()}">
            %if post.meta('previewimage'):
            <img class="col-12 col-md-4 mb-3 img-responsive float-left post-list-preview" alt="preview" src="${post.meta('previewimage')}" style="object-position: ${post.meta('previewimage-position') or '50% 50%'}"/>

            %endif
            <div class="post-list-headline col-12">
                <div class="post-title">${post.title(lang)}</div>
                <div class="post-date">${post.formatted_date(date_format)} – ${post.author()|h}</div>
            </div>
        </a>
        <div class="post-body col-12" id="post-body-${loop.index}">
           ${ post.text( teaser_only = True, show_read_more_link = False) }
        </div>
    </div>
</div>
% endfor
<!-- End post-list ${post_list_id} -->
</%block>