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

feat: leverage bunny.net transform classes

Browse source
This commit is contained in:
Cory Dransfeldt 2024-07-02 11:24:38 -07:00
parent 6a6f2d95fe
commit e6e1777296
No known key found for this signature in database
15 changed files with 88 additions and 89 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -7,23 +7,23 @@ image: https://cdn.coryd.dev/assets/404.jpg
---
<img
srcset="
https://cdn.coryd.dev/assets/404.jpg?aspect_ratio=1:.5625&width=256 256w,
https://cdn.coryd.dev/assets/404.jpg?aspect_ratio=1:.5625&width=512 512w,
https://cdn.coryd.dev/assets/404.jpg?aspect_ratio=1:.5625&width=1024 1024w,
https://cdn.coryd.dev/assets/404.jpg?aspect_ratio=1:.5625&width=2048 2048w
https://cdn.coryd.dev/assets/404.jpg?class=bannersm 256w,
https://cdn.coryd.dev/assets/404.jpg?class=bannermd 512w,
https://cdn.coryd.dev/assets/404.jpg?class=bannerbase 1024w,
https://cdn.coryd.dev/assets/404.jpg?class=bannerlg 2048w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,
(max-width: 1000px) 1024px,
2048px"
src="https://cdn.coryd.dev/assets/404.jpg?aspect_ratio=1:.5625&width=2048"
src="https://cdn.coryd.dev/assets/404.jpg?class=bannerlg"
alt="{{ alt }}"
class="image-banner"
style="aspect-ratio:1/0.5625"
loading="eager"
decoding="async"
width="768"
height="432"
width="1080"
height="720"
/>
<div class="text-centered">
<h2>{{ title }}</h2>

14
src/pages/errors/broken.html
View file

@ -7,23 +7,23 @@ image: https://cdn.coryd.dev/assets/broken.jpg
---
<img
srcset="
https://cdn.coryd.dev/assets/broken.jpg?aspect_ratio=1:.5625&width=256 256w,
https://cdn.coryd.dev/assets/broken.jpg?aspect_ratio=1:.5625&width=512 512w,
https://cdn.coryd.dev/assets/broken.jpg?aspect_ratio=1:.5625&width=1024 1024w,
https://cdn.coryd.dev/assets/broken.jpg?aspect_ratio=1:.5625&width=2048 2048w
https://cdn.coryd.dev/assets/broken.jpg?class=bannersm 256w,
https://cdn.coryd.dev/assets/broken.jpg?class=bannermd 512w,
https://cdn.coryd.dev/assets/broken.jpg?class=bannerbase 1024w,
https://cdn.coryd.dev/assets/broken.jpg?class=bannerlg 2048w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,
(max-width: 1000px) 1024px,
2048px"
src="https://cdn.coryd.dev/assets/broken.jpg?aspect_ratio=1:.5625&width=2048"
src="https://cdn.coryd.dev/assets/broken.jpg?class=bannerlg"
alt="{{ alt }}"
class="image-banner"
style="aspect-ratio:1/0.5625"
loading="eager"
decoding="async"
width="768"
height="432"
width="1080"
height="720"
/>
<div class="text-centered">
<h2>{{ title }}</h2>

14
src/pages/errors/not-allowed.html
View file

@ -7,23 +7,23 @@ image: https://cdn.coryd.dev/assets/not-allowed.jpg
---
<img
srcset="
https://cdn.coryd.dev/assets/not-allowed.jpg?aspect_ratio=1:.5625&width=256 256w,
https://cdn.coryd.dev/assets/not-allowed.jpg?aspect_ratio=1:.5625&width=512 512w,
https://cdn.coryd.dev/assets/not-allowed.jpg?aspect_ratio=1:.5625&width=1024 1024w,
https://cdn.coryd.dev/assets/not-allowed.jpg?aspect_ratio=1:.5625&width=2048 2048w
https://cdn.coryd.dev/assets/not-allowed.jpg?class=bannersm 256w,
https://cdn.coryd.dev/assets/not-allowed.jpg?class=bannermd 512w,
https://cdn.coryd.dev/assets/not-allowed.jpg?class=bannerbase 1024w,
https://cdn.coryd.dev/assets/not-allowed.jpg?class=bannerlg 2048w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,
(max-width: 1000px) 1024px,
2048px"
src="https://cdn.coryd.dev/assets/not-allowed.jpg?aspect_ratio=1:.5625&width=2048"
src="https://cdn.coryd.dev/assets/not-allowed.jpg?class=bannerlg"
alt="{{ alt }}"
class="image-banner"
style="aspect-ratio:1/0.5625"
loading="eager"
decoding="async"
width="768"
height="432"
width="1080"
height="720"
/>
<div class="text-centered">
<h2>{{ title }}</h2>

14
src/pages/errors/rate-limit.html
View file

@ -7,23 +7,23 @@ image: https://cdn.coryd.dev/assets/stop.jpg
---
<img
srcset="
https://cdn.coryd.dev/assets/stop.jpg?aspect_ratio=1:.5625&width=256 256w,
https://cdn.coryd.dev/assets/stop.jpg?aspect_ratio=1:.5625&width=512 512w,
https://cdn.coryd.dev/assets/stop.jpg?aspect_ratio=1:.5625&width=1024 1024w,
https://cdn.coryd.dev/assets/stop.jpg?aspect_ratio=1:.5625&width=2048 2048w
https://cdn.coryd.dev/assets/stop.jpg?class=bannersm 256w,
https://cdn.coryd.dev/assets/stop.jpg?class=bannermd 512w,
https://cdn.coryd.dev/assets/stop.jpg?class=bannerbase 1024w,
https://cdn.coryd.dev/assets/stop.jpg?class=bannerlg 2048w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,
(max-width: 1000px) 1024px,
2048px"
src="https://cdn.coryd.dev/assets/stop.jpg?aspect_ratio=1:.5625&width=2048"
src="https://cdn.coryd.dev/assets/stop.jpg?class=bannerlg"
alt="{{ alt }}"
class="image-banner"
style="aspect-ratio:1/0.5625"
loading="eager"
decoding="async"
width="768"
height="432"
width="1080"
height="720"
/>
<div class="text-centered">
<h2>{{ title }}</h2>

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

@ -11,16 +11,16 @@ permalink: /about.html
{%- capture about_alt -%}{{ meta.siteName }} - image by David Neal / @reverentgeek{%- endcapture -%}
<img
srcset="
https://cdn.coryd.dev/assets/avatar-transparent.png?width=200&h=200&aspect_ratio=1:1 200w,
https://cdn.coryd.dev/assets/avatar-transparent.png?width=400&h=400&aspect_ratio=1:1 400w,
https://cdn.coryd.dev/assets/avatar-transparent.png?width=800&h=800&aspect_ratio=1:1 800w,
https://cdn.coryd.dev/assets/avatar-transparent.png?width=1200&h=1200&aspect_ratio=1:1 1200w
https://cdn.coryd.dev/assets/avatar-transparent.png?class=squaresm 200w,
https://cdn.coryd.dev/assets/avatar-transparent.png?class=squaremd 400w,
https://cdn.coryd.dev/assets/avatar-transparent.png?class=squarebase 800w,
https://cdn.coryd.dev/assets/avatar-transparent.png?class=squarelg 1200w
"
sizes="(max-width: 450px) 200px,
(max-width: 850px) 400px,
(max-width: 1000px) 800px,
1200px"
src="https://cdn.coryd.dev/assets/avatar-transparent.png?width=1200&h=1200&aspect_ratio=1:1"
src="https://cdn.coryd.dev/assets/avatar-transparent.png?class=squarelg"
alt="{{ about_alt }}"
loading="eager"
decoding="async"

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

@ -19,21 +19,21 @@ schema: books
<a href="{{ book.url }}">
<img
srcset="
https://cdn.coryd.dev{{ book.image }}?width=203&aspect_ratio=.65:1 203w,
https://cdn.coryd.dev{{ book.image }}?width=406&aspect_ratio=.65:1 406w,
https://cdn.coryd.dev{{ book.image }}?width=812&aspect_ratio=.65:1 812w,
https://cdn.coryd.dev{{ book.image }}?width=1624&aspect_ratio=.65:1 1624w
https://cdn.coryd.dev{{ book.image }}?class=verticalsm 200w,
https://cdn.coryd.dev{{ book.image }}?class=verticalmd 400w,
https://cdn.coryd.dev{{ book.image }}?class=verticalbase 800w,
https://cdn.coryd.dev{{ book.image }}?class=verticallg 1200w
"
sizes="(max-width: 450px) 203px,
(max-width: 850px) 406px,
(max-width: 1000px) 812px,
1624px"
src="https://cdn.coryd.dev{{ book.image }}?width=1624&aspect_ratio=.65:1"
sizes="(max-width: 450px) 200px,
(max-width: 850px) 400px,
(max-width: 1000px) 800px,
1200px"
src="https://cdn.coryd.dev{{ book.image }}?class=verticallg 1200w"
alt="{{ alt }}"
loading="eager"
decoding="async"
width="203"
height="309"
width="200"
height="307"
/>
</a>
<div class="book-meta">

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

@ -14,22 +14,22 @@ schema: movie
<article class="watching-focus">
<img
srcset="
https://cdn.coryd.dev{{ movie.backdrop }}?aspect_ratio=1:.5625&width=256 256w,
https://cdn.coryd.dev{{ movie.backdrop }}?aspect_ratio=1:.5625&width=512 512w,
https://cdn.coryd.dev{{ movie.backdrop }}?aspect_ratio=1:.5625&width=1024 1024w,
https://cdn.coryd.dev{{ movie.backdrop }}?aspect_ratio=1:.5625&width=2048 2048w
https://cdn.coryd.dev{{ movie.backdrop }}?class=bannersm 256w,
https://cdn.coryd.dev{{ movie.backdrop }}?class=bannermd 512w,
https://cdn.coryd.dev{{ movie.backdrop }}?class=bannerbase 1024w,
https://cdn.coryd.dev{{ movie.backdrop }}?class=bannerlg 2048w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,
(max-width: 1000px) 1024px,
2048px"
src="https://cdn.coryd.dev{{ movie.backdrop }}?aspect_ratio=1:.5625&width=2048"
src="https://cdn.coryd.dev{{ movie.backdrop }}?class=bannerlg"
alt="{{ alt }}"
class="image-banner"
loading="eager"
decoding="async"
width="768"
height="432"
width="1080"
height="720"
/>
<div class="watching-meta">
<p class="title"><strong>{{ movie.title }}</strong></p>

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

@ -15,22 +15,22 @@ schema: show
<article class="watching-focus">
<img
srcset="
https://cdn.coryd.dev/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg?aspect_ratio=1:.5625&width=256 256w,
https://cdn.coryd.dev/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg?aspect_ratio=1:.5625&width=512 512w,
https://cdn.coryd.dev/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg?aspect_ratio=1:.5625&width=1024 1024w,
https://cdn.coryd.dev/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg?aspect_ratio=1:.5625&width=2048 2048w
https://cdn.coryd.dev/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg?class=bannersm 256w,
https://cdn.coryd.dev/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg?class=bannermd 512w,
https://cdn.coryd.dev/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg?class=bannerbase 1024w,
https://cdn.coryd.dev/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg?class=bannerlg 2048w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,
(max-width: 1000px) 1024px,
2048px"
src="https://cdn.coryd.dev/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg?aspect_ratio=1:.5625&width=2048"
src="https://cdn.coryd.dev/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg?class=bannerlg"
alt="{{ alt }}"
class="image-banner"
loading="eager"
decoding="async"
width="768"
height="432"
width="1080"
height="720"
/>
<div class="watching-meta">
<p class="title"><strong>{{ show.title }}</strong></p>