---
title: 3 months
description: This is everything I've been listening to over the last 3 months — it's collected in a database as I listen to it and displayed here.
layout: default
permalink: "/music/three-months/index.html"
updated: "now"
image: music.threeMonth.artists[0].image
schema: music-period
---
<h2 class="page-header">{{ title }}</h2>
<p>I've listened to <strong class="highlight-text">{{ music.threeMonth.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.threeMonth.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.threeMonth.totalTracks }} tracks</strong> over the last 3 months. Most of that has been {{ music.threeMonth.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>
<p><strong class="highlight-text">See more of the</strong> <a href="/music/artists/three-months/">artists</a>, <a href="/music/albums/three-months/">albums</a> or <a href="/music/tracks/three-months/">tracks</a> I've listened to over the last 3 months.</p>
<hr class="large-spacing" />
<a class="link-icon flex-centered" href="/music/artists/three-months">
  <h2 id="artists" class="section-header no-top-margin flex-centered">
    {% tablericon "microphone-2" "Artists" %}
    Artists
  </h2>
</a>
{% render "partials/media/grid.liquid", data:music.threeMonth.artists, shape: "square", count: 8, loading: "eager" %}
<a class="link-icon flex-centered" href="/music/albums/three-months">
  <h2 id="albums" class="section-header reduced-margin flex-centered">
    {% tablericon "vinyl" "Albums" %}
    Albums
  </h2>
</a>
{% render "partials/media/grid.liquid", data:music.threeMonth.albums, shape: "square", count: 8 %}
<a class="link-icon flex-centered" href="/music/tracks/three-months">
  <h2 id="tracks" class="section-header reduced-margin flex-centered">
    {% tablericon "playlist" "Tracks" %}
    Tracks
  </h2>
</a>
{% render "partials/media/music/chart.liquid", data:music.threeMonth.tracks, mostPlayed:music.threeMonth.tracks[0].plays, count: 10 %}