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

Revert "chore: 11ty img"

Browse source 
This reverts commit 73eb06739e.
This commit is contained in:
Cory Dransfeldt 2024-06-06 15:33:48 -07:00
parent 73eb06739e
commit 2c18ab1030
No known key found for this signature in database
23 changed files with 270 additions and 728 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": "/assets/img/avatar.png"
"opengraph_default": "https://coryd.dev/.netlify/images/?url=/assets/img/avatar.png&w=500&h=500&fm=webp"
}
}
}

3
src/_data/movies.js
View file

@ -40,8 +40,6 @@ const fetchAllMovies = async () => {
rangeStart += PAGE_SIZE
}
movies = movies.filter(movie => movie.last_watched)
return movies
}
@ -68,7 +66,6 @@ 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,10 +40,6 @@ const fetchAllShows = async () => {
rangeStart += PAGE_SIZE
}
shows = shows.filter(show =>
show.episodes.some(episode => episode.last_watched_at)
)
return shows
}
@ -100,8 +96,8 @@ export default async function () {
season: seasonNumber,
tmdbId: showTmdbId,
type: 'tv',
image: `https://coryd.dev/media/shows/poster-${showTmdbId}.jpg`,
backdrop: `https://coryd.dev/media/shows/backdrops/backdrop-${showTmdbId}.jpg`,
image: `/media/shows/poster-${showTmdbId}.jpg`,
backdrop: `/media/shows/backdrops/backdrop-${showTmdbId}.jpg`,
dateAdded: lastWatchedAt,
lastWatchedAt
})
@ -128,8 +124,8 @@ export default async function () {
collected: show['collected'],
favorite: show['favorite'],
type: 'tv-range',
image: `https://coryd.dev/media/shows/poster-${show['tmdbId']}.jpg`,
backdrop: `https://coryd.dev/media/shows/backdrops/backdrop-${show['tmdbId']}.jpg`,
image: `/media/shows/poster-${show['tmdbId']}.jpg`,
backdrop: `/media/shows/backdrops/backdrop-${show['tmdbId']}.jpg`,
})
} else {
const singleEpisode = show['episodes'][0]
@ -143,6 +139,8 @@ 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,7 +18,17 @@
{% assign loadingStrategy = loading | default: 'lazy' %}
{% if shape == 'square' %}
<img
src="{{ item.image }}"
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"
alt="{{ alt }}"
loading="{{ loadingStrategy }}"
decoding="async"
@ -27,7 +37,17 @@
/>
{% else %}
<img
src="{{ item.image }}"
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"
alt="{{ alt }}"
loading="{{ loadingStrategy }}"
decoding="async"

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

@ -4,7 +4,17 @@
<div class="item">
<div class="meta">
<img
src="{{ item.image }}"
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"
alt="{{ alt }}"
loading="lazy"
decoding="async"

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

@ -22,7 +22,17 @@
{%- if loading -%}{{ loading }}{%- else -%}lazy{%- endif -%}
{%- endcapture -%}
<img
src="{{ item.backdrop }}"
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"
alt="{{ alt }}"
loading="{{ loadingStrategy }}"
decoding="async"

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

@ -6,7 +6,17 @@
<div class="subheader">Last watched @ {{ movie.dateAdded | date: "%B %e, %Y" }}</div>
</div>
<img
src="{{ movie.backdrop }}"
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"
alt="{{ alt }}"
loading="eager"
decoding="async"

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

@ -1,7 +1,17 @@
<div class="badge-grid">
<a href="https://11ty.dev">
<img
src="/assets/img/badges/eleventy.png"
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"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -11,7 +21,17 @@
</a>
<a href="https://social.lol/@cory">
<img
src="/assets/img/badges/mastodon.png"
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"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -21,7 +41,17 @@
</a>
<a href="https://www.buymeacoffee.com/cory">
<img
src="/assets/img/badges/buymeacoffee.png"
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"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -31,7 +61,17 @@
</a>
<a href="https://github.com/cdransf">
<img
src="/assets/img/badges/github.png"
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"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -41,7 +81,17 @@
</a>
<a href="https://github.com/ai-robots-txt/ai.robots.txt">
<img
src="/assets/img/badges/notarobot.png"
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"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -51,7 +101,17 @@
</a>
<a href="https://validator.w3.org">
<img
src="/assets/img/badges/validhtml5.png"
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"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -61,7 +121,17 @@
</a>
<a href="https://www.w3.org/Style/CSS/Overview.en.html">
<img
src="/assets/img/badges/validcss.png"
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"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -71,7 +141,17 @@
</a>
<a href="https://coryd.dev/feeds">
<img
src="/assets/img/badges/validrss.png"
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"
alt="Made with 11ty"
loading="lazy"
decoding="async"

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

@ -1,7 +1,17 @@
<div class="webring__wrapper">
<div class="webring__centered flex-centered">
<img
src="/assets/img/webrings/theclaw.png"
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"
alt="The Claw Webring"
loading="lazy"
decoding="async"

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

@ -147,10 +147,6 @@ 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: 0;
bottom: 10px;
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": "/assets/img/default.png&w=500&h=500&fm=webp"
"href": "https://coryd.dev/.netlify/images/?url=/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,7 +7,17 @@ image: /assets/img/404.jpg
---
<div class="four-oh-four-wrapper">
<img
src="/assets/img/404.jpg"
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"
alt="{{ alt }}"
class="image-banner"
loading="eager"

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

@ -10,7 +10,17 @@ permalink: /about.html
<div class="interior">
{%- capture about_alt -%}{{ meta.siteName }} - image by David Neal / @reverentgeek{%- endcapture -%}
<img
src="/assets/img/avatar-transparent.png"
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"
alt="{{ about_alt }}"
loading="eager"
decoding="async"

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

@ -15,7 +15,17 @@ schema: book
<article class="book-focus">
<div class="book-display">
<img
src="{{ book.image }}"
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"
alt="{{ alt }}"
loading="eager"
decoding="async"

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

@ -18,7 +18,17 @@ schema: books
<article class="book-entry">
<a href="{{ book.url }}">
<img
src="{{ book.image }}"
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"
alt="{{ alt }}"
loading="eager"
decoding="async"

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

@ -20,7 +20,17 @@ schema: artist
<article class="artist-focus">
<div class="artist-display">
<img
src="{{ artist.image }}"
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"
alt="{{ alt }}"
loading="eager"
decoding="async"

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

@ -13,7 +13,17 @@ 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
src="{{ movie.backdrop }}"
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"
alt="{{ alt }}"
class="image-banner"
loading="eager"

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

@ -14,7 +14,17 @@ 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
src="https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg"
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"
alt="{{ alt }}"
class="image-banner"
loading="eager"