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

feat: more chart periods

Browse source
This commit is contained in:
Cory Dransfeldt 2024-04-05 09:42:42 -07:00
parent 3bad27b305
commit cab278f102
No known key found for this signature in database
8 changed files with 79 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/_includes/now.liquid
View file

@ -21,6 +21,9 @@ layout: default
<div class="now__section--header-buttons client-side">
<button class="small active" data-toggle="artists-window">This week</button>
<button class="small secondary" data-toggle="artists-month">This month</button>
<button class="small secondary" data-toggle="artists-three-months">3 months</button>
<button class="small secondary" data-toggle="artists-six-months">6 months</button>
<button class="small secondary" data-toggle="artists-one-year">1 year</button>
</div>
</div>
<div id="artists-window">
@ -29,6 +32,15 @@ layout: default
<div class="hidden" id="artists-month">
{% render "partials/now/media-grid.liquid", data:musicCharts.month.artists, shape: "square", count: 8 %}
</div>
<div class="hidden" id="artists-three-months">
{% render "partials/now/media-grid.liquid", data:musicCharts.threeMonthChart.artists, shape: "square", count: 8 %}
</div>
<div class="hidden" id="artists-six-months">
{% render "partials/now/media-grid.liquid", data:musicCharts.sixMonthChart.artists, shape: "square", count: 8 %}
</div>
<div class="hidden" id="artists-one-year">
{% render "partials/now/media-grid.liquid", data:musicCharts.oneYearChart.artists, shape: "square", count: 8 %}
</div>
<div class="now__section--header-wrapper">
<h2 id="albums" class="now__section--header flex--centered">
{% tablericon "vinyl" "Albums" %}
@ -37,6 +49,9 @@ layout: default
<div class="now__section--header-buttons client-side">
<button class="small active" data-toggle="albums-window">This week</button>
<button class="small secondary" data-toggle="albums-month">This month</button>
<button class="small secondary" data-toggle="albums-three-months">3 months</button>
<button class="small secondary" data-toggle="albums-six-months">6 months</button>
<button class="small secondary" data-toggle="albums-one-year">1 year</button>
</div>
</div>
<div id="albums-window">
@ -45,6 +60,15 @@ layout: default
<div class="hidden" id="albums-month">
{% render "partials/now/media-grid.liquid", data:musicCharts.month.albums, shape: "square", count: 8 %}
</div>
<div class="hidden" id="albums-three-months">
{% render "partials/now/media-grid.liquid", data:musicCharts.threeMonthChart.albums, shape: "square", count: 8 %}
</div>
<div class="hidden" id="albums-six-months">
{% render "partials/now/media-grid.liquid", data:musicCharts.sixMonthChart.albums, shape: "square", count: 8 %}
</div>
<div class="hidden" id="albums-one-year">
{% render "partials/now/media-grid.liquid", data:musicCharts.oneYearChart.albums, shape: "square", count: 8 %}
</div>
{% render "partials/now/albumReleases.liquid", albumReleases:albumReleases %}
<h2 id="books" class="now__section--header flex--centered">
{% tablericon "books" "Books" %}