base tabler

This commit is contained in:
JACS 2026-05-01 12:46:11 -05:00
parent ac2cfa9fe1
commit 0f84beacf1
1432 changed files with 28760 additions and 1 deletions

View 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>

View 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>