feat: independent cdn

This commit is contained in:
Cory Dransfeldt 2024-06-07 10:56:50 -07:00
parent 152f7f89d3
commit 38cca61033
No known key found for this signature in database
25 changed files with 125 additions and 123 deletions

View file

@ -11,16 +11,16 @@ permalink: /about.html
{%- 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
https://coryd-dev.b-cdn.net/assets/avatar-transparent.png?width=200&h=200&aspect_ratio=1:1 200w,
https://coryd-dev.b-cdn.net/assets/avatar-transparent.png?width=400&h=400&aspect_ratio=1:1 400w,
https://coryd-dev.b-cdn.net/assets/avatar-transparent.png?width=800&h=800&aspect_ratio=1:1 800w,
https://coryd-dev.b-cdn.net/assets/avatar-transparent.png?width=1200&h=1200&aspect_ratio=1:1 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="https://coryd-dev.b-cdn.net/assets/avatar-transparent.png?width=1200&h=1200&aspect_ratio=1:1"
alt="{{ about_alt }}"
loading="eager"
decoding="async"

View file

@ -16,16 +16,16 @@ schema: book
<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
https://coryd-dev.b-cdn.net{{ book.image }}?w=203&aspect_ratio=2:3 203w,
https://coryd-dev.b-cdn.net{{ book.image }}?w=406&aspect_ratio=2:3 406w,
https://coryd-dev.b-cdn.net{{ book.image }}?w=812&aspect_ratio=2:3 812w,
https://coryd-dev.b-cdn.net{{ book.image }}?w=1624&aspect_ratio=2:3 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="https://coryd-dev.b-cdn.net{{ book.image }}?w=1624&aspect_ratio=2:3"
alt="{{ alt }}"
loading="eager"
decoding="async"

View file

@ -19,16 +19,16 @@ schema: books
<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
https://coryd-dev.b-cdn.net{{ book.image }}?width=203&aspect_ratio=.65:1 203w,
https://coryd-dev.b-cdn.net{{ book.image }}?width=406&aspect_ratio=.65:1 406w,
https://coryd-dev.b-cdn.net{{ book.image }}?width=812&aspect_ratio=.65:1 812w,
https://coryd-dev.b-cdn.net{{ book.image }}?width=1624&aspect_ratio=.65:1 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="https://coryd-dev.b-cdn.net{{ book.image }}?width=1624&aspect_ratio=.65:1"
alt="{{ alt }}"
loading="eager"
decoding="async"

View file

@ -21,16 +21,16 @@ schema: artist
<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
https://coryd-dev.b-cdn.net{{ artist.image }}?w=200&aspect_ratio=1:1 200w,
https://coryd-dev.b-cdn.net{{ artist.image }}?w=400&aspect_ratio=1:1 400w,
https://coryd-dev.b-cdn.net{{ artist.image }}?w=800&aspect_ratio=1:1 800w,
https://coryd-dev.b-cdn.net{{ artist.image }}?w=1200&aspect_ratio=1:1 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="https://coryd-dev.b-cdn.net{{ artist.image }}?w=1200&aspect_ratio=1:1"
alt="{{ alt }}"
loading="eager"
decoding="async"

View file

@ -14,16 +14,16 @@ schema: movie
<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
https://coryd-dev.b-cdn.net{{ movie.backdrop }}?aspect_ratio=1:.5625&width=256 256w,
https://coryd-dev.b-cdn.net{{ movie.backdrop }}?aspect_ratio=1:.5625&width=512 512w,
https://coryd-dev.b-cdn.net{{ movie.backdrop }}?aspect_ratio=1:.5625&width=1024 1024w,
https://coryd-dev.b-cdn.net{{ movie.backdrop }}?aspect_ratio=1:.5625&width=2048 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="https://coryd-dev.b-cdn.net{{ movie.backdrop }}?aspect_ratio=1:.5625&width=2048"
alt="{{ alt }}"
class="image-banner"
loading="eager"

View file

@ -15,16 +15,16 @@ schema: show
<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
https://coryd-dev.b-cdn.net/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg?aspect_ratio=1:.5625&width=256 256w,
https://coryd-dev.b-cdn.net/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg?aspect_ratio=1:.5625&width=512 512w,
https://coryd-dev.b-cdn.net/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg?aspect_ratio=1:.5625&width=1024 1024w,
https://coryd-dev.b-cdn.net/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg?aspect_ratio=1:.5625&width=2048 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.b-cdn.net/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg?aspect_ratio=1:.5625&width=2048"
alt="{{ alt }}"
class="image-banner"
loading="eager"