feat: cdn cutover
This commit is contained in:
Cory Dransfeldt
parent
57bd614e5d
commit
979d895f33
20 changed files with 43 additions and 67 deletions
|
|
@ -83,7 +83,7 @@ export default async (request) => {
|
|||
const artistObj = {
|
||||
mbid,
|
||||
genre,
|
||||
image: `https://cdn.coryd.dev/artists/${sanitizeMediaString(artist).replace(/\s+/g, '-').toLowerCase()}.jpg`
|
||||
image: `https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/artists/${sanitizeMediaString(artist).replace(/\s+/g, '-').toLowerCase()}.jpg&w=320&h=320&fit=fill`
|
||||
}
|
||||
artistInfo = artistObj
|
||||
artistsMap[artistSanitizedKey] = artistObj
|
||||
|
|
@ -107,8 +107,8 @@ export default async (request) => {
|
|||
const mbid = albumRes['album']['mbid'] || ''
|
||||
const albumObj = {
|
||||
mbid,
|
||||
image: `https://cdn.coryd.dev/albums/${sanitizeMediaString(artist).replace(/\s+/g, '-').toLowerCase()}-${sanitizeMediaString(album.replace(/[:\/\\,'']+/g
|
||||
, '').replace(/\s+/g, '-').toLowerCase())}.jpg`
|
||||
image: `https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/albums/${sanitizeMediaString(artist).replace(/\s+/g, '-').toLowerCase()}-${sanitizeMediaString(album.replace(/[:\/\\,'']+/g
|
||||
, '').replace(/\s+/g, '-').toLowerCase())}.jpg&w=320&h=320&fit=fill`
|
||||
}
|
||||
albumsMap[albumSanitizedKey] = albumObj
|
||||
await albums.setJSON('albums-map', albumsMap)
|
||||
|
|
|
|||
|
|
@ -16,21 +16,15 @@ export const img = async (
|
|||
alt = '',
|
||||
className,
|
||||
loading = 'lazy',
|
||||
maxWidth = 1248,
|
||||
sizes = '90vw',
|
||||
formats = ['avif', 'webp', 'jpeg']
|
||||
formats = ['avif', 'webp', 'jpg', 'jpeg']
|
||||
) => {
|
||||
const widths = [80, 200, 320, 570, 880, 1024, 1248].filter(width => width <= maxWidth);
|
||||
const widths = [80, 200, 320, 570, 880, 1024, 1248];
|
||||
const metadata = await Image(src, {
|
||||
widths: [...widths],
|
||||
formats: [...formats],
|
||||
outputDir: './_site/assets/img/cache/',
|
||||
urlPath: '/assets/img/cache/',
|
||||
filenameFormat: (id, src, width, format, options) => {
|
||||
const extension = path.extname(src);
|
||||
const name = path.basename(src, extension);
|
||||
return `${encodeURIComponent(name)}-${width}w.${format}`;
|
||||
},
|
||||
urlPath: '/assets/img/cache/'
|
||||
});
|
||||
|
||||
const lowsrc = metadata.jpeg[metadata.jpeg.length - 1];
|
||||
|
|
|
|||
4
package-lock.json
generated
4
package-lock.json
generated
|
|
@ -1,12 +1,12 @@
|
|||
{
|
||||
"name": "coryd.dev",
|
||||
"version": "9.10.4",
|
||||
"version": "9.11.4",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "coryd.dev",
|
||||
"version": "9.10.4",
|
||||
"version": "9.11.4",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@cdransf/api-text": "^1.2.2",
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "coryd.dev",
|
||||
"version": "9.11.4",
|
||||
"version": "10.0.0",
|
||||
"description": "The source for my personal site. Built using 11ty.",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
|
|
|
|||
|
|
@ -36,10 +36,7 @@ export default async function () {
|
|||
if (!data[i]) {
|
||||
data.push({ title: titles[i]?.textContent })
|
||||
data.push({ author: authors[i]?.textContent })
|
||||
data.push({ image: images[i].src.replace(
|
||||
'https://cdn.thestorygraph.com',
|
||||
'https://cd-books.b-cdn.net'
|
||||
),
|
||||
data.push({ image: `https://coryd.dev/.netlify/images/?url=${images[i]?.src}&fit=cover&w=200&h=307`,
|
||||
})
|
||||
data.push({ url: `https://app.thestorygraph.com${urls[i].href}` })
|
||||
data.push({ percentage: percentages[i]?.textContent })
|
||||
|
|
@ -52,10 +49,7 @@ export default async function () {
|
|||
if (data[i]) {
|
||||
data[i]['title'] = titles[i]?.textContent
|
||||
data[i]['author'] = authors[i]?.textContent
|
||||
data[i]['image'] = images[i]?.src.replace(
|
||||
'https://cdn.thestorygraph.com',
|
||||
'https://cd-books.b-cdn.net'
|
||||
),
|
||||
data[i]['image'] = `https://coryd.dev/.netlify/images/?url=${images[i]?.src}&fit=cover&w=200&h=307`,
|
||||
data[i]['url'] = `https://app.thestorygraph.com${urls[i]?.href}`
|
||||
data[i]['percentage'] = percentages[i]?.textContent
|
||||
data[i]['dateAdded'] = date
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@ export const buildChart = (tracks, artists, albums, nowPlaying = {}) => {
|
|||
/\s+/g,
|
||||
'+'
|
||||
)}&type=artist`,
|
||||
image: artists[artistSanitizedKey(track['artist'])]?.['image'] || `https://cdn.coryd.dev/artists/${sanitizeMediaString(track['artist']).replace(/\s+/g, '-').toLowerCase()}.jpg`,
|
||||
image: artists[artistSanitizedKey(track['artist'])]?.['image'] || `https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/artists/${sanitizeMediaString(track['artist']).replace(/\s+/g, '-').toLowerCase()}.jpg&fit=cover&w=320&h=320`,
|
||||
type: 'artist'
|
||||
}
|
||||
} else {
|
||||
|
|
@ -52,8 +52,8 @@ export const buildChart = (tracks, artists, albums, nowPlaying = {}) => {
|
|||
plays: 1,
|
||||
mbid: albums[albumSanitizedKey(track['album'])]?.['mbid'] || '',
|
||||
url: (albums[albumSanitizedKey(track['album'])]?.['mbid'] && albums[albumSanitizedKey(track['album'])]?.['mbid'] !== '') ? `https://musicbrainz.org/release-group/${albums[albumSanitizedKey(track['album'])]?.['mbid']}` : `https://musicbrainz.org/taglookup/index?tag-lookup.artist=${track['artist'].replace(/\s+/g, '+')}&tag-lookup.release=${track['album'].replace(/\s+/g, '+')}`,
|
||||
image: albums[albumSanitizedKey(track['album'])]?.['image'] || `https://cdn.coryd.dev/albums/${sanitizeMediaString(track['artist']).replace(/\s+/g, '-').toLowerCase()}-${sanitizeMediaString(track['album'].replace(/[:\/\\,'']+/g
|
||||
, '').replace(/\s+/g, '-').toLowerCase())}.jpg`,
|
||||
image: albums[albumSanitizedKey(track['album'])]?.['image'] || `https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/albums/${sanitizeMediaString(track['artist']).replace(/\s+/g, '-').toLowerCase()}-${sanitizeMediaString(track['album'].replace(/[:\/\\,'']+/g
|
||||
, '').replace(/\s+/g, '-').toLowerCase())}.jpg&fit=cover&w=320&h=320`,
|
||||
type: 'album'
|
||||
}
|
||||
} else {
|
||||
|
|
@ -78,8 +78,8 @@ export const buildChart = (tracks, artists, albums, nowPlaying = {}) => {
|
|||
|
||||
export const buildTracksWithArt = (tracks, artists, albums) => {
|
||||
tracks.forEach(track => {
|
||||
track['image'] = albums[albumSanitizedKey(track['album'])]?.['image'] || `https://cdn.coryd.dev/albums/${sanitizeMediaString(track['artist']).replace(/\s+/g, '-').toLowerCase()}-${sanitizeMediaString(track['album'].replace(/[:\/\\,'']+/g
|
||||
, '').replace(/\s+/g, '-').toLowerCase())}.jpg`
|
||||
track['image'] = albums[albumSanitizedKey(track['album'])]?.['image'] || `https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/albums/${sanitizeMediaString(track['artist']).replace(/\s+/g, '-').toLowerCase()}-${sanitizeMediaString(track['album'].replace(/[:\/\\,'']+/g
|
||||
, '').replace(/\s+/g, '-').toLowerCase())}.jpg&fit=cover&w=320&h=320`
|
||||
track['url'] = (artists[artistSanitizedKey(track['artist'])]?.['mbid'] && artists[artistSanitizedKey(track['artist'])]?.['mbid'] !== '') ? `http://musicbrainz.org/artist/${artists[artistSanitizedKey(track['artist'])]?.['mbid']}` : `https://musicbrainz.org/search?query=${track['artist'].replace(
|
||||
/\s+/g,
|
||||
'+'
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -3,37 +3,37 @@ export default {
|
|||
{
|
||||
alt: 'Stay True',
|
||||
author: 'Hua Hsu',
|
||||
image: 'https://cd-books.b-cdn.net/8jdewx4ipwb9hro2oedjkfj1cy0f',
|
||||
image: 'https://coryd.dev/.netlify/images/?url=https://cdn.thestorygraph.com/8jdewx4ipwb9hro2oedjkfj1cy0f&fit=cover&w=200&h=307',
|
||||
url: 'https://app.thestorygraph.com/books/9946c834-81f1-4c7f-b7d1-30a804e9874f',
|
||||
},
|
||||
{
|
||||
alt: 'Where Are Your Boys Tonight?',
|
||||
author: 'Chris Payne',
|
||||
image: 'https://cd-books.b-cdn.net/vajp3jxy6kee5ka2ymbvjc2fqkvf',
|
||||
image: 'https://coryd.dev/.netlify/images/?url=https://cdn.thestorygraph.com/vajp3jxy6kee5ka2ymbvjc2fqkvf&fit=cover&w=200&h=307',
|
||||
url: 'https://app.thestorygraph.com/books/f074d4e3-a9fc-42af-889e-54697a1fece0',
|
||||
},
|
||||
{
|
||||
title: 'Trouble Boys',
|
||||
author: 'Bob Mehr',
|
||||
image: 'https://cd-books.b-cdn.net/66eh71z4igv2dsinrk7mif50fa6y',
|
||||
image: 'https://coryd.dev/.netlify/images/?url=https://cdn.thestorygraph.com/66eh71z4igv2dsinrk7mif50fa6y&fit=cover&w=200&h=307',
|
||||
url: 'https://app.thestorygraph.com/books/8dce0e20-fef1-42a4-a59b-b4ec084dc6f4',
|
||||
},
|
||||
{
|
||||
alt: 'Corporate Rock Sucks',
|
||||
author: 'Jim Ruland',
|
||||
image: 'https://cd-books.b-cdn.net/tzf2l7725ydzzvvmzpbky7wj7ckc',
|
||||
image: 'https://coryd.dev/.netlify/images/?url=https://cdn.thestorygraph.com/tzf2l7725ydzzvvmzpbky7wj7ckc&fit=cover&w=200&h=307',
|
||||
url: 'https://app.thestorygraph.com/books/8a0b8649-8939-4753-8e8d-18500574614e',
|
||||
},
|
||||
{
|
||||
alt: 'Tracers in the Dark',
|
||||
author: 'Andy Greenberg',
|
||||
image: 'https://cd-books.b-cdn.net/m4s6lp9eljzk5vjm1xauou8frxde',
|
||||
image: 'https://coryd.dev/.netlify/images/?url=https://cdn.thestorygraph.com/m4s6lp9eljzk5vjm1xauou8frxde&fit=cover&w=200&h=307',
|
||||
url: 'https://app.thestorygraph.com/books/4f1f21f8-3d1f-4162-9f6c-5a00a33f629c',
|
||||
},
|
||||
{
|
||||
alt: 'Girl in a Band',
|
||||
author: 'Kim Gordon',
|
||||
image: 'https://cd-books.b-cdn.net/qnxw68i4xn3byegvkzq6kty0rlx7',
|
||||
image: 'https://coryd.dev/.netlify/images/?url=https://cdn.thestorygraph.com/qnxw68i4xn3byegvkzq6kty0rlx7&fit=cover&w=200&h=307',
|
||||
url: 'https://app.thestorygraph.com/books/c0ea8ac6-d2c6-43b6-be16-ba793e71bfc2',
|
||||
}
|
||||
],
|
||||
|
|
@ -41,56 +41,56 @@ export default {
|
|||
{
|
||||
title: 'the whaler',
|
||||
artist: 'home is where',
|
||||
image: 'https://cdn.coryd.dev/albums/home-is-where-the-whaler.jpg',
|
||||
image: 'https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/albums/home-is-where-the-whaler.jpg&fit=cover&w=320&h=320',
|
||||
url: 'https://musicbrainz.org/release-group/6fe3516f-c324-4265-8f43-d902f3a4cc20',
|
||||
type: 'album',
|
||||
},
|
||||
{
|
||||
title: 'The Enduring Spirit',
|
||||
artist: 'Tomb Mold',
|
||||
image: 'https://cdn.coryd.dev/albums/tomb-mold-the-enduring-spirit.jpg',
|
||||
image: 'https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/albums/tomb-mold-the-enduring-spirit.jpg&fit=cover&w=320&h=320',
|
||||
url: 'https://musicbrainz.org/release-group/cd3e5dfb-acca-4856-80f6-2e095ac3270d',
|
||||
type: 'album',
|
||||
},
|
||||
{
|
||||
title: 'A Dialogue With The Eeriest Sublime',
|
||||
artist: 'Vertebra Atlantis',
|
||||
image: 'https://cdn.coryd.dev/albums/vertebra-atlantis-a-dialogue-with-the-eeriest-sublime.jpg',
|
||||
image: 'https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/albums/vertebra-atlantis-a-dialogue-with-the-eeriest-sublime.jpg&fit=cover&w=320&h=320',
|
||||
url: 'https://musicbrainz.org/release-group/b8f1913b-f461-443c-a26c-377b259f2af6',
|
||||
type: 'album',
|
||||
},
|
||||
{
|
||||
title: 'ONE MORE TIME...',
|
||||
artist: 'blink-182',
|
||||
image: 'https://cdn.coryd.dev/albums/blink-182-one-more-time.jpg',
|
||||
image: 'https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/albums/blink-182-one-more-time.jpg&fit=cover&w=320&h=320',
|
||||
url: 'https://musicbrainz.org/release-group/520d6d45-19c8-4ee1-a954-180e7902f3da',
|
||||
type: 'album',
|
||||
},
|
||||
{
|
||||
title: 'Life Like',
|
||||
artist: 'Dead Bob',
|
||||
image: 'https://cdn.coryd.dev/albums/dead-bob-life-like.jpg',
|
||||
image: 'https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/albums/dead-bob-life-like.jpg&fit=cover&w=320&h=320',
|
||||
url: 'https://musicbrainz.org/release-group/ab53e625-74af-4a09-a8ff-e1c08dbae596',
|
||||
type: 'album',
|
||||
},
|
||||
{
|
||||
title: 'Threads of Unknowing',
|
||||
artist: 'VoidCeremony',
|
||||
image: 'https://cdn.coryd.dev/albums/voidceremony-threads-of-unknowing.jpg',
|
||||
image: 'https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/albums/voidceremony-threads-of-unknowing.jpg&fit=cover&w=320&h=320',
|
||||
url: 'https://musicbrainz.org/release-group/f1f91cde-ff57-41c8-bd58-28c236b3f0c6',
|
||||
type: 'album',
|
||||
},
|
||||
{
|
||||
title: 'Why Would I Watch',
|
||||
artist: 'Hot Mulligan',
|
||||
image: 'https://cdn.coryd.dev/albums/hot-mulligan-why-would-i-watch.jpg',
|
||||
image: 'https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/albums/hot-mulligan-why-would-i-watch.jpg&fit=cover&w=320&h=320',
|
||||
url: 'https://musicbrainz.org/release-group/5afd31ea-3a96-4b99-a477-4d121efaedec',
|
||||
type: 'album',
|
||||
},
|
||||
{
|
||||
title: 'Losing What We Love',
|
||||
artist: 'Knuckle Puck',
|
||||
image: 'https://cdn.coryd.dev/albums/knuckle-puck-losing-what-we-love.jpg',
|
||||
image: 'https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/albums/knuckle-puck-losing-what-we-love.jpg&fit=cover&w=320&h=320',
|
||||
url: 'https://musicbrainz.org/release-group/b51d8882-3854-400a-b79b-4353a77a389b',
|
||||
type: 'album',
|
||||
}
|
||||
|
|
|
|||
|
|
@ -81,7 +81,7 @@ export default async function () {
|
|||
})
|
||||
const tmdbData = await tmdbRes
|
||||
const posterPath = tmdbData['poster_path']
|
||||
episode.image = `https://cd-movies.b-cdn.net/t/p/w500${posterPath}`
|
||||
episode.image = `https://coryd.dev/.netlify/images/?url=https://image.tmdb.org//t/p/w500${posterPath}&w=200&h=307&fit=fill`
|
||||
}
|
||||
|
||||
return episodes;
|
||||
|
|
|
|||
|
|
@ -28,11 +28,7 @@
|
|||
{%- capture loadingStrategy -%}
|
||||
{%- if loading -%}{{ loading }}{%- else -%}lazy{%- endif -%}
|
||||
{%- endcapture -%}
|
||||
{% if shape == 'square' %}
|
||||
{% image item.image, alt, '', loadingStrategy, 320 %}
|
||||
{% else %}
|
||||
{% image item.image, alt, '', loadingStrategy, 200 %}
|
||||
{% endif %}
|
||||
{% image item.image, alt, '', loadingStrategy %}
|
||||
</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@ date: '2023-06-21'
|
|||
title: 'Displaying listening data from Apple Music using MusicKit.js'
|
||||
description: "Up until now my now page has sourced music data from Last.fm (and may well again). But, in the interest in experimenting a bit, I've tried my hand at rewriting that part of the page to leverage data from Apple Music, using MusicKit.js instead."
|
||||
tags: ['development', 'music', 'Eleventy', 'Apple', 'javascript', 'API']
|
||||
image: https://cdn.coryd.dev/blog/albums-artists.jpg
|
||||
---
|
||||
|
||||
Up until now my [now](https://coryd.dev/now) page has sourced music data from Last.fm (and may well again). But, in the interest in experimenting a bit, I've tried my hand at rewriting that part of the page to leverage data from Apple Music, using [MusicKit.js](https://developer.apple.com/documentation/musickitjs) instead.<!-- excerpt -->
|
||||
|
|
@ -204,7 +203,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
|
|||
|
||||
We have an object containing arrays of objects — we iterate through each object for the appropriate section (tracks aren't displayed at the moment) and build the resulting display[^3]. This isn't perfect by any means, but, it does provide a nice little visualization of what I'm listening to and `240` tracks feels adequate as a rolling window into that activity.
|
||||
|
||||
{% image 'https://cdn.coryd.dev/blog/albums-artists.jpg', 'Albums and artists', 'image__banner', 'lazy' %}
|
||||
{% image 'https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/blog/albums-artists.jpg&w=1200', 'Albums and artists', 'image__banner', 'lazy' %}
|
||||
|
||||
[^1]: There are some good options to do this, but there aren't a _ton_ and the age of some of the apps is concerning. [Marvis](https://appaddy.wixsite.com/marvis) is far and away your best choice here.
|
||||
[^2]: Making sure that you update the values you obtained, including the path to your downloaded `.p8` file.
|
||||
|
|
|
|||
|
|
@ -3,14 +3,13 @@ date: '2023-02-17'
|
|||
title: 'Workflows: handling inbound email on Fastmail with regular expressions (now featuring ChatGPT)'
|
||||
description: "I've been using Fastmail for years now and have explored a number of different approaches to handling mail. I've approached it by creating rules targeting lists of top level domains, I've gone with no rules at all and a heavy-handed approach to unsubscribing from messages (operating under the idea that _everything_ warrants being seen and triaged)."
|
||||
tags: ['Email', 'Fastmail', 'regular expressions', 'workflows', 'AI']
|
||||
image: https://cdn.coryd.dev/blog/fastmail-workflow.jpg
|
||||
---
|
||||
|
||||
I've been using Fastmail for years now and have explored a number of different approaches to handling mail. I've approached it by creating rules targeting lists of top level domains, I've gone with no rules at all and a heavy-handed approach to unsubscribing from messages (operating under the idea that _everything_ warrants being seen and triaged) and I've even used HEY.<!-- excerpt -->[^1]
|
||||
|
||||
For now, I've approached filtering my mail by applying regular expressions to reasonably broad categories of incoming mail[^2]. My thinking with this approach is that will scale better over the long term by applying heuristics to common phrases and patterns in incoming mail without the need to apply rules to senders on a per address or domain basis.
|
||||
|
||||
{% image 'https://cdn.coryd.dev/blog/fastmail-workflow.jpg', 'A diagram of my Fastmail workflow', 'image__banner', 'eager' %}
|
||||
{% image 'https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/blog/fastmail-workflow.jpg&w=1200', 'A diagram of my Fastmail workflow', 'image__banner', 'eager' %}
|
||||
|
||||
## Alias-specific rules
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@ date: '2023-06-08'
|
|||
title: 'From ICS to JSON: surfacing anticipated albums'
|
||||
description: "I use MusicHarbor by Marcos Tanaka to track upcoming albums from my favorite artists (typically by syncing my last.fm data with the app.) When I see something new that I want to add to my collection I throw it on a calendar creatively titled Albums."
|
||||
tags: ['development', 'music', 'automation', 'API']
|
||||
image: https://cdn.coryd.dev/blog/album-releases.jpg
|
||||
---
|
||||
|
||||
I use MusicHarbor by [Marcos Tanaka](https://marcosatanaka.com) to track upcoming albums from my favorite artists (typically by syncing [my last.fm data](https://www.last.fm/user/cdme_) with the app.) When I see something new that I want to add to my collection I throw it on a calendar creatively titled `Albums`.<!-- excerpt -->
|
||||
|
|
@ -65,6 +64,6 @@ Rendering the output is as simple as:
|
|||
|
||||
{% endraw %}
|
||||
Leaving us with:
|
||||
{% image 'https://cdn.coryd.dev/blog/album-releases.jpg', 'Albums I\'m looking forward to', 'image__banner', 'eager' %}
|
||||
{% image 'https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/blog/album-releases.jpg&w=1200', 'Albums I\'m looking forward to', 'image__banner', 'eager' %}
|
||||
|
||||
[^1]: At this point, a dev playground.
|
||||
|
|
|
|||
|
|
@ -6,14 +6,13 @@ tags:
|
|||
- javascript
|
||||
- Eleventy
|
||||
- development
|
||||
image: https://cdn.coryd.dev/blog/grouped-tv.jpg
|
||||
---
|
||||
|
||||
I made a minor update to how I'm normalizing TV data for display on my now page.<!-- excerpt -->
|
||||
|
||||
By _minor_ I mean one of those things that may well break inexplicably depending on where the data lands. Instead of returning a normalized array based directly off the data returned by [Trakt](https://trakt.tv)'s API I'm instead collecting episodes in an array, checking as I iterate through the response to see if an episode of the same show exists and replacing that object with a mutated object designed to display the range of episodes watched for the show.
|
||||
|
||||
{% image 'https://cdn.coryd.dev/blog/grouped-tv.jpg', 'Grouped TV episodes', 'image__banner' %}
|
||||
{% image 'https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/blog/grouped-tv.jpg&w=1200', 'Grouped TV episodes', 'image__banner' %}
|
||||
|
||||
{% raw %}
|
||||
|
||||
|
|
|
|||
|
|
@ -168,6 +168,6 @@ Finally, if the page this all lives on is loaded by a client without JavaScript
|
|||
|
||||
All of this, yields the single line at the bottom of this image — updated on each visit.
|
||||
|
||||
{% image 'https://cdn.coryd.dev/blog/now-playing.jpg', 'Now playing', 'image__banner', 'lazy' %}
|
||||
{% image 'https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/blog/now-playing.jpg&w=1200', 'Now playing', 'image__banner', 'lazy' %}
|
||||
|
||||
[^1]: Plus explicit conditions matching David Bowie and Minor Threat.
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@ date: '2023-06-07'
|
|||
title: 'Optimizing for performance with Eleventy'
|
||||
description: "In the interest of over-engineering my personal site I've gone out of my way to optimize it for performance."
|
||||
tags: ['Eleventy', 'development']
|
||||
image: https://cdn.coryd.dev/blog/page-speed.jpg
|
||||
---
|
||||
|
||||
In the interest of over-engineering my personal site I've gone out of my way to optimize it for performance. It started out fairly quick as it's static, built using [Eleventy](https://www.11ty.dev) and is hosted with Vercel but, beyond the basic setup, I've taken some additional measures to drive the [pagespeed](https://pagespeed.web.dev) scores to `100` across the board.<!-- excerpt -->
|
||||
|
|
@ -138,6 +137,6 @@ For this page in particular, the images that are rendered above the fold are set
|
|||
|
||||
All of these boilerplate steps leave us with a quick to load, accessible and resilient site:
|
||||
|
||||
{% image 'https://cdn.coryd.dev/blog/page-speed.jpg', 'Pagespeed scores for coryd.dev/now', 'image__banner' %}
|
||||
{% image 'https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/blog/page-speed.jpg&w=1200', 'Pagespeed scores for coryd.dev/now', 'image__banner' %}
|
||||
|
||||
[^1]: It's easy, flexible and helps mitigate my lack of an eye for design by providing safe baselines.
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@ date: '2023-07-21'
|
|||
title: 'Road to madness: charting Apple Music listening data'
|
||||
description: "I've written before about displaying my listening data from Apple Music but, recently, I've attempted to take things a bit further."
|
||||
tags: ['development', 'music', 'Eleventy', 'Apple', 'javascript', 'API']
|
||||
image: https://cdn.coryd.dev/blog/charlie.jpg
|
||||
---
|
||||
|
||||
I've written before about [displaying my listening data from Apple Music](https://coryd.dev/posts/2023/displaying-listening-data-from-apple-music-using-musickit/) but, recently, I've attempted to take things a bit further.<!-- excerpt -->
|
||||
|
|
@ -133,7 +132,7 @@ _Cool_[^4]. GitHub triggers a rebuild of the site every hour, Netlify builds it,
|
|||
|
||||
There are some significant issues with this approach: it doesn't capture listens to an album in a loop (like me playing the new Outer Heaven record today — hails 🤘). It can get wonky when my diff function hits a track order that elicits a false positive return value.
|
||||
|
||||
{% image 'https://cdn.coryd.dev/blog/charlie.jpg', 'Charlie Day standing in front of charts', 'image__banner', 'lazy' %}
|
||||
{% image 'https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/blog/charlie.jpg&w=1200', 'Charlie Day standing in front of charts', 'image__banner', 'lazy' %}
|
||||
|
||||
"But Cory there's last.fm." I hear this, I love last.fm, but I've got concerns about its age, ownership and maintenance. I don't want to be on the wrong end of a scream test when the wrong (right?) server rack gets decommissioned.
|
||||
|
||||
|
|
|
|||
|
|
@ -4,13 +4,12 @@ title: 'Building a scrobbler using Plex webhooks, edge functions and blob storag
|
|||
'
|
||||
description: "I've written before about embedding music into my site and I've largely used Last.fm to do so. Their API is rather extensive, though it is showing its age — the default response format is XML, they've dropped artist images and have intermittently failed to return album art. ListenBrainz is great, but client support is still lacking. I've also tried charting Apple Music data from their (quite limited) API."
|
||||
tags: ['Eleventy', 'development', 'music', 'indie web', 'javascript', 'Plex', 'Plexamp', 'Netlify']
|
||||
image: https://cdn.coryd.dev/blog/scrobbler.png
|
||||
---
|
||||
I've written before about [embedding music into my site](https://coryd.dev/posts/2024/weaving-music-in-and-out-of-my-personal-site/) and I've largely used Last.fm to do so. Their API is rather extensive, though it is showing its age — the default response format is XML, they've dropped artist images and have intermittently failed to return album art. ListenBrainz is *great*, but client support is still lacking. [I've also tried charting Apple Music data from their (quite limited) API.](https://coryd.dev/posts/2023/road-to-madness-apple-music-charts/)<!-- excerpt -->
|
||||
|
||||
I could have kept depending on Last.fm and — don't get me wrong — I love Last.fm. It's one of those valuable, legacy services that's hanging on with a rich user base and historical recommendations. I'm going to keep scrobbling data there and to ListenBrainz[^1].
|
||||
|
||||
{% image 'https://cdn.coryd.dev/blog/scrobbler.png', 'A diagram of the scrobbling architecture', 'image__banner', 'eager' %}
|
||||
{% image 'https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/blog/scrobbler.png&w=1200', 'A diagram of the scrobbling architecture', 'image__banner', 'eager' %}
|
||||
|
||||
What I've long wanted is something that sits on infrastructure I control, stores my own data and lets me present roughly the same data. Given that Plex will issue outbound webhooks, I thought I'd set up an edge function over at Netlify and point a webhook at it to see what I could do with the inbound payload. What Plex sends is fairly lightweight and ended up needing to be read in from form data on the `POST`, but it was enough to work with.
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@ date: '2024-02-07'
|
|||
title: 'On getting tattooed'
|
||||
description: "I got my first tattoo over ten years ago. It was a few lines from Tom Waits' *[Coney Island Baby](https://www.youtube.com/watch?v=A-Tod1_tZdU)* set on the inside of my left bicep as a dedication to my then fiancé and now wife of ten years. I was told recently that that's a really painful spot but, I suppose, I didn't know what I was getting into outside of having an artist recommended by a dear friend that I trust implicitly."
|
||||
tags: ['tattoos', 'music']
|
||||
image: https://cdn.coryd.dev/blog/half-sleeve.jpg
|
||||
---
|
||||
I got my first tattoo over ten years ago. It was a few lines from Tom Waits' *[Coney Island Baby](https://www.youtube.com/watch?v=A-Tod1_tZdU)* set on the inside of my left bicep as a dedication to my then fiancé and now wife of ten years. I was told recently that that's a really painful spot but, I suppose, I didn't know what I was getting into outside of having an artist recommended by a dear friend that I trust implicitly.<!-- excerpt -->
|
||||
|
||||
|
|
@ -28,7 +27,7 @@ My parents started getting tattooed in their 50s, thinking it would be a cheaper
|
|||
Each piece was important to me when I got it and remains important to me now. They're references to and reminders of important moments and I enjoy every session[^6]. But, for now, my shoulder is sore.
|
||||
|
||||
{% capture fallbackIcon %}{% tablericon "photo" "A photo of the Sturgill Simpson-inspired half sleeve referenced above." %}{% endcapture %}
|
||||
{% image 'https://cdn.coryd.dev/blog/half-sleeve.jpg', 'A photo of the Sturgill Simpson-inspired half sleeve referenced above.', 'image__banner', 'eager' %}
|
||||
{% image 'https://coryd.dev/.netlify/images/?url=https://f001.backblazeb2.com/file/coryd-dev-images/blog/half-sleeve.jpg&w=1200', 'A photo of the Sturgill Simpson-inspired half sleeve referenced above.', 'image__banner', 'eager' %}
|
||||
|
||||
[^1]: My wife got the same piece done — there was one pointing to the driveway of the house we got married at. It burned down in the Butte fire.
|
||||
[^2]: She got elected!
|
||||
|
|
|
|||
Reference in a new issue