mirror of
https://github.com/tabler/tabler.git
synced 2025-12-26 11:16:12 +04:00
39 lines
1.6 KiB
HTML
39 lines
1.6 KiB
HTML
<div class="card">
|
|
<div class="card-header">
|
|
<div class="card-title">Comments</div>
|
|
</div>
|
|
<div class="card-body">
|
|
|
|
{% for person in site.data.people limit: 3 %}
|
|
<div class="d-flex{% unless forloop.last %} mb-5{% endunless %}">
|
|
<div class="mr-4">
|
|
{% include ui/avatar.html person=person status="green" %}
|
|
</div>
|
|
<div class="flex-fill">
|
|
<div class="d-flex mb-1 mt-n1">
|
|
<div class="strong d-flex">
|
|
{{ person.full_name }}
|
|
</div>
|
|
<div class="ml-auto small text-muted">{{ forloop.index | random_date_ago: 23 | timeago }}</div>
|
|
</div>
|
|
<p class="mb-2">
|
|
{{ site.data.comments[forloop.index] }}
|
|
</p>
|
|
<div class="small">
|
|
<span class="text-success mr-1">+{{ forloop.index | random_number: 20, 50 }}</span>
|
|
<a href="javascript:void(0)" data-toggle="tooltip" data-placement="top" title="Vote Up">{% include ui/icon.html icon="chevron-up" %}</a>
|
|
<a href="javascript:void(0)" class="mr-1" data-toggle="tooltip" data-placement="top" title="Vote Down">
|
|
{% include ui/icon.html icon="chevron-down" %}
|
|
</a>
|
|
<span class="mr-1">·</span>
|
|
<a href="javascript:void(0)" class="mr-1 text-muted">Reply</a>
|
|
<span class="mr-1">·</span>
|
|
<a href="javascript:void(0)" class="text-muted">Edit</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</div>
|