comments.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <div class="card">
  2. <div class="card-header">
  3. <div class="card-title">Comments</div>
  4. </div>
  5. <div class="card-body">
  6. {% for person in site.data.people limit: 3 %}
  7. <div class="d-flex{% unless forloop.last %} mb-5{% endunless %}">
  8. <div class="me-4">
  9. {% include ui/avatar.html person=person status="green" %}
  10. </div>
  11. <div class="flex-fill">
  12. <div class="d-flex mt-n1">
  13. <h5 class="m-0">
  14. {{ person.full_name }}
  15. </h5>
  16. <div class="ms-auto small text-secondary">{{ forloop.index | random_date_ago: 23 | timeago }}</div>
  17. </div>
  18. <p class="mb-2">
  19. {{ site.data.comments[forloop.index] }}
  20. </p>
  21. <div class="small">
  22. <span class="text-success me-1">+{{ forloop.index | random_number: 20, 50 }}</span>
  23. <a href="#" data-bs-toggle="tooltip" data-bs-placement="top" title="Vote Up">{% include ui/icon.html icon="chevron-up" %}</a>
  24. <a href="#" class="me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Vote Down">
  25. {% include ui/icon.html icon="chevron-down" %}
  26. </a>
  27. <span class="me-1">·</span>
  28. <a href="#" class="me-1 text-secondary">Reply</a>
  29. <span class="me-1">·</span>
  30. <a href="#" class="text-secondary">Edit</a>
  31. </div>
  32. </div>
  33. </div>
  34. {% endfor %}
  35. </div>
  36. </div>