{% extends 'base.html' %}
{% block title %}Список статей{% endblock %}
{% block content %}
{% autoescape off %}

<nav class="breadcrumb has-bullet-separator is-centered" aria-label="breadcrumbs">
  <ul>
    <li><a href="/">Главная</a></li>
    <li class="is-active"><a href="#" aria-current="page">Все посты</a></li>
  </ul>
</nav>
<section class="section">
  <div class="content">
    {% if posts %}
      {% for post in posts %}
    <div class="block">
       <a href={% url 'posts:detail' post.id %}>{{post.title}}</a>
       <p>{{ post.text | truncatewords_html:20 }}</p>
       </div>
      {% endfor %}
    {% endif %}
  </div>
  <section>
{% endautoescape %}
{% endblock %}