chore: 11ty img
This commit is contained in:
parent
2bcd6d3ee7
commit
73eb06739e
23 changed files with 728 additions and 270 deletions
|
@ -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"
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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"
|
||||
|
|
Reference in a new issue