53 lines
No EOL
2.6 KiB
HTML
53 lines
No EOL
2.6 KiB
HTML
---
|
|
title: Music
|
|
description: This is everything I've been listening to recently — it's collected in a database as I listen to it and displayed here.
|
|
layout: default
|
|
permalink: "/music/index.html"
|
|
updated: "now"
|
|
schema: music-index
|
|
---
|
|
<h2>{{ title }}</h2>
|
|
<p>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> this week. Most of that has been {{ music.week.genres | mediaLinks: "genre", 5 }}.</p>
|
|
<p><strong class="highlight-text">See more of the</strong> <a href="/music/artists/this-week/">artists</a>, <a href="/music/albums/this-week/">albums</a> or <a href="/music/tracks/this-week/">tracks</a> I've listened to this week. <strong class="highlight-text">Or take a look at what I've listened to</strong> <a href="/music/this-month">this month</a> or <a href="/music/three-months">over the last 3 months</a>.</p>
|
|
<p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>
|
|
{% render "partials/blocks/now-playing.liquid", music:music %}
|
|
<hr />
|
|
<h3 id="artists">
|
|
<a class="icon-link" href="/music/artists/this-week">
|
|
{% tablericon "microphone-2" %}
|
|
Artists
|
|
</a>
|
|
</h3>
|
|
{% render "partials/media/grid.liquid", globals:globals, data:music.week.artists, shape:"square", count: 8, loading: "eager" %}
|
|
<h3 id="albums">
|
|
<a class="icon-link" href="/music/albums/this-week">
|
|
{% tablericon "vinyl" %}
|
|
Albums
|
|
</a>
|
|
</h3>
|
|
{% render "partials/media/grid.liquid", globals:globals, data:music.week.albums, shape:"square", count: 8 %}
|
|
<h3 id="tracks">
|
|
<a class="icon-link" href="/music/tracks/this-week">
|
|
{% tablericon "playlist" %}
|
|
Tracks
|
|
</a>
|
|
</h3>
|
|
<div class="track-display">
|
|
<input id="tracks-recent" name="track-options" type="radio" aria-hidden="true" checked />
|
|
<input id="tracks-chart" name="track-options" type="radio" aria-hidden="true" />
|
|
<label for="tracks-recent" class="button" data-toggle="tracks-recent">Recent</label>
|
|
<label for="tracks-chart" class="button" data-toggle="tracks-chart">This week</label>
|
|
<div class="tracks-recent">
|
|
{% render "partials/media/music/recent", globals:globals, data:music.recent %}
|
|
</div>
|
|
<div class="tracks-chart">
|
|
{% render "partials/media/music/chart.liquid", data:music.week.tracks, count: 10 %}
|
|
</div>
|
|
</div>
|
|
{% if albumReleases.size > 0 %}
|
|
<h3 id="album-releases">
|
|
{% tablericon "calendar-time" %}
|
|
Anticipated albums
|
|
</h3>
|
|
{% render "partials/media/grid.liquid", globals:globals, data:albumReleases.upcoming, shape:"square", count: 8 %}
|
|
{% endif %} |