feat: album releases grid

config/filters/index.js

@@ -128,15 +128,20 @@ export default {
         url: item['url'],
         type: item.type
       }
+      if (item.type === 'artists') {
+        normalized['title'] = item['title']
+        normalized['alt'] = `${item['plays']} plays of ${item['title']}`
+        normalized['subtext'] = `${item['plays']} plays`
+      }
       if (item.type === 'albums') {
         normalized['title'] = item['title']
         normalized['alt'] = `${item['title']} by ${item['artist']}`
         normalized['subtext'] = `${item['artist']}`
       }
-      if (item.type === 'artists') {
+      if (item.type === 'album-release') {
         normalized['title'] = item['title']
-        normalized['alt'] = `${item['plays']} plays of ${item['title']}`
+        normalized['alt'] = `${item['title']} by ${item['artist']}`
-        normalized['subtext'] = `${item['plays']} plays`
+        normalized['subtext'] = `${item['artist']} • ${item['date']}`
       }
       if (item.type === 'movie') {
         normalized['title'] = item['title']

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "18.8.10",
+  "version": "18.11.11",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "18.8.10",
+      "version": "18.11.11",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.4.0",
@@ -121,15 +121,15 @@
       }
     },
     "node_modules/@11ty/eleventy-dev-server": {
-      "version": "2.0.0",
+      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@11ty/eleventy-dev-server/-/eleventy-dev-server-2.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/@11ty/eleventy-dev-server/-/eleventy-dev-server-2.0.1.tgz",
-      "integrity": "sha512-hqxQV92Bos0uyZa3P+BAX0nQqjQQMi4vCSxcQHNYEB/jjGV6CnurLBSn63U1VoixGAL4SpHm9OdTa2oVOTUx6Q==",
+      "integrity": "sha512-G92KbOx5vg2G3mlQQ1B0+L+Ni7pcn1yeMgQdnT8b2G20ZnbGNtuGYEPehbQV4Xqr2iAtoBfbihNskbLDoVtNOg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@11ty/eleventy-utils": "^1.0.2",
         "chokidar": "^3.6.0",
-        "debug": "^4.3.4",
+        "debug": "^4.3.5",
         "dev-ip": "^1.0.1",
         "finalhandler": "^1.2.0",
         "mime": "^3.0.0",
@@ -137,9 +137,9 @@
         "morphdom": "^2.7.2",
         "please-upgrade-node": "^3.2.0",
         "send": "^0.18.0",
-        "ssri": "^10.0.5",
+        "ssri": "^10.0.6",
         "urlpattern-polyfill": "^10.0.0",
-        "ws": "^8.16.0"
+        "ws": "^8.17.0"
       },
       "bin": {
         "eleventy-dev-server": "cmd.js"
@@ -1146,9 +1146,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.788",
+      "version": "1.4.789",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.788.tgz",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.789.tgz",
-      "integrity": "sha512-ubp5+Ev/VV8KuRoWnfP2QF2Bg+O2ZFdb49DiiNbz2VmgkIqrnyYaqIOqj8A6K/3p1xV0QcU5hBQ1+BmB6ot1OA==",
+      "integrity": "sha512-0VbyiaXoT++Fi2vHGo2ThOeS6X3vgRCWrjPeO2FeIAWL6ItiSJ9BqlH8LfCXe3X1IdcG+S0iLoNaxQWhfZoGzQ==",
       "dev": true,
       "license": "ISC"
     },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "18.10.11",
+  "version": "18.11.11",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {

src/_data/albumReleases.js

@@ -31,9 +31,11 @@ export default async function () {
       title: album['name'],
       date: DateTime.fromISO(album['release_date']).toLocaleString(DateTime.DATE_FULL),
       url: album['release_link'],
+      image: album['image'],
       artist_url: `/music/artists/${sanitizeMediaString(album['artists']['name_string'])}-${sanitizeMediaString(parseCountryField(album['artists']['country']))}`,
       mbid: album['artists']['mbid'],
-      timestamp: DateTime.fromISO(album['release_date']).toSeconds()
+      timestamp: DateTime.fromISO(album['release_date']).toSeconds(),
+      type: 'album-release'
     }
   }).sort((a, b) => a.timestamp - b.timestamp)
 }

src/_includes/partials/media/music/releases.liquid

@@ -1,18 +0,0 @@
-<h2 id="album-releases" class="section-header flex-centered">
-  {% tablericon "calendar-time" "Anticipated albums" %}
-  Anticipated albums
-</h2>
-<ul class="link-list">
-  {% for album in albumReleases %}
-    <li>
-      <strong>{{ album.date }}: </strong>
-      <a href="{{ album.url}}" title="Learn more about {{ album.title | escape}} by {{ album.artist | escape}}">
-        {{ album.title }}
-      </a>
-      <span> by </span>
-      <a href="{{ album.artist_url }}" title="Learn more about {{ album.artist | escape }}">
-        {{ album.artist }}
-      </a>
-    </li>
-  {% endfor %}
-</ul>

src/pages/main/music/index.html

@@ -82,4 +82,10 @@ schema: music-index
   {% render "partials/media/music/chart.liquid", data:music.threeMonth.tracks, mostPlayed:music.threeMonth.tracks[0].plays, count: 10 %}
 </div>
 <p><strong class="highlight-text">More:</strong> <a href="/music/tracks/this-week/" title="Tracks listened to this week">This week</a> • <a href="/music/tracks/this-month/" title="Tracks listened to this month">This month</a> • <a href="/music/tracks/three-months/" title="Tracks listened to in the last 3 months">3 months</a></p>
-{% render "partials/media/music/releases.liquid", albumReleases:albumReleases %}
+{% if albumReleases.size > 0 %}
+<h2 id="album-releases" class="section-header flex-centered">
+  {% tablericon "calendar-time" "Anticipated albums" %}
+  Anticipated albums
+</h2>
+{% render "partials/media/grid.liquid", data:albumReleases, shape: "square", count: 8 %}
+{% endif %}