{% macro render_comment(comments) %} {% for comment in comments %}
<div class="media">
  <a class="pull-left" href="#">
    <img
      class="media-object"
      src="https://ui-avatars.com/api/?name={{ comment.author }}&background=random"
      width="64"
      height="64"
      alt=""
    />
  </a>
  <div class="media-body">
    <h4 class="media-heading">
      {{ comment.author }}
      <small>{{ comment.date }}</small>
    </h4>
    {{ comment.content }}
  </div>
</div>
{% else %}
<p>No comments yet. Be the first!</p>
{% endfor %} {% endmacro %}