cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: 11ty img

Browse source
This commit is contained in:
Cory Dransfeldt 2024-06-06 14:55:19 -07:00
parent 2bcd6d3ee7
commit 73eb06739e
No known key found for this signature in database
23 changed files with 728 additions and 270 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/_data/meta.js
View file

@ -10,7 +10,7 @@ export default async function () {
"locale": "en_US",
"lang": "en",
"meta_data": {
"opengraph_default": "https://coryd.dev/.netlify/images/?url=/assets/img/avatar.png&w=500&h=500&fm=webp"
"opengraph_default": "/assets/img/avatar.png"
}
}
}

3
src/_data/movies.js
View file

@ -40,6 +40,8 @@ const fetchAllMovies = async () => {
rangeStart += PAGE_SIZE
}
movies = movies.filter(movie => movie.last_watched)
return movies
}
@ -66,6 +68,7 @@ export default async function () {
}
return movie
}).filter(movie => watched ? movie['lastWatched'] : !movie['lastWatched'])
const favoriteMovies = movies.filter(movie => movie['favorite'])
const collectedMovies = movies.filter(movie => movie['collected'])
const recentlyWatchedMovies = movies.filter(movie => movie['last_watched']).sort((a, b) => new Date(b['last_watched']) - new Date(a['last_watched']))

14
src/_data/tv.js
View file

@ -40,6 +40,10 @@ const fetchAllShows = async () => {
rangeStart += PAGE_SIZE
}
shows = shows.filter(show =>
show.episodes.some(episode => episode.last_watched_at)
)
return shows
}
@ -96,8 +100,8 @@ export default async function () {
season: seasonNumber,
tmdbId: showTmdbId,
type: 'tv',
image: `/media/shows/poster-${showTmdbId}.jpg`,
backdrop: `/media/shows/backdrops/backdrop-${showTmdbId}.jpg`,
image: `https://coryd.dev/media/shows/poster-${showTmdbId}.jpg`,
backdrop: `https://coryd.dev/media/shows/backdrops/backdrop-${showTmdbId}.jpg`,
dateAdded: lastWatchedAt,
lastWatchedAt
})
@ -124,8 +128,8 @@ export default async function () {
collected: show['collected'],
favorite: show['favorite'],
type: 'tv-range',
image: `/media/shows/poster-${show['tmdbId']}.jpg`,
backdrop: `/media/shows/backdrops/backdrop-${show['tmdbId']}.jpg`,
image: `https://coryd.dev/media/shows/poster-${show['tmdbId']}.jpg`,
backdrop: `https://coryd.dev/media/shows/backdrops/backdrop-${show['tmdbId']}.jpg`,
})
} else {
const singleEpisode = show['episodes'][0]
@ -139,8 +143,6 @@ export default async function () {
}
const favoriteShows = shows.filter(show => show['favorite'])
const collectedShows = shows.filter(show => show['collected'])
const toWatch = shows.map(show => ({...show, url: `/watching/shows/${show['tmdb_id']}`})).filter(show => !show.episodes.some(episode => episode.last_watched_at)).sort((a, b) => a['title'].localeCompare(b['title']))
return {
shows,

24
src/_includes/partials/media/grid.liquid
View file

@ -18,17 +18,7 @@
{% assign loadingStrategy = loading | default: 'lazy' %}
{% if shape == 'square' %}
<img
srcset="
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=200&fm=webp&q=40 200w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=400&h=400&fm=webp&q=40 400w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=800&h=800&fm=webp&q=40 800w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1200&fm=webp&q=40 1200w
"
sizes="(max-width: 450px) 200px,
(max-width: 850px) 400px,
(max-width: 100px) 800px,
1200px"
src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1200&fm=webp&q=40"
src="{{ item.image }}"
alt="{{ alt }}"
loading="{{ loadingStrategy }}"
decoding="async"
@ -37,17 +27,7 @@
/>
{% else %}
<img
srcset="
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=307&fm=webp&q=40 200w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=400&h=614&fm=webp&q=40 400w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=800&h=1228&fm=webp&q=40 800w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1842&fm=webp&q=40 1200w
"
sizes="(max-width: 450px) 200px,
(max-width: 850px) 400px,
(max-width: 1000px) 800px,
1200px"
src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1842&fm=webp&q=40"
src="{{ item.image }}"
alt="{{ alt }}"
loading="{{ loadingStrategy }}"
decoding="async"

12
src/_includes/partials/media/music/recent.liquid
View file

@ -4,17 +4,7 @@
<div class="item">
<div class="meta">
<img
srcset="
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=64&h=64&fm=webp&q=40 64w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=128&h=128&fm=webp&q=40 128w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=256&h=256&fm=webp&q=40 256w,
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=512&h=512&fm=webp&q=40 512w
"
sizes="(max-width: 450px) 64px,
(max-width: 850px) 128px,
(max-width: 1000px) 256px,
512px"
src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=512&h=512&fm=webp&q=40"
src="{{ item.image }}"
alt="{{ alt }}"
loading="lazy"
decoding="async"

12
src/_includes/partials/media/watching/grid.liquid
View file

@ -22,17 +22,7 @@
{%- if loading -%}{{ loading }}{%- else -%}lazy{%- endif -%}
{%- endcapture -%}
<img
srcset="
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=40 256w,
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=40 512w,
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=40 1024w,
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=40 2048w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,
(max-width: 1000px) 1024px,
2048px"
src="https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=40"
src="{{ item.backdrop }}"
alt="{{ alt }}"
loading="{{ loadingStrategy }}"
decoding="async"

12
src/_includes/partials/media/watching/hero.liquid
View file

@ -6,17 +6,7 @@
<div class="subheader">Last watched @ {{ movie.dateAdded | date: "%B %e, %Y" }}</div>
</div>
<img
srcset="
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=40 256w,
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=40 512w,
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=40 1024w,
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=40 2048w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,
(max-width: 1000px) 1024px,
2048px"
src="https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=40"
src="{{ movie.backdrop }}"
alt="{{ alt }}"
loading="eager"
decoding="async"

96
src/_includes/partials/widgets/badge-grid.liquid
View file

@ -1,17 +1,7 @@
<div class="badge-grid">
<a href="https://11ty.dev">
<img
srcset="
https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=88&h=31&fm=webp&q=40 88w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=176&h=62&fm=webp&q=40 176w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=352&h=124&fm=webp&q=40 352w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=704&h=248&fm=webp&q=40 704w
"
sizes="(max-width: 450px) 88px,
(max-width: 850px) 176px,
(max-width: 1000px) 352px,
704px"
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=704&h=248&fm=webp&q=40"
src="/assets/img/badges/eleventy.png"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -21,17 +11,7 @@
</a>
<a href="https://social.lol/@cory">
<img
srcset="
https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=88&h=31&fm=webp&q=40 88w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=176&h=62&fm=webp&q=40 176w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=352&h=124&fm=webp&q=40 352w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=704&h=248&fm=webp&q=40 704w
"
sizes="(max-width: 450px) 88px,
(max-width: 850px) 176px,
(max-width: 1000px) 352px,
704px"
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=704&h=248&fm=webp&q=40"
src="/assets/img/badges/mastodon.png"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -41,17 +21,7 @@
</a>
<a href="https://www.buymeacoffee.com/cory">
<img
srcset="
https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=88&h=31&fm=webp&q=40 88w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=176&h=62&fm=webp&q=40 176w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=352&h=124&fm=webp&q=40 352w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=704&h=248&fm=webp&q=40 704w
"
sizes="(max-width: 450px) 88px,
(max-width: 850px) 176px,
(max-width: 1000px) 352px,
704px"
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=704&h=248&fm=webp&q=40"
src="/assets/img/badges/buymeacoffee.png"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -61,17 +31,7 @@
</a>
<a href="https://github.com/cdransf">
<img
srcset="
https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=88&h=31&fm=webp&q=40 88w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=176&h=62&fm=webp&q=40 176w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=352&h=124&fm=webp&q=40 352w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=704&h=248&fm=webp&q=40 704w
"
sizes="(max-width: 450px) 88px,
(max-width: 850px) 176px,
(max-width: 1000px) 352px,
704px"
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=704&h=248&fm=webp&q=40"
src="/assets/img/badges/github.png"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -81,17 +41,7 @@
</a>
<a href="https://github.com/ai-robots-txt/ai.robots.txt">
<img
srcset="
https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=88&h=31&fm=webp&q=40 88w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=176&h=62&fm=webp&q=40 176w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=352&h=124&fm=webp&q=40 352w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=704&h=248&fm=webp&q=40 704w
"
sizes="(max-width: 450px) 88px,
(max-width: 850px) 176px,
(max-width: 1000px) 352px,
704px"
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=704&h=248&fm=webp&q=40"
src="/assets/img/badges/notarobot.png"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -101,17 +51,7 @@
</a>
<a href="https://validator.w3.org">
<img
srcset="
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=88&h=31&fm=webp&q=40 88w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=176&h=62&fm=webp&q=40 176w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=352&h=124&fm=webp&q=40 352w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=704&h=248&fm=webp&q=40 704w
"
sizes="(max-width: 450px) 88px,
(max-width: 850px) 176px,
(max-width: 1000px) 352px,
704px"
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=704&h=248&fm=webp&q=40"
src="/assets/img/badges/validhtml5.png"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -121,17 +61,7 @@
</a>
<a href="https://www.w3.org/Style/CSS/Overview.en.html">
<img
srcset="
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=88&h=31&fm=webp&q=40 88w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=176&h=62&fm=webp&q=40 176w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=352&h=124&fm=webp&q=40 352w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=704&h=248&fm=webp&q=40 704w
"
sizes="(max-width: 450px) 88px,
(max-width: 850px) 176px,
(max-width: 1000px) 352px,
704px"
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=704&h=248&fm=webp&q=40"
src="/assets/img/badges/validcss.png"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -141,17 +71,7 @@
</a>
<a href="https://coryd.dev/feeds">
<img
srcset="
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=88&h=31&fm=webp&q=40 88w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=176&h=62&fm=webp&q=40 176w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=352&h=124&fm=webp&q=40 352w,
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=704&h=248&fm=webp&q=40 704w
"
sizes="(max-width: 450px) 88px,
(max-width: 850px) 176px,
(max-width: 1000px) 352px,
704px"
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=704&h=248&fm=webp&q=40"
src="/assets/img/badges/validrss.png"
alt="Made with 11ty"
loading="lazy"
decoding="async"

12
src/_includes/webrings/the-claw.liquid
View file

@ -1,17 +1,7 @@
<div class="webring__wrapper">
<div class="webring__centered flex-centered">
<img
srcset="
https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=200&h=169&fm=webp&q=40 200w,
https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=400&h=338&fm=webp&q=40 400w,
https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=800&h=676&fm=webp&q=40 800w,
https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=1600&h=1352&fm=webp&q=40 1600w
"
sizes="(max-width: 450px) 200px,
(max-width: 850px) 400px,
(max-width: 1000px) 800px,
1600px"
src="https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=1600&h=1352&fm=webp&q=40"
src="/assets/img/webrings/theclaw.png"
alt="The Claw Webring"
loading="lazy"
decoding="async"

4
src/assets/styles/base/index.css
View file

@ -147,6 +147,10 @@ a:active,
stroke: var(--accent-color-hover);
}
picture {
display: flex;
}
/* headers */
h1, h2, h3, h4, h5, h6 {
font-weight: var(--font-weight-bold);

2
src/assets/styles/pages/media.css
View file

@ -110,7 +110,7 @@
position: absolute;
z-index: 1;
content: '';
bottom: 10px;
bottom: 0;
left: 1px;
box-shadow: inset 0 -70px 75px -40px #000;
width: calc(100% - 2px);

2
src/meta/webfinger.liquid
View file

@ -10,7 +10,7 @@ dynamicPermalink: false
{
"rel": "http://webfinger.net/rel/avatar",
"type": "image/webp",
"href": "https://coryd.dev/.netlify/images/?url=/assets/img/default.png&w=500&h=500&fm=webp"
"href": "/assets/img/default.png&w=500&h=500&fm=webp"
},
{
"rel": "http://webfinger.net/rel/profile-page",

12
src/pages/errors/404.html
View file

@ -7,17 +7,7 @@ image: /assets/img/404.jpg
---
<div class="four-oh-four-wrapper">
<img
srcset="
https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=256&h=144&fm=webp&q=40 256w,
https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=512&h=288&fm=webp&q=40 512w,
https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=1024&h=576&fm=webp&q=40 1024w,
https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=2048&h=1152&fm=webp&q=40 2048w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,
(max-width: 1000px) 1024px,
2048px"
src="https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=2048&h=1152&fm=webp&q=40"
src="/assets/img/404.jpg"
alt="{{ alt }}"
class="image-banner"
loading="eager"

12
src/pages/main/about.md
View file

@ -10,17 +10,7 @@ permalink: /about.html
<div class="interior">
{%- capture about_alt -%}{{ meta.siteName }} - image by David Neal / @reverentgeek{%- endcapture -%}
<img
srcset="
https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=200&h=200&fm=webp&q=40 200w,
https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=400&h=400&fm=webp&q=40 400w,
https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=800&h=800&fm=webp&q=40 800w,
https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=1200&h=1200&fm=webp&q=40 1200w
"
sizes="(max-width: 450px) 200px,
(max-width: 850px) 400px,
(max-width: 1000px) 800px,
1200px"
src="https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=1200&h=1200&fm=webp&q=40"
src="/assets/img/avatar-transparent.png"
alt="{{ about_alt }}"
loading="eager"
decoding="async"

12
src/pages/main/books/book.html
View file

@ -15,17 +15,7 @@ schema: book
<article class="book-focus">
<div class="book-display">
<img
srcset="
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=203&h=309&fm=webp&q=40 203w,
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=406&h=618&fm=webp&q=40 406w,
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=812&h=1236&fm=webp&q=40 812w,
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=40 1624w
"
sizes="(max-width: 450px) 203px,
(max-width: 850px) 406px,
(max-width: 1000px) 812px,
1624px"
src="https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=40"
src="{{ book.image }}"
alt="{{ alt }}"
loading="eager"
decoding="async"

12
src/pages/main/books/index.html
View file

@ -18,17 +18,7 @@ schema: books
<article class="book-entry">
<a href="{{ book.url }}">
<img
srcset="
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=203&h=309&fm=webp&q=40 203w,
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=406&h=618&fm=webp&q=40 406w,
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=812&h=1236&fm=webp&q=40 812w,
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=40 1624w
"
sizes="(max-width: 450px) 203px,
(max-width: 850px) 406px,
(max-width: 1000px) 812px,
1624px"
src="https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=40"
src="{{ book.image }}"
alt="{{ alt }}"
loading="eager"
decoding="async"

12
src/pages/main/music/artists/artist.html
View file

@ -20,17 +20,7 @@ schema: artist
<article class="artist-focus">
<div class="artist-display">
<img
srcset="
https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=200&h=200&fm=webp&q=40 200w,
https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=400&h=400&fm=webp&q=40 400w,
https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=800&h=800&fm=webp&q=40 800w,
https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=1200&h=1200&fm=webp&q=40 1200w
"
sizes="(max-width: 450px) 200px,
(max-width: 850px) 400px,
(max-width: 1000px) 800px,
1200px"
src="https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=1200&h=1200&fm=webp&q=40"
src="{{ artist.image }}"
alt="{{ alt }}"
loading="eager"
decoding="async"

12
src/pages/main/watching/movie.html
View file

@ -13,17 +13,7 @@ schema: movie
<a class="back-link-header link-icon flex-centered" href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" "Go back" %} Go back</a>
<article class="watching-focus">
<img
srcset="
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=40 256w,
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=40 512w,
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=40 1024w,
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=40 2048w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,
(max-width: 1000px) 1024px,
2048px"
src="https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=40"
src="{{ movie.backdrop }}"
alt="{{ alt }}"
class="image-banner"
loading="eager"

12
src/pages/main/watching/show.html
View file

@ -14,17 +14,7 @@ schema: show
<a class="back-link-header link-icon flex-centered" href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" "Go back" %} Go back</a>
<article class="watching-focus">
<img
srcset="
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=256&h=144&fm=webp&q=40 256w,
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=512&h=288&fm=webp&q=40 512w,
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=1024&h=576&fm=webp&q=40 1024w,
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=2048&h=1152&fm=webp&q=40 2048w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,
(max-width: 1000px) 1024px,
2048px"
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=2048&h=1152&fm=webp&q=40"
src="https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg"
alt="{{ alt }}"
class="image-banner"
loading="eager"