mirror of
https://github.com/tabler/tabler.git
synced 2026-07-28 14:04:38 +04:00
codecalm
34 lines
1008 B
HTML
34 lines
1008 B
HTML
<div class="card">
|
|
<div class="list-group card-list-group">
|
|
{% for track in site.data.tracks limit: 12 %}
|
|
<div class="list-group-item">
|
|
<div class="row row-sm align-items-center">
|
|
<div class="col-auto text-h3">
|
|
{{ forloop.index }}
|
|
</div>
|
|
<div class="col-auto">
|
|
<img src="{{ site.base }}/img/tracks/{{ track.album.images[1].path }}" class="rounded" alt="{{ track.name | escape }}" width="48" height="48">
|
|
</div>
|
|
<div class="col">
|
|
{{ track.name }}
|
|
<div class="text-muted">
|
|
{% for artist in track.artists %}
|
|
{{ artist.name }}{% unless forloop.last %},{% endunless %}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<div class="col-auto text-muted">
|
|
{{ track.duration_ms | miliseconds_to_minutes }}
|
|
</div>
|
|
<div class="col-auto">
|
|
{% include_cached ui/icon.html icon="heart" %}
|
|
</div>
|
|
<div class="col-auto">
|
|
{% include_cached ui/icon.html icon="more-horizontal" %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|