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

chore: refactor track chart styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-04-15 12:54:54 -07:00
parent e9cc1aa5c3
commit 40a873a354
No known key found for this signature in database
4 changed files with 91 additions and 94 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2,12 +2,12 @@
<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">
<div class="item">
<div class="presentation">
<div class="count">{{ forloop.index }}.</div>
<div class="info">
<div class="title">{{ item.title }}</div>
<div class="artists">
<a href="{{ item.url }}">{{ item.artist }}</a> • {{ item.plays }} plays
</div>
</div>

12
src/_includes/partials/now/tracks-recent.liquid
View file

@ -2,17 +2,17 @@
<div class="track__chart">
{% for item in data limit: 10 %}
{% capture alt %}{{ item.track }} by {{ item.track }}{% endcapture %}
<div class="track__chart--item">
<div class="track__chart--meta">
<div class="item">
<div class="meta">
{% image item.image, alt, '', 'lazy' %}
<div class="track__chart--meta--text">
<div class="track__chart--title">{{ item.track }}</div>
<div class="track__chart--artists">
<div class="meta-text">
<div class="title">{{ item.track }}</div>
<div class="artists">
<a href="{{ item.url }}">{{ item.artist }}</a>
</div>
</div>
</div>
<div class="track__chart--timestamp">
<div class="timestamp">
{{ item.timestamp | date: "%B %-d, %-I:%M%p", "America/Los_Angeles" }}
</div>
</div>