chore: styles + meta

src/_data/meta.js

@@ -1,7 +1,7 @@
 export default async function () {
   return {
     "siteName": "Cory Dransfeldt",
-    "siteDescription": "I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 3 rescue dogs, technology, automation, music, writing, reading and tv and movies.",
+    "siteDescription": "I'm a software developer in Camarillo, California. I write about software development, technology and music.",
     "author": "Cory Dransfeldt",
     "email": "hi@coryd.dev",
     "url": "https://coryd.dev",

src/_includes/base.liquid

@@ -7,6 +7,10 @@
   {%- assign pageTitle = title | append: ' • ' | append: meta.siteName -%}
 {%- elsif artist.name_string -%}
   {%- assign pageTitle = 'Artists • ' | append: artist.name_string | append: ' • ' | append: meta.siteName -%}
+{%- elsif schema == 'music-index' -%}
+  {%- assign pageTitle = 'Music • ' | append: meta.siteName -%}
+{%- elsif genre.name -%}
+  {%- assign pageTitle = 'Music • ' | append: genre.name | append: ' • ' | append: meta.siteName -%}
 {%- elsif book.title -%}
   {%- assign pageTitle = 'Books • ' | append: book.title | append: ' • ' | append: meta.siteName -%}
 {%- elsif movie.title -%}
@@ -17,8 +21,6 @@
   {%- assign pageTitle = pageTitle | append: ' • ' | append: meta.siteName -%}
 {%- elsif show.title -%}
   {%- assign pageTitle = 'Shows • ' | append: show.title | append: ' • ' | append: meta.siteName -%}
-{%- elsif genre.name -%}
-  {%- assign pageTitle = 'Music • ' | append: genre.name | append: ' • ' | append: meta.siteName -%}
 {%- endif -%}
 
 {%- assign pageDescription = meta.siteDescription -%}
@@ -44,8 +46,13 @@
     {%- assign ogImage = meta.url | append: '/assets/img/ogi/' | append: title | slugifyString | append: '-preview.png' -%}
   {%- when 'music' -%}
     {%- assign ogImage = music.recent.artists[0].image -%}
+  {%- when 'music-index' -%}
+    {%- assign ogImage = music.recent.artists[0].image -%}
   {%- when 'artist' -%}
     {%- assign ogImage = artist.image -%}
+  {%- when 'genre' -%}
+    {%- assign sortedGenreArtists = genre.artists | sortByPlaysDescending: "total_plays" -%}
+    {%- assign ogImage =  sortedGenreArtists[0].image -%}
   {%- when 'watching' -%}
     {%- assign featuredMovie = movies.recentlyWatched | first -%}
     {%- assign ogImage = featuredMovie.backdrop -%}

src/assets/styles/pages/media.css

@@ -58,6 +58,10 @@
 }
 
 @media screen and (min-width: 768px) {
+  .artist-focus img {
+    max-width: 240px;
+  }
+
   .artist-focus {
     & .artist-display {
       flex-direction: row;

src/pages/main/music/artists/artist.html

@@ -19,7 +19,7 @@ schema: artist
 <a class="back-link-header link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a>
 <article class="artist-focus">
   <div class="artist-display">
-    <img src="https://coryd.dev/.netlify/images/?url={{ artist.image }}&fm=webp&q=85&w=240&h=240&fit=cover" alt="{{ alt }}" loading="eager" decoding="async" width="240" height="240" />
+    <img src="https://coryd.dev/.netlify/images/?url={{ artist.image }}&fm=webp&q=85&w=480&h=480&fit=cover" alt="{{ alt }}" loading="eager" decoding="async" width="480" height="480" />
     <div class="artist-meta">
       <p class="title"><strong>{{ artist.name_string }}</strong></p>
       {%- if artist.favorite -%}

src/pages/main/music/index.html

@@ -1,9 +1,10 @@
 ---
 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
+schema: music-index
 ---
 {% capture js %}
   {% render "../../../assets/scripts/media-toggles.js" %}