feat: eleventy transform for images
This commit is contained in:
Cory Dransfeldt
parent
243b1103e4
commit
7e1597b36a
36 changed files with 179 additions and 1262 deletions
20
.eleventy.js
20
.eleventy.js
|
|
@ -3,17 +3,18 @@ import tablerIcons from 'eleventy-plugin-tabler-icons'
|
|||
import pluginRss from '@11ty/eleventy-plugin-rss'
|
||||
import postGraph from '@rknightuk/eleventy-plugin-post-graph'
|
||||
import embedEverything from 'eleventy-plugin-embed-everything'
|
||||
import { eleventyImageTransformPlugin } from '@11ty/eleventy-img'
|
||||
|
||||
import markdownIt from 'markdown-it'
|
||||
import markdownItAnchor from 'markdown-it-anchor'
|
||||
import markdownItFootnote from 'markdown-it-footnote'
|
||||
import htmlmin from 'html-minifier-terser'
|
||||
import path from 'path';
|
||||
|
||||
import filters from './config/filters/index.js'
|
||||
import { slugifyString } from './config/utils/index.js'
|
||||
import { svgToJpeg } from './config/events/index.js'
|
||||
import { tagList, tagMap, postStats } from './config/collections/index.js'
|
||||
import { img } from './config/shortcodes/index.js'
|
||||
|
||||
import { execSync } from 'child_process'
|
||||
|
||||
|
|
@ -42,6 +43,22 @@ export default async function (eleventyConfig) {
|
|||
textColorDark: '#fff',
|
||||
})
|
||||
eleventyConfig.addPlugin(embedEverything);
|
||||
eleventyConfig.addPlugin(eleventyImageTransformPlugin, {
|
||||
extensions: 'html',
|
||||
formats: ['avif', 'webp', 'jpeg'],
|
||||
widths: [320, 570, 880, 1024, 1248],
|
||||
defaultAttributes: {
|
||||
loading: 'lazy',
|
||||
decoding: 'async',
|
||||
sizes: '90vw',
|
||||
},
|
||||
outputDir: './_site/assets/img/cache/',
|
||||
urlPath: '/assets/img/cache/',
|
||||
filenameFormat: (id, src, width, format) => {
|
||||
const { name } = path.parse(src);
|
||||
return `${name}-${width}w.${format}`;
|
||||
},
|
||||
});
|
||||
|
||||
// quiet build output
|
||||
eleventyConfig.setQuietMode(true)
|
||||
|
|
@ -96,7 +113,6 @@ export default async function (eleventyConfig) {
|
|||
eleventyConfig.addFilter('slugify', slugifyString)
|
||||
|
||||
// shortcodes
|
||||
eleventyConfig.addShortcode('image', img)
|
||||
eleventyConfig.addShortcode('appVersion', () => appVersion)
|
||||
|
||||
// transforms
|
||||
|
|
|
|||
|
|
@ -1,68 +0,0 @@
|
|||
import Image from '@11ty/eleventy-img';
|
||||
import path from 'path';
|
||||
import htmlmin from 'html-minifier-terser';
|
||||
|
||||
const stringifyAttributes = (attributeMap) =>
|
||||
Object.entries(attributeMap)
|
||||
.map(([attribute, value]) => (value === undefined ? '' : `${attribute}="${value}"`))
|
||||
.join(' ');
|
||||
|
||||
export const img = async (
|
||||
src,
|
||||
alt = '',
|
||||
className,
|
||||
loading = 'lazy',
|
||||
shape = '',
|
||||
icon,
|
||||
maxWidth = 1248,
|
||||
sizes = '90vw',
|
||||
formats = ['avif', 'webp', 'jpeg']
|
||||
) => {
|
||||
const generateImage = async () => {
|
||||
const widths = [320, 570, 880, 1024, 1248];
|
||||
const metadata = await Image(src, {
|
||||
widths: widths.filter((width) => width <= maxWidth),
|
||||
formats: [...formats],
|
||||
outputDir: './_site/assets/img/cache/',
|
||||
urlPath: '/assets/img/cache/',
|
||||
filenameFormat: (id, src, width, format) => {
|
||||
const { name } = path.parse(src);
|
||||
return `${name}-${width}w.${format}`;
|
||||
},
|
||||
});
|
||||
const lowsrc = metadata.jpeg[metadata.jpeg.length - 1];
|
||||
const imageSources = Object.values(metadata)
|
||||
.map(
|
||||
(imageFormat) =>
|
||||
`<source type="${imageFormat[0].sourceType}" srcset="${imageFormat
|
||||
.map((entry) => entry.srcset)
|
||||
.join(', ')}" sizes="${sizes}">`
|
||||
)
|
||||
.join('\n');
|
||||
const imgageAttributes = stringifyAttributes({
|
||||
src: lowsrc.url,
|
||||
width: lowsrc.width,
|
||||
height: lowsrc.height,
|
||||
alt,
|
||||
class: className,
|
||||
loading,
|
||||
decoding: 'async',
|
||||
});
|
||||
const imageElement = `<picture>${imageSources}<img ${imgageAttributes} /></picture>`;
|
||||
|
||||
return htmlmin.minify(imageElement, { collapseWhitespace: true });
|
||||
};
|
||||
|
||||
const generatePlaceholder = async () => {
|
||||
return htmlmin.minify(
|
||||
`<div class="flex--centered image__placeholder ${shape}">${icon}</div>`,
|
||||
{ collapseWhitespace: true }
|
||||
);
|
||||
};
|
||||
|
||||
if (process.env.ELEVENTY_PRODUCTION) {
|
||||
return await generateImage();
|
||||
} else {
|
||||
return await generatePlaceholder();
|
||||
}
|
||||
};
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "coryd.dev",
|
||||
"version": "5.6.1",
|
||||
"version": "5.7.0",
|
||||
"description": "The source for my personal site. Built using 11ty and hosted on Netlify.",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
|
|
|
|||
|
|
@ -1,9 +1,7 @@
|
|||
import EleventyFetch from '@11ty/eleventy-fetch'
|
||||
import AlbumsMock from './json/mocks/albums.js'
|
||||
|
||||
const ALBUM_DENYLIST = ['no-love-deep-web', 'unremittance', 'celebratory-beheading']
|
||||
|
||||
export default async function () {
|
||||
const ALBUM_DENYLIST = ['no-love-deep-web', 'unremittance', 'celebratory-beheading']
|
||||
const MUSIC_KEY = process.env.API_KEY_LASTFM
|
||||
const url = `https://ws.audioscrobbler.com/2.0/?method=user.gettopalbums&user=coryd_&api_key=${MUSIC_KEY}&limit=8&format=json&period=7day`
|
||||
const formatAlbumData = (albums) => albums.map((album) => {
|
||||
|
|
@ -27,14 +25,10 @@ export default async function () {
|
|||
}
|
||||
})
|
||||
|
||||
if (process.env.ELEVENTY_PRODUCTION) {
|
||||
const res = EleventyFetch(url, {
|
||||
duration: '1h',
|
||||
type: 'json',
|
||||
}).catch()
|
||||
const data = await res
|
||||
return formatAlbumData(data['topalbums']['album'])
|
||||
} else {
|
||||
return formatAlbumData(AlbumsMock);
|
||||
}
|
||||
const res = EleventyFetch(url, {
|
||||
duration: '1h',
|
||||
type: 'json',
|
||||
}).catch()
|
||||
const data = await res
|
||||
return formatAlbumData(data['topalbums']['album'])
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,24 +1,18 @@
|
|||
import EleventyFetch from '@11ty/eleventy-fetch'
|
||||
import AnalyticsMock from './json/mocks/analytics.js'
|
||||
|
||||
export default async function () {
|
||||
const API_KEY_PLAUSIBLE = process.env.API_KEY_PLAUSIBLE
|
||||
const url =
|
||||
'https://plausible.io/api/v1/stats/breakdown?site_id=coryd.dev&period=6mo&property=event:page&limit=30'
|
||||
let pages;
|
||||
if (process.env.ELEVENTY_PRODUCTION) {
|
||||
const res = EleventyFetch(url, {
|
||||
duration: '1h',
|
||||
type: 'json',
|
||||
fetchOptions: {
|
||||
headers: {
|
||||
Authorization: `Bearer ${API_KEY_PLAUSIBLE}`,
|
||||
},
|
||||
const res = EleventyFetch(url, {
|
||||
duration: '1h',
|
||||
type: 'json',
|
||||
fetchOptions: {
|
||||
headers: {
|
||||
Authorization: `Bearer ${API_KEY_PLAUSIBLE}`,
|
||||
},
|
||||
}).catch()
|
||||
pages = await res
|
||||
} else {
|
||||
pages = AnalyticsMock
|
||||
}
|
||||
},
|
||||
}).catch()
|
||||
const pages = await res
|
||||
return pages.results.filter((p) => p.page.includes('posts'))
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,5 @@
|
|||
import EleventyFetch from '@11ty/eleventy-fetch';
|
||||
import mbidPatches from './json/mbid-patches.js';
|
||||
import ArtistsMock from './json/mocks/artists.js'
|
||||
|
||||
const mbidMap = (artist) => {
|
||||
return mbidPatches[artist.toLowerCase()] || '';
|
||||
|
|
@ -37,14 +36,10 @@ export default async function () {
|
|||
};
|
||||
});
|
||||
|
||||
if (process.env.ELEVENTY_PRODUCTION) {
|
||||
const res = EleventyFetch(url, {
|
||||
duration: '1h',
|
||||
type: 'json',
|
||||
}).catch();
|
||||
const data = await res;
|
||||
return formatArtistData(data['topartists']['artist'])
|
||||
} else {
|
||||
return formatArtistData(ArtistsMock);
|
||||
}
|
||||
const res = EleventyFetch(url, {
|
||||
duration: '1h',
|
||||
type: 'json',
|
||||
}).catch();
|
||||
const data = await res;
|
||||
return formatArtistData(data['topartists']['artist'])
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,75 +1,70 @@
|
|||
import jsdom from 'jsdom'
|
||||
import { AssetCache } from '@11ty/eleventy-fetch'
|
||||
import BooksMock from './json/mocks/books.js'
|
||||
|
||||
const { JSDOM } = jsdom
|
||||
|
||||
export default async function () {
|
||||
const COOKIE = process.env.COOKIE_STORYGRAPH
|
||||
const url = 'https://app.thestorygraph.com/currently-reading/coryd'
|
||||
if (process.env.ELEVENTY_PRODUCTION) {
|
||||
const asset = new AssetCache('books_data')
|
||||
if (asset.isCacheValid('1h')) return await asset.getCachedValue()
|
||||
const data = []
|
||||
await fetch(url, {
|
||||
headers: {
|
||||
Cookie: COOKIE,
|
||||
},
|
||||
})
|
||||
.then((res) => res.text())
|
||||
.then((html) => {
|
||||
const DOM = new JSDOM(html)
|
||||
const doc = DOM.window.document
|
||||
const bookCount = doc.querySelectorAll('.book-pane-content').length
|
||||
const titles = doc.querySelectorAll('.book-title-author-and-series h3 > a')
|
||||
const authors = doc.querySelectorAll('.book-title-author-and-series h3 p:last-of-type > a')
|
||||
const images = doc.querySelectorAll('.md\\:block .book-cover img')
|
||||
const urls = doc.querySelectorAll('.md\\:block .book-cover a')
|
||||
const percentages = doc.querySelectorAll('.md\\:block .progress-tracker-pane .font-semibold')
|
||||
const dates = doc.querySelectorAll('.md\\:block .action-menu a p')
|
||||
const asset = new AssetCache('books_data')
|
||||
if (asset.isCacheValid('1h')) return await asset.getCachedValue()
|
||||
const data = []
|
||||
await fetch(url, {
|
||||
headers: {
|
||||
Cookie: COOKIE,
|
||||
},
|
||||
})
|
||||
.then((res) => res.text())
|
||||
.then((html) => {
|
||||
const DOM = new JSDOM(html)
|
||||
const doc = DOM.window.document
|
||||
const bookCount = doc.querySelectorAll('.book-pane-content').length
|
||||
const titles = doc.querySelectorAll('.book-title-author-and-series h3 > a')
|
||||
const authors = doc.querySelectorAll('.book-title-author-and-series h3 p:last-of-type > a')
|
||||
const images = doc.querySelectorAll('.md\\:block .book-cover img')
|
||||
const urls = doc.querySelectorAll('.md\\:block .book-cover a')
|
||||
const percentages = doc.querySelectorAll('.md\\:block .progress-tracker-pane .font-semibold')
|
||||
const dates = doc.querySelectorAll('.md\\:block .action-menu a p')
|
||||
|
||||
for (let i = 0; i < bookCount; i++) {
|
||||
const date = new Date(
|
||||
dates[i]?.textContent.replace('Started ', '').split('\n')[0]
|
||||
).toLocaleString('en-US', {
|
||||
timeZone: 'America/Los_Angeles',
|
||||
})
|
||||
for (let i = 0; i < bookCount; i++) {
|
||||
const date = new Date(
|
||||
dates[i]?.textContent.replace('Started ', '').split('\n')[0]
|
||||
).toLocaleString('en-US', {
|
||||
timeZone: 'America/Los_Angeles',
|
||||
})
|
||||
|
||||
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({ url: `https://app.thestorygraph.com${urls[i].href}` })
|
||||
data.push({ percentage: percentages[i]?.textContent })
|
||||
data.push({
|
||||
dateAdded: date,
|
||||
})
|
||||
data.push({ type: 'book' })
|
||||
}
|
||||
|
||||
if (data[i]) {
|
||||
data[i]['title'] = titles[i]?.textContent
|
||||
data[i]['author'] = authors[i]?.textContent
|
||||
data[i]['image'] = images[i]?.src.replace(
|
||||
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[i]['url'] = `https://app.thestorygraph.com${urls[i]?.href}`
|
||||
data[i]['percentage'] = percentages[i]?.textContent
|
||||
data[i]['dateAdded'] = date
|
||||
data[i]['type'] = 'book'
|
||||
}
|
||||
),
|
||||
})
|
||||
data.push({ url: `https://app.thestorygraph.com${urls[i].href}` })
|
||||
data.push({ percentage: percentages[i]?.textContent })
|
||||
data.push({
|
||||
dateAdded: date,
|
||||
})
|
||||
data.push({ type: 'book' })
|
||||
}
|
||||
})
|
||||
const books = data.filter((book) => book.title)
|
||||
await asset.save(books, 'json')
|
||||
return books
|
||||
} else {
|
||||
return BooksMock
|
||||
}
|
||||
|
||||
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]['url'] = `https://app.thestorygraph.com${urls[i]?.href}`
|
||||
data[i]['percentage'] = percentages[i]?.textContent
|
||||
data[i]['dateAdded'] = date
|
||||
data[i]['type'] = 'book'
|
||||
}
|
||||
}
|
||||
})
|
||||
const books = data.filter((book) => book.title)
|
||||
await asset.save(books, 'json')
|
||||
return books
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,258 +0,0 @@
|
|||
export default [
|
||||
{
|
||||
"artist": {
|
||||
"url": "https://www.last.fm/music/Hauntologist",
|
||||
"name": "Hauntologist",
|
||||
"mbid": "3cb2b7a7-53e6-4b0c-9143-16227fc5d1c3"
|
||||
},
|
||||
"image": [
|
||||
{
|
||||
"size": "small",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/34s/5846746d971a039ac66e120f96a73d1b.jpg"
|
||||
},
|
||||
{
|
||||
"size": "medium",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/64s/5846746d971a039ac66e120f96a73d1b.jpg"
|
||||
},
|
||||
{
|
||||
"size": "large",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/174s/5846746d971a039ac66e120f96a73d1b.jpg"
|
||||
},
|
||||
{
|
||||
"size": "extralarge",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/300x300/5846746d971a039ac66e120f96a73d1b.jpg"
|
||||
}
|
||||
],
|
||||
"mbid": "c7a88e0d-681c-46b7-be5a-8af7c660a57a",
|
||||
"url": "https://www.last.fm/music/Hauntologist/Hollow",
|
||||
"playcount": "32",
|
||||
"@attr": {
|
||||
"rank": "1"
|
||||
},
|
||||
"name": "Hollow"
|
||||
},
|
||||
{
|
||||
"artist": {
|
||||
"url": "https://www.last.fm/music/dissimulator",
|
||||
"name": "dissimulator",
|
||||
"mbid": "6c3b93e1-d3e7-413c-b030-b6ddd918676f"
|
||||
},
|
||||
"image": [
|
||||
{
|
||||
"size": "small",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/34s/4187cd6dcf48fdc84cfd9cbf2c9f7cca.jpg"
|
||||
},
|
||||
{
|
||||
"size": "medium",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/64s/4187cd6dcf48fdc84cfd9cbf2c9f7cca.jpg"
|
||||
},
|
||||
{
|
||||
"size": "large",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/174s/4187cd6dcf48fdc84cfd9cbf2c9f7cca.jpg"
|
||||
},
|
||||
{
|
||||
"size": "extralarge",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/300x300/4187cd6dcf48fdc84cfd9cbf2c9f7cca.jpg"
|
||||
}
|
||||
],
|
||||
"mbid": "87de5dc1-e7ec-4011-a9a7-38b875398a58",
|
||||
"url": "https://www.last.fm/music/dissimulator/Lower+Form+Resistance",
|
||||
"playcount": "21",
|
||||
"@attr": {
|
||||
"rank": "2"
|
||||
},
|
||||
"name": "Lower Form Resistance"
|
||||
},
|
||||
{
|
||||
"artist": {
|
||||
"url": "https://www.last.fm/music/Aesop+Rock",
|
||||
"name": "Aesop Rock",
|
||||
"mbid": "aba64937-3334-4c65-90a1-4e6b9d4d7ada"
|
||||
},
|
||||
"image": [
|
||||
{
|
||||
"size": "small",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/34s/f48ad490ad9259825a1bf155be03f685.jpg"
|
||||
},
|
||||
{
|
||||
"size": "medium",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/64s/f48ad490ad9259825a1bf155be03f685.jpg"
|
||||
},
|
||||
{
|
||||
"size": "large",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/174s/f48ad490ad9259825a1bf155be03f685.jpg"
|
||||
},
|
||||
{
|
||||
"size": "extralarge",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/300x300/f48ad490ad9259825a1bf155be03f685.jpg"
|
||||
}
|
||||
],
|
||||
"mbid": "8db6e790-7d34-453d-9ac0-f8b6a91b732d",
|
||||
"url": "https://www.last.fm/music/Aesop+Rock/Integrated+Tech+Solutions",
|
||||
"playcount": "18",
|
||||
"@attr": {
|
||||
"rank": "3"
|
||||
},
|
||||
"name": "Integrated Tech Solutions"
|
||||
},
|
||||
{
|
||||
"artist": {
|
||||
"url": "https://www.last.fm/music/Sepulcher",
|
||||
"name": "Sepulcher",
|
||||
"mbid": "48cb1769-b1fe-4730-a088-d83be4dc01ef"
|
||||
},
|
||||
"image": [
|
||||
{
|
||||
"size": "small",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/34s/3e7b1e98d0d303e60c6d0c8d596d0c33.jpg"
|
||||
},
|
||||
{
|
||||
"size": "medium",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/64s/3e7b1e98d0d303e60c6d0c8d596d0c33.jpg"
|
||||
},
|
||||
{
|
||||
"size": "large",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/174s/3e7b1e98d0d303e60c6d0c8d596d0c33.jpg"
|
||||
},
|
||||
{
|
||||
"size": "extralarge",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/300x300/3e7b1e98d0d303e60c6d0c8d596d0c33.jpg"
|
||||
}
|
||||
],
|
||||
"mbid": "bc021289-1ec3-4057-864e-5709b11ed5e1",
|
||||
"url": "https://www.last.fm/music/Sepulcher/Panoptic+Horror",
|
||||
"playcount": "14",
|
||||
"@attr": {
|
||||
"rank": "4"
|
||||
},
|
||||
"name": "Panoptic Horror"
|
||||
},
|
||||
{
|
||||
"artist": {
|
||||
"url": "https://www.last.fm/music/AFI",
|
||||
"name": "AFI",
|
||||
"mbid": ""
|
||||
},
|
||||
"image": [
|
||||
{
|
||||
"size": "small",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/34s/aaab03cb19f0487383cb19957a5d92b7.png"
|
||||
},
|
||||
{
|
||||
"size": "medium",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/64s/aaab03cb19f0487383cb19957a5d92b7.png"
|
||||
},
|
||||
{
|
||||
"size": "large",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/174s/aaab03cb19f0487383cb19957a5d92b7.png"
|
||||
},
|
||||
{
|
||||
"size": "extralarge",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/300x300/aaab03cb19f0487383cb19957a5d92b7.png"
|
||||
}
|
||||
],
|
||||
"mbid": "0f50ea53-37b4-31ef-aff2-e1d9b8763517",
|
||||
"url": "https://www.last.fm/music/AFI/Crash+Love",
|
||||
"playcount": "13",
|
||||
"@attr": {
|
||||
"rank": "5"
|
||||
},
|
||||
"name": "Crash Love"
|
||||
},
|
||||
{
|
||||
"artist": {
|
||||
"url": "https://www.last.fm/music/AFI",
|
||||
"name": "AFI",
|
||||
"mbid": ""
|
||||
},
|
||||
"image": [
|
||||
{
|
||||
"size": "small",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/34s/d0a4b04bf955443b83095ac7752afb4b.png"
|
||||
},
|
||||
{
|
||||
"size": "medium",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/64s/d0a4b04bf955443b83095ac7752afb4b.png"
|
||||
},
|
||||
{
|
||||
"size": "large",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/174s/d0a4b04bf955443b83095ac7752afb4b.png"
|
||||
},
|
||||
{
|
||||
"size": "extralarge",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/300x300/d0a4b04bf955443b83095ac7752afb4b.png"
|
||||
}
|
||||
],
|
||||
"mbid": "1f315994-b360-46c8-9241-303c49ff4741",
|
||||
"url": "https://www.last.fm/music/AFI/Decemberunderground",
|
||||
"playcount": "13",
|
||||
"@attr": {
|
||||
"rank": "6"
|
||||
},
|
||||
"name": "Decemberunderground"
|
||||
},
|
||||
{
|
||||
"artist": {
|
||||
"url": "https://www.last.fm/music/Defeated+Sanity",
|
||||
"name": "Defeated Sanity",
|
||||
"mbid": "47a9a488-a721-4d0e-88bc-2452701fb9c9"
|
||||
},
|
||||
"image": [
|
||||
{
|
||||
"size": "small",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/34s/71fb8b597d7ae9c0987eb3a88a904c8e.jpg"
|
||||
},
|
||||
{
|
||||
"size": "medium",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/64s/71fb8b597d7ae9c0987eb3a88a904c8e.jpg"
|
||||
},
|
||||
{
|
||||
"size": "large",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/174s/71fb8b597d7ae9c0987eb3a88a904c8e.jpg"
|
||||
},
|
||||
{
|
||||
"size": "extralarge",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/300x300/71fb8b597d7ae9c0987eb3a88a904c8e.jpg"
|
||||
}
|
||||
],
|
||||
"mbid": "2ce66939-5907-4953-b81d-67b0a736438c",
|
||||
"url": "https://www.last.fm/music/Defeated+Sanity/Chapters+Of+Repugnance",
|
||||
"playcount": "12",
|
||||
"@attr": {
|
||||
"rank": "7"
|
||||
},
|
||||
"name": "Chapters Of Repugnance"
|
||||
},
|
||||
{
|
||||
"artist": {
|
||||
"url": "https://www.last.fm/music/Unaussprechlichen+Kulten",
|
||||
"name": "Unaussprechlichen Kulten",
|
||||
"mbid": "dd4d9439-87ee-455d-a8b3-a96364845233"
|
||||
},
|
||||
"image": [
|
||||
{
|
||||
"size": "small",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/34s/725c65aaeb1dbae8033dfec452c6ec55.jpg"
|
||||
},
|
||||
{
|
||||
"size": "medium",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/64s/725c65aaeb1dbae8033dfec452c6ec55.jpg"
|
||||
},
|
||||
{
|
||||
"size": "large",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/174s/725c65aaeb1dbae8033dfec452c6ec55.jpg"
|
||||
},
|
||||
{
|
||||
"size": "extralarge",
|
||||
"#text": "https://lastfm.freetls.fastly.net/i/u/300x300/725c65aaeb1dbae8033dfec452c6ec55.jpg"
|
||||
}
|
||||
],
|
||||
"mbid": "2e9bac0f-33bc-4721-b907-978c0e2c4bb1",
|
||||
"url": "https://www.last.fm/music/Unaussprechlichen+Kulten/H%C3%A4xan+Sabaoth",
|
||||
"playcount": "12",
|
||||
"@attr": {
|
||||
"rank": "8"
|
||||
},
|
||||
"name": "Häxan Sabaoth"
|
||||
}
|
||||
]
|
||||
|
|
@ -1,44 +0,0 @@
|
|||
export default {
|
||||
"results": [
|
||||
{
|
||||
"page": "/posts/2024/i-dont-want-anything-your-ai-generates/",
|
||||
"visitors": 11057
|
||||
},
|
||||
{
|
||||
"page": "/posts/2024/i-found-the-music-i-love-on-the-internet/",
|
||||
"visitors": 4535
|
||||
},
|
||||
{
|
||||
"page": "/posts/2023/i-removed-tailwind-from-my-site/",
|
||||
"visitors": 843
|
||||
},
|
||||
{
|
||||
"page": "/posts/2023/default-apps-2023/",
|
||||
"visitors": 594
|
||||
},
|
||||
{
|
||||
"page": "/posts/2023/check-in-to-your-personal-site/",
|
||||
"visitors": 523
|
||||
},
|
||||
{
|
||||
"page": "/posts/2024/your-site-your-home-your-web/",
|
||||
"visitors": 356
|
||||
},
|
||||
{
|
||||
"page": "/posts/2023/i-dont-want-streaming-music/",
|
||||
"visitors": 350
|
||||
},
|
||||
{
|
||||
"page": "/posts/2024/you-dont-need-a-framework-for-that/",
|
||||
"visitors": 271
|
||||
},
|
||||
{
|
||||
"page": "/posts/2023/i-block-ads/",
|
||||
"visitors": 259
|
||||
},
|
||||
{
|
||||
"page": "/posts/2023/leaning-into-google-services/",
|
||||
"visitors": 249
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -1,74 +0,0 @@
|
|||
export default [
|
||||
{
|
||||
"mbid": "",
|
||||
"url": "https://www.last.fm/music/AFI",
|
||||
"playcount": "37",
|
||||
"@attr": {
|
||||
"rank": "1"
|
||||
},
|
||||
"name": "AFI"
|
||||
},
|
||||
{
|
||||
"mbid": "3cb2b7a7-53e6-4b0c-9143-16227fc5d1c3",
|
||||
"url": "https://www.last.fm/music/Hauntologist",
|
||||
"playcount": "32",
|
||||
"@attr": {
|
||||
"rank": "2"
|
||||
},
|
||||
"name": "Hauntologist"
|
||||
},
|
||||
{
|
||||
"mbid": "47a9a488-a721-4d0e-88bc-2452701fb9c9",
|
||||
"url": "https://www.last.fm/music/Defeated+Sanity",
|
||||
"playcount": "30",
|
||||
"@attr": {
|
||||
"rank": "3"
|
||||
},
|
||||
"name": "Defeated Sanity"
|
||||
},
|
||||
{
|
||||
"mbid": "37e9d7b2-7779-41b2-b2eb-3685351caad3",
|
||||
"url": "https://www.last.fm/music/NoMeansNo",
|
||||
"playcount": "27",
|
||||
"@attr": {
|
||||
"rank": "4"
|
||||
},
|
||||
"name": "NoMeansNo"
|
||||
},
|
||||
{
|
||||
"mbid": "aba64937-3334-4c65-90a1-4e6b9d4d7ada",
|
||||
"url": "https://www.last.fm/music/Aesop+Rock",
|
||||
"playcount": "26",
|
||||
"@attr": {
|
||||
"rank": "5"
|
||||
},
|
||||
"name": "Aesop Rock"
|
||||
},
|
||||
{
|
||||
"mbid": "7961aa2c-36d4-4601-a691-981b18143991",
|
||||
"url": "https://www.last.fm/music/Galvanizer",
|
||||
"playcount": "24",
|
||||
"@attr": {
|
||||
"rank": "6"
|
||||
},
|
||||
"name": "Galvanizer"
|
||||
},
|
||||
{
|
||||
"mbid": "48cb1769-b1fe-4730-a088-d83be4dc01ef",
|
||||
"url": "https://www.last.fm/music/Sepulcher",
|
||||
"playcount": "24",
|
||||
"@attr": {
|
||||
"rank": "7"
|
||||
},
|
||||
"name": "Sepulcher"
|
||||
},
|
||||
{
|
||||
"mbid": "6c3b93e1-d3e7-413c-b030-b6ddd918676f",
|
||||
"url": "https://www.last.fm/music/dissimulator",
|
||||
"playcount": "23",
|
||||
"@attr": {
|
||||
"rank": "8"
|
||||
},
|
||||
"name": "dissimulator"
|
||||
}
|
||||
]
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
export default [
|
||||
{
|
||||
"title": "How to Make a Killing: Blood, Death and Dollars in American Medicine",
|
||||
"author": "Tom Mueller",
|
||||
"image": "https://cd-books.b-cdn.net/vfbaoylm8sxmuifsp6y4ifx3p3o3",
|
||||
"url": "https://app.thestorygraph.com/books/d02f9eec-ca74-419e-a28b-4f59d0e89e01",
|
||||
"percentage": "86%",
|
||||
"dateAdded": "2/5/2024, 12:00:00 AM",
|
||||
"type": "book"
|
||||
},
|
||||
{
|
||||
"author": "Peter Watts",
|
||||
"title": "Blindsight",
|
||||
"image": "https://cd-books.b-cdn.net/2e47qqm3giuw0uiexnbsm9egpqst",
|
||||
"url": "https://app.thestorygraph.com/books/57fd0912-3e02-4a55-b7a8-86f584ecf373",
|
||||
"percentage": "41%",
|
||||
"dateAdded": "1/3/2024, 12:00:00 AM",
|
||||
"type": "book"
|
||||
}
|
||||
]
|
||||
|
|
@ -1,55 +0,0 @@
|
|||
export default [
|
||||
{
|
||||
"title": "This website is personal",
|
||||
"author": "Frills",
|
||||
"created_at":"2024-02-02T21:10:12.783499+00:00",
|
||||
"updated_at":"2024-02-03T00:22:28.594852+00:00",
|
||||
"published_date":1706832000000,
|
||||
"tags": {
|
||||
"tech": {
|
||||
"name": "tech",
|
||||
"type": "manual",
|
||||
"created": 1707349350280
|
||||
},
|
||||
"share": {
|
||||
"name": "share",
|
||||
"type": "manual",
|
||||
"created": 1707349353085
|
||||
},
|
||||
"blogging": {
|
||||
"name": "blogging",
|
||||
"type": "manual",
|
||||
"created": 1707349352274
|
||||
}
|
||||
},
|
||||
"summary": "It is easy to get overwhelmed by the fact that anything you put online can live forever. Even when you evolve and change as a person: your thoughts, your values, your opinions, your past-self still exists in this ephemeral space. That is beautiful and terrifying.\nI've been thinking a lot recently about what I share where on the internet. I sometimes toot consistently and conversationally on Mastodon for a week or so at a time; I post a couple of times a year on Instagram, moreso on stories but even that has petered out a lot; and here on my website I have started holding blog posts up on this pedastal as something that need to be substantial or at least a little bit interesting. Somehow, even here, the lure of professionalism and validation has kicked in.\n\ni want to read your thoughts, your feelings, your perceptions of the world as it's happening around you. romanticize your life; tell me the minute details of your commute—your perception is yours, after all, and i've never experienced it before.\nXandra: Everyo...",
|
||||
"source_url": "https://frills.dev/blog/070224-this-website-is-personal-girls/",
|
||||
},
|
||||
{
|
||||
"url": "https://read.readwise.io/read/01hp2d8dggjjmgjg8pjxvdwnpz",
|
||||
"title": "The power to not",
|
||||
"author": "neatnik.net",
|
||||
"created_at": "2024-01-30T17:40:08.899912+00:00",
|
||||
"updated_at": "2024-01-30T21:26:29.469528+00:00",
|
||||
"published_date": 1706313600000,
|
||||
"tags": {
|
||||
"tech": {
|
||||
"name": "tech",
|
||||
"type": "manual",
|
||||
"created": 1707330519410
|
||||
},
|
||||
"share": {
|
||||
"name": "share",
|
||||
"type": "manual",
|
||||
"created": 1707330522792
|
||||
},
|
||||
"social media": {
|
||||
"name": "social media",
|
||||
"type": "manual",
|
||||
"created": 1707330521543
|
||||
}
|
||||
},
|
||||
"summary": "The urge to engage can be overwhelming.",
|
||||
"source_url": "https://notes.neatnik.net/2024/01/the-power-to-not",
|
||||
}
|
||||
]
|
||||
|
|
@ -1,215 +0,0 @@
|
|||
export default [
|
||||
{
|
||||
"id": 9521296050,
|
||||
"watched_at": "2024-02-06T14:41:22.000Z",
|
||||
"action": "checkin",
|
||||
"type": "movie",
|
||||
"movie": {
|
||||
"title": "The Accountant",
|
||||
"year": 2016,
|
||||
"ids": {
|
||||
"trakt": 203309,
|
||||
"slug": "the-accountant-2016",
|
||||
"imdb": "tt2140479",
|
||||
"tmdb": 302946
|
||||
},
|
||||
"tagline": "Calculate your choices.",
|
||||
"overview": "As a math savant uncooks the books for a new client, the Treasury Department closes in on his activities and the body count starts to rise.",
|
||||
"released": "2016-10-14",
|
||||
"runtime": 128,
|
||||
"country": "us",
|
||||
"trailer": "https://youtube.com/watch?v=0KHOVlEpMyY",
|
||||
"homepage": "http://www.accountantmovie.com/",
|
||||
"status": "released",
|
||||
"rating": 7.72918,
|
||||
"votes": 30256,
|
||||
"comment_count": 62,
|
||||
"updated_at": "2024-02-07T12:06:14.000Z",
|
||||
"language": "en",
|
||||
"genres": [
|
||||
"drama",
|
||||
"crime",
|
||||
"thriller"
|
||||
],
|
||||
"certification": "R"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 9518530996,
|
||||
"watched_at": "2024-02-05T00:58:37.000Z",
|
||||
"action": "watch",
|
||||
"type": "movie",
|
||||
"movie": {
|
||||
"title": "Apocalypse Now",
|
||||
"year": 1979,
|
||||
"ids": {
|
||||
"trakt": 23,
|
||||
"slug": "apocalypse-now-1979",
|
||||
"imdb": "tt0078788",
|
||||
"tmdb": 28
|
||||
},
|
||||
"tagline": "This is the end...",
|
||||
"overview": "At the height of the Vietnam war, Captain Benjamin Willard is sent on a dangerous mission that, officially, \"does not exist, nor will it ever exist.\" His goal is to locate - and eliminate - a mysterious Green Beret Colonel named Walter Kurtz, who has been leading his personal army on illegal guerrilla missions into enemy territory.",
|
||||
"released": "1979-08-15",
|
||||
"runtime": 147,
|
||||
"country": "us",
|
||||
"trailer": "https://youtube.com/watch?v=9l-ViOOFH-s",
|
||||
"homepage": "http://www.apocalypsenow.com",
|
||||
"status": "released",
|
||||
"rating": 8.22404,
|
||||
"votes": 10257,
|
||||
"comment_count": 25,
|
||||
"updated_at": "2024-02-08T08:05:34.000Z",
|
||||
"language": "en",
|
||||
"genres": [
|
||||
"war",
|
||||
"drama"
|
||||
],
|
||||
"certification": "R"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 9517495292,
|
||||
"watched_at": "2024-02-04T18:10:40.000Z",
|
||||
"action": "watch",
|
||||
"type": "movie",
|
||||
"movie": {
|
||||
"title": "10 Cloverfield Lane",
|
||||
"year": 2016,
|
||||
"ids": {
|
||||
"trakt": 214312,
|
||||
"slug": "10-cloverfield-lane-2016",
|
||||
"imdb": "tt1179933",
|
||||
"tmdb": 333371
|
||||
},
|
||||
"tagline": "Monsters come in many forms.",
|
||||
"overview": "After getting in a car accident, a woman is held in a shelter with two men, who claim the outside world is affected by a widespread chemical attack.",
|
||||
"released": "2016-03-11",
|
||||
"runtime": 104,
|
||||
"country": "us",
|
||||
"trailer": "https://youtube.com/watch?v=yQy-ANhnUpE",
|
||||
"homepage": "http://www.10cloverfieldlane.com/",
|
||||
"status": "released",
|
||||
"rating": 7.23989,
|
||||
"votes": 24003,
|
||||
"comment_count": 101,
|
||||
"updated_at": "2024-02-08T12:37:37.000Z",
|
||||
"language": "en",
|
||||
"genres": [
|
||||
"science-fiction",
|
||||
"thriller",
|
||||
"drama",
|
||||
"horror"
|
||||
],
|
||||
"certification": "PG-13"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 9497461700,
|
||||
"watched_at": "2024-01-26T20:25:58.000Z",
|
||||
"action": "watch",
|
||||
"type": "movie",
|
||||
"movie": {
|
||||
"title": "Aquaman",
|
||||
"year": 2018,
|
||||
"ids": {
|
||||
"trakt": 193968,
|
||||
"slug": "aquaman-2018",
|
||||
"imdb": "tt1477834",
|
||||
"tmdb": 297802
|
||||
},
|
||||
"tagline": "Home Is Calling",
|
||||
"overview": "Once home to the most advanced civilization on Earth, Atlantis is now an underwater kingdom ruled by the power-hungry King Orm. With a vast army at his disposal, Orm plans to conquer the remaining oceanic people and then the surface world. Standing in his way is Arthur Curry, Orm's half-human, half-Atlantean brother and true heir to the throne.",
|
||||
"released": "2018-12-21",
|
||||
"runtime": 143,
|
||||
"country": "us",
|
||||
"trailer": "https://youtube.com/watch?v=2wcj6SrX4zw",
|
||||
"homepage": "https://www.warnerbros.com/movies/aquaman",
|
||||
"status": "released",
|
||||
"rating": 7.22762,
|
||||
"votes": 30766,
|
||||
"comment_count": 182,
|
||||
"updated_at": "2024-02-07T08:07:16.000Z",
|
||||
"language": "en",
|
||||
"genres": [
|
||||
"fantasy",
|
||||
"superhero",
|
||||
"adventure",
|
||||
"action"
|
||||
],
|
||||
"certification": "PG-13"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 9491909538,
|
||||
"watched_at": "2024-01-23T23:57:28.000Z",
|
||||
"action": "watch",
|
||||
"type": "movie",
|
||||
"movie": {
|
||||
"title": "Aquaman and the Lost Kingdom",
|
||||
"year": 2023,
|
||||
"ids": {
|
||||
"trakt": 423775,
|
||||
"slug": "aquaman-and-the-lost-kingdom-2023",
|
||||
"imdb": "tt9663764",
|
||||
"tmdb": 572802
|
||||
},
|
||||
"tagline": "The tide is turning.",
|
||||
"overview": "Black Manta seeks revenge on Aquaman for his father's death. Wielding the Black Trident's power, he becomes a formidable foe. To defend Atlantis, Aquaman forges an alliance with his imprisoned brother. They must protect the kingdom.",
|
||||
"released": "2023-12-22",
|
||||
"runtime": 124,
|
||||
"country": "us",
|
||||
"trailer": "https://youtube.com/watch?v=UGc5Tzz19UY",
|
||||
"homepage": "https://www.aquamanmovie.com",
|
||||
"status": "released",
|
||||
"rating": 6.4311,
|
||||
"votes": 4231,
|
||||
"comment_count": 67,
|
||||
"updated_at": "2024-02-08T08:06:27.000Z",
|
||||
"language": "en",
|
||||
"genres": [
|
||||
"adventure",
|
||||
"action",
|
||||
"fantasy",
|
||||
"superhero"
|
||||
],
|
||||
"certification": "PG-13"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 9480347272,
|
||||
"watched_at": "2024-01-18T23:17:09.000Z",
|
||||
"action": "watch",
|
||||
"type": "movie",
|
||||
"movie": {
|
||||
"title": "The Marvels",
|
||||
"year": 2023,
|
||||
"ids": {
|
||||
"trakt": 454832,
|
||||
"slug": "the-marvels-2023",
|
||||
"imdb": "tt10676048",
|
||||
"tmdb": 609681
|
||||
},
|
||||
"tagline": "Higher. Further. Faster. Together.",
|
||||
"overview": "Carol Danvers, aka Captain Marvel, has reclaimed her identity from the tyrannical Kree and taken revenge on the Supreme Intelligence. But unintended consequences see Carol shouldering the burden of a destabilized universe. When her duties send her to an anomalous wormhole linked to a Kree revolutionary, her powers become entangled with that of Jersey City super-fan Kamala Khan, aka Ms. Marvel, and Carol’s estranged niece, now S.A.B.E.R. astronaut Captain Monica Rambeau. Together, this unlikely trio must team up and learn to work in concert to save the universe.",
|
||||
"released": "2023-11-10",
|
||||
"runtime": 105,
|
||||
"country": "us",
|
||||
"trailer": "https://youtube.com/watch?v=uwmDH12MAA4",
|
||||
"homepage": "https://www.marvel.com/movies/the-marvels",
|
||||
"status": "released",
|
||||
"rating": 6.27356,
|
||||
"votes": 5264,
|
||||
"comment_count": 132,
|
||||
"updated_at": "2024-02-08T08:06:36.000Z",
|
||||
"language": "en",
|
||||
"genres": [
|
||||
"superhero",
|
||||
"action",
|
||||
"adventure",
|
||||
"science-fiction"
|
||||
],
|
||||
"certification": "PG-13"
|
||||
}
|
||||
}
|
||||
]
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
export default {
|
||||
"emoji": "🐯",
|
||||
"content": "You can choose to be kind.",
|
||||
}
|
||||
|
|
@ -1,302 +0,0 @@
|
|||
export default [
|
||||
{
|
||||
"id": 9525629074,
|
||||
"watched_at": "2024-02-08T15:02:00.000Z",
|
||||
"action": "watch",
|
||||
"type": "episode",
|
||||
"episode": {
|
||||
"season": 2,
|
||||
"number": 2,
|
||||
"title": "Be My Number One",
|
||||
"ids": {
|
||||
"trakt": 11317749,
|
||||
"tvdb": 10193559,
|
||||
"imdb": "tt25399544",
|
||||
"tmdb": 5062519,
|
||||
"tvrage": null
|
||||
}
|
||||
},
|
||||
"show": {
|
||||
"title": "Tokyo Vice",
|
||||
"year": 2022,
|
||||
"ids": {
|
||||
"trakt": 156576,
|
||||
"slug": "tokyo-vice",
|
||||
"tvdb": 366624,
|
||||
"imdb": "tt2887954",
|
||||
"tmdb": 90296,
|
||||
"tvrage": null
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 9525349458,
|
||||
"watched_at": "2024-02-08T15:01:14.000Z",
|
||||
"action": "watch",
|
||||
"type": "episode",
|
||||
"episode": {
|
||||
"season": 2,
|
||||
"number": 1,
|
||||
"title": "Don't Ever F**king Miss",
|
||||
"ids": {
|
||||
"trakt": 11317721,
|
||||
"tvdb": 10173398,
|
||||
"imdb": "tt20875414",
|
||||
"tmdb": 5062421,
|
||||
"tvrage": null
|
||||
}
|
||||
},
|
||||
"show": {
|
||||
"title": "Tokyo Vice",
|
||||
"year": 2022,
|
||||
"ids": {
|
||||
"trakt": 156576,
|
||||
"slug": "tokyo-vice",
|
||||
"tvdb": 366624,
|
||||
"imdb": "tt2887954",
|
||||
"tmdb": 90296,
|
||||
"tvrage": null
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 9525348552,
|
||||
"watched_at": "2024-02-08T15:00:39.000Z",
|
||||
"action": "watch",
|
||||
"type": "episode",
|
||||
"episode": {
|
||||
"season": 2,
|
||||
"number": 2,
|
||||
"title": "Sword",
|
||||
"ids": {
|
||||
"trakt": 11165210,
|
||||
"tvdb": 10247899,
|
||||
"imdb": "tt22060126",
|
||||
"tmdb": 4968609,
|
||||
"tvrage": null
|
||||
}
|
||||
},
|
||||
"show": {
|
||||
"title": "Halo",
|
||||
"year": 2022,
|
||||
"ids": {
|
||||
"trakt": 150109,
|
||||
"slug": "halo",
|
||||
"tvdb": 366524,
|
||||
"imdb": "tt2934286",
|
||||
"tmdb": 52814,
|
||||
"tvrage": null
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 9525059250,
|
||||
"watched_at": "2024-02-08T14:59:52.000Z",
|
||||
"action": "watch",
|
||||
"type": "episode",
|
||||
"episode": {
|
||||
"season": 2,
|
||||
"number": 1,
|
||||
"title": "Sanctuary",
|
||||
"ids": {
|
||||
"trakt": 11165209,
|
||||
"tvdb": 10170113,
|
||||
"imdb": "tt22060096",
|
||||
"tmdb": 4968592,
|
||||
"tvrage": null
|
||||
}
|
||||
},
|
||||
"show": {
|
||||
"title": "Halo",
|
||||
"year": 2022,
|
||||
"ids": {
|
||||
"trakt": 150109,
|
||||
"slug": "halo",
|
||||
"tvdb": 366524,
|
||||
"imdb": "tt2934286",
|
||||
"tmdb": 52814,
|
||||
"tvrage": null
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 9524186036,
|
||||
"watched_at": "2024-02-08T02:52:24.000Z",
|
||||
"action": "watch",
|
||||
"type": "episode",
|
||||
"episode": {
|
||||
"season": 1,
|
||||
"number": 2,
|
||||
"title": "Second Date",
|
||||
"ids": {
|
||||
"trakt": 11055013,
|
||||
"tvdb": 10155338,
|
||||
"imdb": "tt21650512",
|
||||
"tmdb": 4926319,
|
||||
"tvrage": null
|
||||
}
|
||||
},
|
||||
"show": {
|
||||
"title": "Mr. & Mrs. Smith",
|
||||
"year": 2024,
|
||||
"ids": {
|
||||
"trakt": 173650,
|
||||
"slug": "mr-mrs-smith-2024",
|
||||
"tvdb": 396773,
|
||||
"imdb": "tt14044212",
|
||||
"tmdb": 118642,
|
||||
"tvrage": null
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 9523446431,
|
||||
"watched_at": "2024-02-07T15:01:33.000Z",
|
||||
"action": "watch",
|
||||
"type": "episode",
|
||||
"episode": {
|
||||
"season": 1,
|
||||
"number": 1,
|
||||
"title": "First Date",
|
||||
"ids": {
|
||||
"trakt": 4810701,
|
||||
"tvdb": 8216044,
|
||||
"imdb": "tt14199656",
|
||||
"tmdb": 2726037,
|
||||
"tvrage": null
|
||||
}
|
||||
},
|
||||
"show": {
|
||||
"title": "Mr. & Mrs. Smith",
|
||||
"year": 2024,
|
||||
"ids": {
|
||||
"trakt": 173650,
|
||||
"slug": "mr-mrs-smith-2024",
|
||||
"tvdb": 396773,
|
||||
"imdb": "tt14044212",
|
||||
"tmdb": 118642,
|
||||
"tvrage": null
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 9523322722,
|
||||
"watched_at": "2024-02-07T14:59:21.000Z",
|
||||
"action": "watch",
|
||||
"type": "episode",
|
||||
"episode": {
|
||||
"season": 1,
|
||||
"number": 6,
|
||||
"title": "Beehive",
|
||||
"ids": {
|
||||
"trakt": 10934939,
|
||||
"tvdb": 10068291,
|
||||
"imdb": "tt21107292",
|
||||
"tmdb": 4785721,
|
||||
"tvrage": null
|
||||
}
|
||||
},
|
||||
"show": {
|
||||
"title": "Criminal Record",
|
||||
"year": 2024,
|
||||
"ids": {
|
||||
"trakt": 196417,
|
||||
"slug": "criminal-record",
|
||||
"tvdb": 421495,
|
||||
"imdb": "tt21088136",
|
||||
"tmdb": 204490,
|
||||
"tvrage": null
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 9520276837,
|
||||
"watched_at": "2024-02-05T15:00:41.000Z",
|
||||
"action": "watch",
|
||||
"type": "episode",
|
||||
"episode": {
|
||||
"season": 49,
|
||||
"number": 11,
|
||||
"title": "February 3 - Ayo Edebiri",
|
||||
"ids": {
|
||||
"trakt": 11375525,
|
||||
"tvdb": null,
|
||||
"imdb": null,
|
||||
"tmdb": 5099959,
|
||||
"tvrage": null
|
||||
}
|
||||
},
|
||||
"show": {
|
||||
"title": "Saturday Night Live",
|
||||
"year": 1975,
|
||||
"ids": {
|
||||
"trakt": 1656,
|
||||
"slug": "saturday-night-live",
|
||||
"tvdb": 76177,
|
||||
"imdb": "tt0072562",
|
||||
"tmdb": 1667,
|
||||
"tvrage": null
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 9519545755,
|
||||
"watched_at": "2024-02-05T14:53:00.000Z",
|
||||
"action": "watch",
|
||||
"type": "episode",
|
||||
"episode": {
|
||||
"season": 1,
|
||||
"number": 8,
|
||||
"title": "We Shall Live Forever",
|
||||
"ids": {
|
||||
"trakt": 883344,
|
||||
"tvdb": 4460471,
|
||||
"imdb": "tt2356588",
|
||||
"tmdb": 876837,
|
||||
"tvrage": null
|
||||
}
|
||||
},
|
||||
"show": {
|
||||
"title": "Banshee",
|
||||
"year": 2013,
|
||||
"ids": {
|
||||
"trakt": 41522,
|
||||
"slug": "banshee",
|
||||
"tvdb": 259765,
|
||||
"imdb": "tt2017109",
|
||||
"tmdb": 41727,
|
||||
"tvrage": null
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 9519471765,
|
||||
"watched_at": "2024-02-05T13:56:28.000Z",
|
||||
"action": "checkin",
|
||||
"type": "episode",
|
||||
"episode": {
|
||||
"season": 1,
|
||||
"number": 7,
|
||||
"title": "Behold a Pale Rider",
|
||||
"ids": {
|
||||
"trakt": 883343,
|
||||
"tvdb": 4460470,
|
||||
"imdb": "tt2371798",
|
||||
"tmdb": 876836,
|
||||
"tvrage": null
|
||||
}
|
||||
},
|
||||
"show": {
|
||||
"title": "Banshee",
|
||||
"year": 2013,
|
||||
"ids": {
|
||||
"trakt": 41522,
|
||||
"slug": "banshee",
|
||||
"tvdb": 259765,
|
||||
"imdb": "tt2017109",
|
||||
"tmdb": 41727,
|
||||
"tvrage": null
|
||||
}
|
||||
}
|
||||
},
|
||||
]
|
||||
|
|
@ -1,5 +1,4 @@
|
|||
import EleventyFetch from '@11ty/eleventy-fetch'
|
||||
import LinksMock from './json/mocks/links.js'
|
||||
|
||||
export default async function () {
|
||||
const API_TOKEN_READWISE = process.env.API_TOKEN_READWISE
|
||||
|
|
@ -17,20 +16,16 @@ export default async function () {
|
|||
}
|
||||
})
|
||||
|
||||
if (process.env.ELEVENTY_PRODUCTION) {
|
||||
const res = EleventyFetch(url, {
|
||||
duration: '1h',
|
||||
type: 'json',
|
||||
fetchOptions: {
|
||||
headers: {
|
||||
Authorization: `Token ${API_TOKEN_READWISE}`,
|
||||
},
|
||||
const res = EleventyFetch(url, {
|
||||
duration: '1h',
|
||||
type: 'json',
|
||||
fetchOptions: {
|
||||
headers: {
|
||||
Authorization: `Token ${API_TOKEN_READWISE}`,
|
||||
},
|
||||
}).catch()
|
||||
const data = await res
|
||||
return formatLinkData(data['results']).filter((link) => link.tags.includes('share'))
|
||||
} else {
|
||||
return formatLinkData(LinksMock)
|
||||
}
|
||||
},
|
||||
}).catch()
|
||||
const data = await res
|
||||
return formatLinkData(data['results']).filter((link) => link.tags.includes('share'))
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
import EleventyFetch from '@11ty/eleventy-fetch'
|
||||
import MoviesMock from './json/mocks/movies.js'
|
||||
|
||||
export default async function () {
|
||||
const TV_KEY = process.env.API_KEY_TRAKT
|
||||
|
|
@ -19,34 +18,30 @@ export default async function () {
|
|||
return movie;
|
||||
})
|
||||
|
||||
if (process.env.ELEVENTY_PRODUCTION) {
|
||||
const res = EleventyFetch(url, {
|
||||
const res = EleventyFetch(url, {
|
||||
duration: '1h',
|
||||
type: 'json',
|
||||
fetchOptions: {
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'trakt-api-version': 2,
|
||||
'trakt-api-key': TV_KEY,
|
||||
},
|
||||
},
|
||||
}).catch()
|
||||
const data = await res
|
||||
const movies = formatMovieData(data)
|
||||
|
||||
for (const movie of movies) {
|
||||
const tmdbId = movie['tmdbId']
|
||||
const tmdbUrl = `https://api.themoviedb.org/3/movie/${tmdbId}?api_key=${MOVIEDB_KEY}`
|
||||
const tmdbRes = EleventyFetch(tmdbUrl, {
|
||||
duration: '1h',
|
||||
type: 'json',
|
||||
fetchOptions: {
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'trakt-api-version': 2,
|
||||
'trakt-api-key': TV_KEY,
|
||||
},
|
||||
},
|
||||
}).catch()
|
||||
const data = await res
|
||||
const movies = formatMovieData(data)
|
||||
|
||||
for (const movie of movies) {
|
||||
const tmdbId = movie['tmdbId']
|
||||
const tmdbUrl = `https://api.themoviedb.org/3/movie/${tmdbId}?api_key=${MOVIEDB_KEY}`
|
||||
const tmdbRes = EleventyFetch(tmdbUrl, {
|
||||
duration: '1h',
|
||||
type: 'json',
|
||||
})
|
||||
const tmdbData = await tmdbRes
|
||||
const posterPath = tmdbData['poster_path']
|
||||
movie.image = `https://cd-movies.b-cdn.net/t/p/w500${posterPath}`
|
||||
}
|
||||
return movies;
|
||||
} else {
|
||||
return formatMovieData(MoviesMock)
|
||||
})
|
||||
const tmdbData = await tmdbRes
|
||||
const posterPath = tmdbData['poster_path']
|
||||
movie.image = `https://cd-movies.b-cdn.net/t/p/w500${posterPath}`
|
||||
}
|
||||
return movies;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,16 +1,11 @@
|
|||
import EleventyFetch from '@11ty/eleventy-fetch'
|
||||
import StatusMock from './json/mocks/status.js'
|
||||
|
||||
export default async function () {
|
||||
const url = 'https://api.omg.lol/address/cory/statuses/'
|
||||
if (process.env.ELEVENTY_PRODUCTION) {
|
||||
const res = EleventyFetch(url, {
|
||||
duration: '1h',
|
||||
type: 'json',
|
||||
}).catch()
|
||||
const status = await res
|
||||
return status.response['statuses'][0]
|
||||
} else {
|
||||
return StatusMock
|
||||
}
|
||||
const res = EleventyFetch(url, {
|
||||
duration: '1h',
|
||||
type: 'json',
|
||||
}).catch()
|
||||
const status = await res
|
||||
return status.response['statuses'][0]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,9 @@
|
|||
import EleventyFetch from '@11ty/eleventy-fetch'
|
||||
import TvMock from './json/mocks/tv.js'
|
||||
|
||||
export default async function () {
|
||||
const TV_KEY = process.env.API_KEY_TRAKT
|
||||
const MOVIEDB_KEY = process.env.API_KEY_MOVIEDB
|
||||
const url = 'https://api.trakt.tv/users/cdransf/history/shows?page=1&limit=75'
|
||||
let episodes
|
||||
const formatEpisodeData = (shows) => {
|
||||
const episodeData = []
|
||||
const startingEpisodes = []
|
||||
|
|
@ -61,33 +59,30 @@ export default async function () {
|
|||
return episodeData.reverse()
|
||||
}
|
||||
|
||||
if (process.env.ELEVENTY_PRODUCTION) {
|
||||
const res = EleventyFetch(url, {
|
||||
const res = EleventyFetch(url, {
|
||||
duration: '1h',
|
||||
type: 'json',
|
||||
fetchOptions: {
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'trakt-api-version': 2,
|
||||
'trakt-api-key': TV_KEY,
|
||||
},
|
||||
},
|
||||
}).catch()
|
||||
const shows = await res
|
||||
const episodes = formatEpisodeData(shows)
|
||||
for (const episode of episodes) {
|
||||
const tmdbId = episode['tmdbId']
|
||||
const tmdbUrl = `https://api.themoviedb.org/3/tv/${tmdbId}?api_key=${MOVIEDB_KEY}`
|
||||
const tmdbRes = EleventyFetch(tmdbUrl, {
|
||||
duration: '1h',
|
||||
type: 'json',
|
||||
fetchOptions: {
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'trakt-api-version': 2,
|
||||
'trakt-api-key': TV_KEY,
|
||||
},
|
||||
},
|
||||
}).catch()
|
||||
const shows = await res
|
||||
episodes = formatEpisodeData(shows)
|
||||
for (const episode of episodes) {
|
||||
const tmdbId = episode['tmdbId']
|
||||
const tmdbUrl = `https://api.themoviedb.org/3/tv/${tmdbId}?api_key=${MOVIEDB_KEY}`
|
||||
const tmdbRes = EleventyFetch(tmdbUrl, {
|
||||
duration: '1h',
|
||||
type: 'json',
|
||||
})
|
||||
const tmdbData = await tmdbRes
|
||||
const posterPath = tmdbData['poster_path']
|
||||
episode.image = `https://cd-movies.b-cdn.net/t/p/w500${posterPath}`
|
||||
}
|
||||
} else {
|
||||
episodes = formatEpisodeData(TvMock)
|
||||
})
|
||||
const tmdbData = await tmdbRes
|
||||
const posterPath = tmdbData['poster_path']
|
||||
episode.image = `https://cd-movies.b-cdn.net/t/p/w500${posterPath}`
|
||||
}
|
||||
|
||||
return episodes;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,13 +8,13 @@ layout: default
|
|||
{% endcapture %}
|
||||
<style>{{ css }}</style>
|
||||
{{ content }}
|
||||
{% render "partials/now/media-grid.liquid", data:artists, icon: "microphone-2", title: "Artists", shape: "square", count: 8, loading: 'eager', imageMaxWidth: 320 %}
|
||||
{% render "partials/now/media-grid.liquid", data:albums, icon: "vinyl", title: "Albums", shape: "square", count: 8, imageMaxWidth: 320 %}
|
||||
{% render "partials/now/media-grid.liquid", data:artists, icon: "microphone-2", title: "Artists", shape: "square", count: 8, loading: 'eager' %}
|
||||
{% render "partials/now/media-grid.liquid", data:albums, icon: "vinyl", title: "Albums", shape: "square", count: 8 %}
|
||||
{% render "partials/now/albumReleases.liquid", albumReleases:albumReleases %}
|
||||
{% render "partials/now/media-grid.liquid", data:books, icon: "books", title: "Books", shape: "vertical", count: 6, imageMaxWidth: 320 %}
|
||||
{% render "partials/now/media-grid.liquid", data:books, icon: "books", title: "Books", shape: "vertical", count: 6 %}
|
||||
{% render "partials/now/links.liquid", links:links %}
|
||||
{% render "partials/now/media-grid.liquid", data:movies, icon: "movie", title: "Movies", shape: "vertical", count: 6, imageMaxWidth: 320 %}
|
||||
{% render "partials/now/media-grid.liquid", data:tv, icon: "device-tv", title: "TV", shape: "vertical", count: 6, imageMaxWidth: 320 %}
|
||||
{% render "partials/now/media-grid.liquid", data:movies, icon: "movie", title: "Movies", shape: "vertical", count: 6 %}
|
||||
{% render "partials/now/media-grid.liquid", data:tv, icon: "device-tv", title: "TV", shape: "vertical", count: 6 %}
|
||||
<p class="now__explainer text-center">
|
||||
This is a <a href="https://nownownow.com/about">now page</a>, and if you have your own site, <a href="https://nownownow.com/about">you should make one too</a>.
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -37,12 +37,7 @@
|
|||
'lazy'
|
||||
{%- endif -%}
|
||||
{%- endcapture -%}
|
||||
{% capture fallbackIcon %}{% tablericon icon alt %}{% endcapture %}
|
||||
{% if imageMaxWidth %}
|
||||
{% image item.image, alt, '', loadingStrategy, shape, fallbackIcon, imageMaxWidth %}
|
||||
{% else %}
|
||||
{% image item.image, alt, '', loadingStrategy, shape, fallbackIcon, 1248 %}
|
||||
{% endif %}
|
||||
<img src="{{ item.image }}" alt="{{ alt }}" loading="{{ loadingStrategy }}" />
|
||||
</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<div class="webring__wrapper">
|
||||
<div class="webring__centered flex--centered">
|
||||
{% image './src/assets/img/webrings/theclaw.png', 'The Claw Webring' %}
|
||||
<img src="/assets/img/webrings/theclaw.png" alt="The Claw Webring" />
|
||||
</div>
|
||||
<h3 class="text-center">The Claw Webring</h3>
|
||||
<div class="webring__centered flex--centered">
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@
|
|||
.avatar__wrapper {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.avatar__wrapper img {
|
||||
|
|
|
|||
|
|
@ -9,8 +9,7 @@ image: /assets/img/404.jpg
|
|||
{% endcapture %}
|
||||
<style>{{ css }}</style>
|
||||
<div class="four-oh-four__wrapper">
|
||||
{% capture fallbackIcon %}{% tablericon "photo" title %}{% endcapture %}
|
||||
{% image './src/assets/img/404.jpg', title, 'image__banner', 'eager', 'banner', fallbackIcon %}
|
||||
<img src="/assets/img/404.jpg" alt="404 image — oops!" class="image__banner" />
|
||||
<div class="text-center">
|
||||
<h2 class="page__header">{{ title }}</h2>
|
||||
<h3>What kind of idiots do you have working here?</h3>
|
||||
|
|
|
|||
|
|
@ -10,8 +10,7 @@ image: /assets/img/ogi/about.jpg
|
|||
<style>{{ css }}</style>
|
||||
<div class="avatar__wrapper flex--centered">
|
||||
{% capture about_alt %}{{ meta.siteName }} - image by David Neal / @reverentgeek{% endcapture %}
|
||||
{% capture fallbackIcon %}{% tablericon "photo" about_alt %}{% endcapture %}
|
||||
{% image './src/assets/img/avatar.webp', about_alt, '', 'eager', 'banner', fallbackIcon %}
|
||||
<img src="/assets/img/avatar.webp" alt="{{ about_alt }}" />
|
||||
</div>
|
||||
<h2 class="page__header text-center">Hi, I'm Cory</h2>
|
||||
|
||||
|
|
|
|||
|
|
@ -9,8 +9,7 @@ image: /assets/img/pages/uses.jpg
|
|||
|
||||
Software and services that I use for work and my own enjoyment.
|
||||
|
||||
{% capture fallbackIcon %}{% tablericon "photo" "My desk" %}{% endcapture %}
|
||||
{% image 'https://coryd.dev/assets/img/pages/uses.jpg', 'My desk', 'image__banner', 'eager', 'banner', fallbackIcon %}
|
||||
<img src="https://coryd.dev/assets/img/pages/uses.jpg" alt="My desk" class="image__banner" />
|
||||
|
||||
<h3>Computer setup</h3>
|
||||
|
||||
|
|
|
|||
|
|
@ -14,8 +14,8 @@ tags: ['books', 'music', 'development', 'Eleventy']
|
|||
<li><a href="https://www.last.fm/user/coryd_">I listened to a bunch of music</a></li>
|
||||
<li><a href="https://trakt.tv/users/cdransf">I watched a bunch of movies and TV</a>, but picking favorites feels weird when so much of that consisted of catching up on "classics" and things I'd either ignored or never seen.</li>
|
||||
</ul>
|
||||
{% render "partials/now/media-grid.liquid", data:roundups['2023'].books, icon: "books", title: "Favorite books", shape: "vertical", count: 6, embeddedStyles: true, imageMaxWidth: 320 %}
|
||||
{% render "partials/now/media-grid.liquid", data:roundups['2023'].albums, icon: "vinyl", title: "Favorite albums", shape: "square", count: 8, imageMaxWidth: 320 %}
|
||||
{% render "partials/now/media-grid.liquid", data:roundups['2023'].books, icon: "books", title: "Favorite books", shape: "vertical", count: 6, embeddedStyles: true %}
|
||||
{% render "partials/now/media-grid.liquid", data:roundups['2023'].albums, icon: "vinyl", title: "Favorite albums", shape: "square", count: 8 %}
|
||||
|
||||
<p><strong><a href="https://coryd.dev">I wrote some things:</a></strong></p>
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -196,9 +196,5 @@ const Webmentions = dynamic(() => import('@/components/webmentions/WebmentionsCo
|
|||
export default Webmentions
|
||||
```
|
||||
|
||||
The final display looks like this:
|
||||
|
||||
<img src="https://files.coryd.dev/v/NG8lHj24OsJilx7QuxWO+" alt="Example webmentions" style="width:100%;height:auto;margin:.5em 0" />
|
||||
|
||||
[^1]: For my purposes, social media is GitHub, Mastodon and Medium. I've used the rest at various points and no longer have an interest in them for myriad reasons.
|
||||
[^2]: I've discussed this all a bit more in [this post](https://coryd.dev/blog/simple-api-fetch-hooks-with-swr).
|
||||
|
|
|
|||
|
|
@ -204,8 +204,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.
|
||||
|
||||
{% capture fallbackIcon %}{% tablericon "photo" "Albums and artists" %}{% endcapture %}
|
||||
{% image 'https://cdn.coryd.dev/blog/albums-artists.jpg', 'Albums and artists', 'image__banner', 'lazy', 'banner', fallbackIcon %}
|
||||
<img src="https://cdn.coryd.dev/blog/albums-artists.jpg" alt="Albums and artists" class="image__banner" />
|
||||
|
||||
[^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.
|
||||
|
|
|
|||
|
|
@ -10,8 +10,7 @@ I've been using Fastmail for years now and have explored a number of different a
|
|||
|
||||
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.
|
||||
|
||||
{% capture fallbackIcon %}{% tablericon "photo" "A diagram of my Fastmail workflow" %}{% endcapture %}
|
||||
{% image 'https://cdn.coryd.dev/blog/fastmail-workflow.jpg', 'A diagram of my Fastmail workflow', 'image__banner', 'eager', 'banner', fallbackIcon %}
|
||||
<img src="https://cdn.coryd.dev/blog/fastmail-workflow.jpg" alt="A diagram of my Fastmail workflow" class="image__banner" loading="eager" />
|
||||
|
||||
## Alias-specific rules
|
||||
|
||||
|
|
|
|||
|
|
@ -65,7 +65,6 @@ Rendering the output is as simple as:
|
|||
|
||||
{% endraw %}
|
||||
Leaving us with:
|
||||
{% capture fallbackIcon %}{% tablericon "photo" "Albums I'm looking forward to" %}{% endcapture %}
|
||||
{% image 'https://cdn.coryd.dev/blog/album-releases.jpg', 'Albums I\'m looking forward to', 'image__banner', 'eager', 'banner', fallbackIcon %}
|
||||
<img src="https://cdn.coryd.dev/blog/album-releases.jpg" alt="Albums I'm looking forward to" class="image__banner" />
|
||||
|
||||
[^1]: At this point, a dev playground.
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ I made a minor update to how I'm normalizing TV data for display on my now page.
|
|||
|
||||
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' %}
|
||||
<img src="https://cdn.coryd.dev/blog/grouped-tv.jpg" alt="Grouped TV episodes" class="image__banner" loading="eager" />
|
||||
|
||||
{% raw %}
|
||||
|
||||
|
|
|
|||
|
|
@ -168,7 +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.
|
||||
|
||||
{% capture fallbackIcon %}{% tablericon "photo" "Now playing" %}{% endcapture %}
|
||||
{% image 'https://cdn.coryd.dev/blog/now-playing.jpg', 'Now playing', 'image__banner', 'lazy', 'banner', fallbackIcon %}
|
||||
<img src="https://cdn.coryd.dev/blog/now-playing.jpg" alt="Now playing" class="image__banner" />
|
||||
|
||||
[^1]: Plus explicit conditions matching David Bowie and Minor Threat.
|
||||
|
|
|
|||
|
|
@ -138,6 +138,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' %}
|
||||
<img src="https://cdn.coryd.dev/blog/page-speed.jpg" alt="Pagespeed scores for coryd.dev/now" class="image__banner" />
|
||||
|
||||
[^1]: It's easy, flexible and helps mitigate my lack of an eye for design by providing safe baselines.
|
||||
|
|
|
|||
|
|
@ -133,8 +133,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.
|
||||
|
||||
{% capture fallbackIcon %}{% tablericon "photo" "Charlie Day standing in front of charts" %}{% endcapture %}
|
||||
{% image 'https://cdn.coryd.dev/blog/charlie.jpg', 'Charlie Day standing in front of charts', 'image__banner', 'lazy', 'banner', fallbackIcon %}
|
||||
<img src="https://cdn.coryd.dev/blog/charlie.jpg" alt="Charlie Day standing in front of charts" class="image__banner" />
|
||||
|
||||
"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.
|
||||
|
||||
|
|
|
|||
|
|
@ -27,8 +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', 'banner', fallbackIcon %}
|
||||
<img src="https://cdn.coryd.dev/blog/half-sleeve.jpg" alt="A photo of the Sturgill Simpson-inspired half sleeve referenced above." class="image__banner" />
|
||||
|
||||
[^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