## -*- coding: utf-8 -*-
<%block name="content">

<div class="nav bg-light p-2 my-3 text-white shadow-sm d-none d-lg-block">
    % for post in posts:
    <div class="card mb-3">
        <img class="card-img-top" style="width: 100%; height: 120px; object-fit: cover;" src=${post.meta('previewimage')}"/>
        <div class="card-img-overlay d-flex flex-column justify-content-end">
            <h2 style="background: rgba(0, 0, 0, 0.75); display: inline; padding: 0.1em; margin: 0;" class="card-title">${post.title(lang)}</h2>
        </div>
        <a href="${post.permalink()}" class="stretched-link"></a>
    </div>
    % endfor
</div>
</%block>