From cb3e867300eadc0bd8445af306696b9fd7210351 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Mon, 17 Jul 2023 12:59:51 -0700
Subject: [PATCH] fix: albums that don't have a valid link

---
 src/404.html                                    | 2 +-
 src/_data/music.js                              | 4 +++-
 src/_includes/partials/now/albumReleases.liquid | 2 +-
 src/_includes/partials/now/albums.liquid        | 2 +-
 src/_includes/partials/now/artists.liquid       | 2 +-
 src/_includes/partials/now/books.liquid         | 2 +-
 src/_includes/partials/now/links.liquid         | 2 +-
 src/_includes/partials/now/movies.liquid        | 2 +-
 src/_includes/partials/now/tv.liquid            | 2 +-
 src/_includes/partials/popular-posts.liquid     | 2 +-
 src/_includes/webrings/the-claw.liquid          | 2 +-
 src/now.html                                    | 4 ++--
 tailwind.css                                    | 4 ++++
 13 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/404.html b/src/404.html
index 76cebfc8..8e912618 100644
--- a/src/404.html
+++ b/src/404.html
@@ -11,7 +11,7 @@ permalink: 404.html
   </h3>
   <div class="flex justify-center">
     <a href="/" class="flex flex-row items-start md:items-center font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-purple-500">
-      <span class="pt-1 md:pt-0 mr-1">
+      <span class="icon--bold pt-1 md:pt-0 mr-1">
         {% tablericon "receipt-2" "Receipt" "width=20 height=20" %}
       </span>
       <span>Skip out on the room service bill</span>
diff --git a/src/_data/music.js b/src/_data/music.js
index e234c234..bedc4e93 100644
--- a/src/_data/music.js
+++ b/src/_data/music.js
@@ -80,7 +80,9 @@ module.exports = async function () {
         name: track.attributes['albumName'],
         artist: track.attributes['artistName'],
         art: track.attributes.artwork.url.replace('{w}', '300').replace('{h}', '300'),
-        url: `https://song.link/${track['relationships'].albums.data.pop().attributes.url}`,
+        url: track['relationships']
+          ? `https://song.link/${track['relationships'].albums.data.pop().attributes.url}`
+          : `https://rateyourmusic.com/search?searchtype=l&searchterm=${track.attributes['albumName']}%20${track.attributes['artistName']}`,
         plays: 1,
       }
     } else {
diff --git a/src/_includes/partials/now/albumReleases.liquid b/src/_includes/partials/now/albumReleases.liquid
index 71b2f7e1..a135e07d 100644
--- a/src/_includes/partials/now/albumReleases.liquid
+++ b/src/_includes/partials/now/albumReleases.liquid
@@ -1,5 +1,5 @@
 {% if albumReleases.size > 0 %}
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
+  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
     {% tablericon "calendar-time" "Anticipated albums" "height=28" %}
     <div class="ml-1">Anticipated albums</div>
   </h2>
diff --git a/src/_includes/partials/now/albums.liquid b/src/_includes/partials/now/albums.liquid
index 98a7ac1f..8810a892 100644
--- a/src/_includes/partials/now/albums.liquid
+++ b/src/_includes/partials/now/albums.liquid
@@ -1,5 +1,5 @@
 {% if music.size > 0 %}
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
+  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
     {% tablericon "vinyl" "Albums" "height=28" %}
     <div class="ml-1">Albums</div>
   </h2>
diff --git a/src/_includes/partials/now/artists.liquid b/src/_includes/partials/now/artists.liquid
index 1d3706bb..c1ae0d20 100644
--- a/src/_includes/partials/now/artists.liquid
+++ b/src/_includes/partials/now/artists.liquid
@@ -1,5 +1,5 @@
 {% if music.size > 0 %}
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
+  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
     {% tablericon "microphone-2" "Artists" "height=28" %}
     <div class="ml-1">Artists</div>
   </h2>
diff --git a/src/_includes/partials/now/books.liquid b/src/_includes/partials/now/books.liquid
index 93dd384b..92a5d2f4 100644
--- a/src/_includes/partials/now/books.liquid
+++ b/src/_includes/partials/now/books.liquid
@@ -1,5 +1,5 @@
 {% if books.size > 0 %}
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
+  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
     {% tablericon "books" "Books" "height=28" %}
     <div class="ml-1">Books</div>
   </h2>
diff --git a/src/_includes/partials/now/links.liquid b/src/_includes/partials/now/links.liquid
index de36bc63..0f3515ce 100644
--- a/src/_includes/partials/now/links.liquid
+++ b/src/_includes/partials/now/links.liquid
@@ -1,5 +1,5 @@
 {% if links.size > 0 %}
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
+  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
     {% tablericon "link" "Links" "height=28" %}
     <div class="ml-1">Links</div>
   </h2>
diff --git a/src/_includes/partials/now/movies.liquid b/src/_includes/partials/now/movies.liquid
index 119d8e6f..24f962c3 100644
--- a/src/_includes/partials/now/movies.liquid
+++ b/src/_includes/partials/now/movies.liquid
@@ -1,5 +1,5 @@
 {% if movies.size > 0 %}
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
+  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
     {% tablericon "movie" "Movies" "height=28" %}
     <div class="ml-1">Movies</div>
   </h2>
diff --git a/src/_includes/partials/now/tv.liquid b/src/_includes/partials/now/tv.liquid
index d96c8cf0..afbab0dc 100644
--- a/src/_includes/partials/now/tv.liquid
+++ b/src/_includes/partials/now/tv.liquid
@@ -1,5 +1,5 @@
 {% if tv.size > 0 %}
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
+  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
     {% tablericon "device-tv" "TV" "height=28" %}
     <div class="ml-1">TV</div>
   </h2>
diff --git a/src/_includes/partials/popular-posts.liquid b/src/_includes/partials/popular-posts.liquid
index b79c52ab..4bb647f7 100644
--- a/src/_includes/partials/popular-posts.liquid
+++ b/src/_includes/partials/popular-posts.liquid
@@ -1,6 +1,6 @@
 {% assign posts = posts | getPopularPosts: analytics %}
 <div class="not-prose">
-  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
+  <h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
     {% tablericon "flame" "Popular" "height=28" %}
     <div class="ml-1">Popular posts</div>
   </h2>
diff --git a/src/_includes/webrings/the-claw.liquid b/src/_includes/webrings/the-claw.liquid
index b0d92f28..c6bb58bc 100644
--- a/src/_includes/webrings/the-claw.liquid
+++ b/src/_includes/webrings/the-claw.liquid
@@ -7,7 +7,7 @@
   </h3>
   <div class="flex justify-center">
     <a href="https://github.com/whitep4nth3r/the-claw-webring" class="flex flex-row items-start md:items-center font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-purple-500">
-        <span class="pt-1 md:pt-0 mr-1">
+        <span class="icon--bold pt-1 md:pt-0 mr-1">
           {% tablericon "user-plus" "Join!" "width=20 height=20" %}
         </span>
       <span>Join!</span>
diff --git a/src/now.html b/src/now.html
index 51762bd0..d5650e3b 100644
--- a/src/now.html
+++ b/src/now.html
@@ -17,7 +17,7 @@ meta:
   image:
     src: https://coryd.dev/assets/img/avatar.webp
 ---
-<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
+<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
   {% tablericon "clock-heart" "Currently" "height=28" %}
   <div class="ml-1">Currently</div>
 </h2>
@@ -36,7 +36,7 @@ meta:
     </span>
   </p>
 </div>
-<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
+<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
   {% tablericon "terminal-2" "Making" "height=28" %}
   <div class="ml-1">Making</div>
 </h2>
diff --git a/tailwind.css b/tailwind.css
index 0781f01e..75fe4af8 100644
--- a/tailwind.css
+++ b/tailwind.css
@@ -103,6 +103,10 @@ pre {
   stroke-width: 1.4;
 }
 
+.icon--bold [data-tablericon-name] {
+  stroke-width: 2;
+}
+
 .link--icon svg {
   color: theme(colors.gray.700)
 }