base tabler
This commit is contained in:
parent
ac2cfa9fe1
commit
0f84beacf1
1432 changed files with 28760 additions and 1 deletions
19
liquid/includes/cards/music/track-info.html
Normal file
19
liquid/includes/cards/music/track-info.html
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
{% assign track-id = include.track-id | default: 5 %}
|
||||
{% assign track = tracks[track-id] %}
|
||||
<div class="card">
|
||||
<div class="row row-0">
|
||||
<div class="col-auto">
|
||||
<img src="{{ page | relative }}/static/tracks/{{ track.album.images[1].path }}" class="rounded-start" alt="{{ track.name | escape }}" width="80" height="80">
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card-body">
|
||||
{{ track.name }}
|
||||
<div class="text-secondary">
|
||||
{% for artist in track.artists %}
|
||||
{{ artist.name }}{% unless forloop.last %},{% endunless %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
38
liquid/includes/cards/music/tracks-list.html
Normal file
38
liquid/includes/cards/music/tracks-list.html
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<div class="card">
|
||||
<div class="list-group card-list-group">
|
||||
{% for track in tracks limit: 12 %}
|
||||
<div class="list-group-item">
|
||||
<div class="row g-2 align-items-center">
|
||||
<div class="col-auto fs-3">
|
||||
{{ forloop.index }}
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<img src="{{ page | relative }}/static/tracks/{{ track.album.images[1].path }}" class="rounded" alt="{{ track.name | escape }}" width="40" height="40">
|
||||
</div>
|
||||
<div class="col">
|
||||
{{ track.name }}
|
||||
<div class="text-secondary">
|
||||
{% for artist in track.artists %}
|
||||
{{ artist.name }}{% unless forloop.last %},{% endunless %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto text-secondary">
|
||||
{{ track.duration_ms | miliseconds_to_minutes }}
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<a href="#" class="link-secondary">
|
||||
{% include "ui/switch-icon.html" icon="heart" %}
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-auto lh-1">
|
||||
<div class="dropdown">
|
||||
<a href="#" class="link-secondary" data-bs-toggle="dropdown">{% include "ui/icon.html" icon="dots" %}</a>
|
||||
{% include "ui/dropdown-menu.html" right=true %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue