---
title: Albums
layout: default
description: "See my top albums."
pagination:
  data: musicCharts.year.albums
  size: 30
---
<a class="linked-header" href="/now#albums">
  <h2 class="page-header flex-centered">
    {% tablericon "vinyl" "Albums" %}
    {{ title }}
  </h2>
</a>

<p>These are my top albums for the past year or so — running backwards from when my site rebuilt itself (likely in the past hour or so).</p>

<div class="music-chart grid">
{% for item in pagination.items %}
  {% capture alt %}{{ item.plays }} of {{ item.artist }}{% endcapture %}
  <div class="item">
    <div class="meta">
      {% image item.image, alt, '', 'lazy' %}
      <div class="meta-text">
        <div class="title">
          <a href="{{ item.url }}">{{ item.title }}</a>
        </div>
        <div class="subtext">
          <p>{{ item.artist }}</p>
          <p>{{ item.plays }} plays</p>
        </div>
      </div>
    </div>
  </div>
{% endfor %}
</div>
{% render "partials/paginator.liquid", pagination:pagination %}