seperate comments

templates/components/comment_render.html

@@ -0,0 +1,22 @@
+{% 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 %}