From c1f168dc908061d4d29ab91aa26ff438d21c7f42 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Wed, 29 May 2024 11:08:19 -0700
Subject: [PATCH] chore: styles + meta
---
src/_data/meta.js | 2 +-
src/_includes/base.liquid | 11 +++++++++--
src/assets/styles/pages/media.css | 4 ++++
src/pages/main/music/artists/artist.html | 2 +-
src/pages/main/music/index.html | 3 ++-
5 files changed, 17 insertions(+), 5 deletions(-)
diff --git a/src/_data/meta.js b/src/_data/meta.js
index 69d5e33d..8722a714 100644
--- a/src/_data/meta.js
+++ b/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",
diff --git a/src/_includes/base.liquid b/src/_includes/base.liquid
index 6b24ad82..bb12bfae 100644
--- a/src/_includes/base.liquid
+++ b/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 -%}
diff --git a/src/assets/styles/pages/media.css b/src/assets/styles/pages/media.css
index fa3c9e79..3f08523a 100644
--- a/src/assets/styles/pages/media.css
+++ b/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;
diff --git a/src/pages/main/music/artists/artist.html b/src/pages/main/music/artists/artist.html
index f95e0807..2ea7fc3a 100644
--- a/src/pages/main/music/artists/artist.html
+++ b/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 -%}
diff --git a/src/pages/main/music/index.html b/src/pages/main/music/index.html
index 21a12bbc..47cad848 100644
--- a/src/pages/main/music/index.html
+++ b/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" %}