{% load humanize %}
<hr>
    <p class="text-left">
        <a class="btn btn-default" href="/blog/newpost" role="button">neuer Post</a>
    </p>

    <ul class="media-list">
        {% for post, avatar in posts %}
            <li class="media">
                <a href="#" class="pull-left">
                    {% if avatar %}
                        <img class="img-circle img-responsive pull-left blog" alt="Profile Pic"
                             src="/media/{{ avatar }}"/>
                    {% else %}
                        <img class="img-circle img-responsive pull-left blog" alt="Profile Pic"
                             src="/media/profiles/dummy.png"/>
                    {% endif %}
                </a>
                <div class="media-body">
            <span class="text-muted pull-right">
                <small class="text-muted">{{ post.created|naturaltime }}</small>
            </span>
                    <strong class="text-success">{{ post.author.first_name }}</strong>
                    <p>{{ post.content|safe }}</p>
                </div>
            </li>
        {% endfor %}
    </ul>