{% extends "layout.html" %}
{% from "macros/blog.html" import render_blog_post %}
{% from "macros/pagination.html" import render_pagination %}
{% block title %}{{ this.title }}{% endblock %}
{% block body %}
  {% for child in this.pagination.items %}
    <div style="overflow: auto; margin-bottom: 30px;">
      {% set images = child.attachments.images|list %}
      {% if images %}
        <img src="{{ images[0].thumbnail(124)|url }}" alt="{{child.title}}" style="border-width: 2px; border-color: black; float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 10px;">
      {% endif %}
      <h3 style="margin-top: 0;"><a href="{{ child|url }}">{{ child.title }}</a></h3>
      <p>{{ child.body|striptags|truncate(140, end="...") }}</p>
    </div>
  {% endfor %}

  {{ render_pagination(this.pagination) }}
{% endblock %}