cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: track charts

Browse source
This commit is contained in:
Cory Dransfeldt 2024-04-05 15:07:51 -07:00
parent 45b981d5b2
commit 2c80e347ba
No known key found for this signature in database
6 changed files with 99 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/_includes/partials/now/track-chart.liquid Normal file
View file

@ -0,0 +1,24 @@
{% if data.size > 0 %}
{% capture css %}
{% render "../../../assets/styles/components/track-chart.css" %}
{% render "../../../assets/styles/components/progress-bar.css" %}
{% endcapture %}
<style>{{ css}}</style>
{% endif %}
<div class="track__chart">
{% for item in data limit: 10 %}
{%- assign percentage = item.plays | calculatePlayPercentage: mostPlayed -%}
<div class="track__chart--item">
<div class="track__chart--presentation">
<div class="track__chart--count">{{ forloop.index }}.</div>
<div class="track__chart--info">
<div class="track__chart--title">{{ item.title }}</div>
<div class="track__chart--artists">
<a href="{{ track.url }}">{{ item.artist }}</a> • {{ item.plays }} plays
</div>
</div>
</div>
{% render "partials/now/progress-bar.liquid", percentage:percentage %}
</div>
{% endfor %}
</div>