97 lines
No EOL
5.7 KiB
HTML
97 lines
No EOL
5.7 KiB
HTML
---
|
|
title: Music
|
|
layout: default
|
|
permalink: "/music/index.html"
|
|
updated: "now"
|
|
schema: music
|
|
---
|
|
{% capture js %}
|
|
{% render "../../../assets/scripts/media-toggles.js" %}
|
|
{% endcapture %}
|
|
<script>{{ js }}</script>
|
|
<h2 class="page-header">{{ title }}</h2>
|
|
<p>This is everything I've been listening to recently — it's collected in a database as I listen to it and displayed here. <a href="https://coryd.dev/posts/2024/improving-my-self-hosted-scrobbling-implementation/">You can read more about the technical details, if you'd like.</a></p>
|
|
<p>I mostly listen to {{ genres | sortByPlaysDescending | genreStrings: "name" | mediaLinks: "genre", 5 }}. This week I've listened to <strong class="highlight-text">{{ music.week.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.week.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.week.totalTracks }} tracks</strong>.</p>
|
|
{% render "partials/widgets/now-playing.liquid" %}
|
|
{% render "partials/banners/rss.liquid", url: "https://feedpress.me/coryd-artist-charts", text: "I also have a feed of weekly artist charts I generate from this data" %}
|
|
<hr class="large-spacing" />
|
|
<div class="section-header-wrapper">
|
|
<h2 id="artists" class="section-header no-top-margin flex-centered">
|
|
{% tablericon "microphone-2" "Artists" %}
|
|
Artists
|
|
</h2>
|
|
<div class="section-header-buttons no-top-margin 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-all-time">All time</button>
|
|
</div>
|
|
</div>
|
|
<div id="artists-window">
|
|
{% render "partials/media/grid.liquid", data:music.week.artists, shape: "square", count: 8, loading: "eager" %}
|
|
</div>
|
|
<div class="hidden" id="artists-month">
|
|
{% render "partials/media/grid.liquid", data:music.month.artists, shape: "square", count: 8 %}
|
|
</div>
|
|
<div class="hidden" id="artists-three-months">
|
|
{% render "partials/media/grid.liquid", data:music.threeMonth.artists, shape: "square", count: 8 %}
|
|
</div>
|
|
<div class="hidden" id="artists-all-time">
|
|
{% render "partials/media/grid.liquid", data:music.allTime.artists, shape: "square", count: 8 %}
|
|
</div>
|
|
<p><strong class="highlight-text">More:</strong> <a href="/music/artists/this-week/">This week</a> • <a href="/music/artists/this-month/">This month</a> • <a href="/music/artists/three-months/">3 months</a> • <a href="/music/artists/all-time/">All time</a></p>
|
|
<div class="section-header-wrapper">
|
|
<h2 id="albums" class="section-header reduced-margin flex-centered">
|
|
{% tablericon "vinyl" "Albums" %}
|
|
Albums
|
|
</h2>
|
|
<div class="section-header-buttons reduced-margin 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-all-time">All time</button>
|
|
</div>
|
|
</div>
|
|
<div id="albums-window">
|
|
{% render "partials/media/grid.liquid", data:music.week.albums, shape: "square", count: 8 %}
|
|
</div>
|
|
<div class="hidden" id="albums-month">
|
|
{% render "partials/media/grid.liquid", data:music.month.albums, shape: "square", count: 8 %}
|
|
</div>
|
|
<div class="hidden" id="albums-three-months">
|
|
{% render "partials/media/grid.liquid", data:music.threeMonth.albums, shape: "square", count: 8 %}
|
|
</div>
|
|
<div class="hidden" id="albums-all-time">
|
|
{% render "partials/media/grid.liquid", data:music.allTime.albums, shape: "square", count: 8 %}
|
|
</div>
|
|
<p><strong class="highlight-text">More:</strong> <a href="/music/albums/this-week/">This week</a> • <a href="/music/albums/this-month/">This month</a> • <a href="/music/albums/three-months/">3 months</a> • <a href="/music/albums/all-time/">All time</a></p>
|
|
<div class="section-header-wrapper">
|
|
<h2 id="tracks" class="section-header reduced-margin flex-centered">
|
|
{% tablericon "playlist" "Tracks" %}
|
|
Tracks
|
|
</h2>
|
|
<div class="section-header-buttons reduced-margin client-side">
|
|
<button class="small active" data-toggle="tracks-recent">Recent</button>
|
|
<button class="small secondary" data-toggle="tracks-window">This week</button>
|
|
<button class="small secondary" data-toggle="tracks-month">This month</button>
|
|
<button class="small secondary" data-toggle="tracks-three-months">3 months</button>
|
|
<button class="small secondary" data-toggle="tracks-all-time">All time</button>
|
|
</div>
|
|
</div>
|
|
<div id="tracks-recent">
|
|
{% render "partials/media/music/tracks/recent", data:music.recent.tracksChronological %}
|
|
</div>
|
|
<div class="hidden" id="tracks-window">
|
|
{% render "partials/media/music/tracks/chart.liquid", data:music.week.tracks, mostPlayed:music.week.tracks[0].plays %}
|
|
</div>
|
|
<div class="hidden" id="tracks-month">
|
|
{% render "partials/media/music/tracks/chart.liquid", data:music.month.tracks, mostPlayed:music.month.tracks[0].plays %}
|
|
</div>
|
|
<div class="hidden" id="tracks-three-months">
|
|
{% render "partials/media/music/tracks/chart.liquid", data:music.threeMonth.tracks, mostPlayed:music.threeMonth.tracks[0].plays %}
|
|
</div>
|
|
<div class="hidden" id="tracks-all-time">
|
|
{% render "partials/media/music/tracks/chart.liquid", data:music.allTime.tracks, mostPlayed:music.allTime.tracks[0].plays %}
|
|
</div>
|
|
<p><strong class="highlight-text">More:</strong> <a href="/music/tracks/this-week/">This week</a> • <a href="/music/tracks/this-month/">This month</a> • <a href="/music/tracks/three-months/">3 months</a> • <a href="/music/tracks/all-time/">All time</a></p>
|
|
{% render "partials/media/music/releases.liquid", albumReleases:albumReleases %} |