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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,6 +1,6 @@
{
"name": "coryd.dev",
"version": "19.8.5",
"version": "19.9.0",
"description": "The source for my personal site. Built using 11ty.",
"type": "module",
"scripts": {

1
src/_includes/base.liquid
View file

@ -99,7 +99,6 @@
<link rel="alternate" href="https://feedpress.me/coryd-movies" title="{{ meta.siteName }}'s movies feed" type="application/rss+xml">
<link rel="alternate" href="https://feedpress.me/coryd-books" title="{{ meta.siteName }}'s books feed" type="application/rss+xml">
<link rel="alternate" href="https://feedpress.me/coryd-all" title="{{ meta.siteName }}'s activity feed" type="application/rss+xml">
<link type="text/plain" rel="author" href="/humans.txt" />
<script defer data-domain="coryd.dev" src="/js/script.outbound-links.tagged-events.js"></script>
<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
<script type="application/ld+json">

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

@ -19,16 +19,16 @@
{% if shape == 'square' %}
<img
srcset="
https://cdn.coryd.dev{{ item.image }}?width=200&h=200&aspect_ratio=1:1 200w,
https://cdn.coryd.dev{{ item.image }}?width=400&h=400&aspect_ratio=1:1 400w,
https://cdn.coryd.dev{{ item.image }}?width=800&h=800&aspect_ratio=1:1 800w,
https://cdn.coryd.dev{{ item.image }}?width=1200&h=1200&aspect_ratio=1:1 1200w
https://cdn.coryd.dev{{ item.image }}?class=squaresm 200w,
https://cdn.coryd.dev{{ item.image }}?class=squaremd 400w,
https://cdn.coryd.dev{{ item.image }}?class=squarebase 800w,
https://cdn.coryd.dev{{ item.image }}?class=squarelg 1200w
"
sizes="(max-width: 450px) 200px,
(max-width: 850px) 400px,
(max-width: 100px) 800px,
1200px"
src="https://cdn.coryd.dev{{ item.image }}?width=1200&h=1200&aspect_ratio=1:1"
src="https://cdn.coryd.dev{{ item.image }}?class=squarelg"
alt="{{ alt }}"
loading="{{ loadingStrategy }}"
decoding="async"
@ -38,16 +38,16 @@
{% else %}
<img
srcset="
https://cdn.coryd.dev{{ item.image }}?w=200&aspect_ratio=2:3 200w,
https://cdn.coryd.dev{{ item.image }}?w=400&aspect_ratio=2:3 400w,
https://cdn.coryd.dev{{ item.image }}?w=800&aspect_ratio=2:3 800w,
https://cdn.coryd.dev{{ item.image }}?w=1200&aspect_ratio=2:3 1200w
https://cdn.coryd.dev{{ item.image }}?class=verticalsm 200w,
https://cdn.coryd.dev{{ item.image }}?class=verticalmd 400w,
https://cdn.coryd.dev{{ item.image }}?class=verticalbase 800w,
https://cdn.coryd.dev{{ item.image }}?class=verticallg 1200w
"
sizes="(max-width: 450px) 200px,
(max-width: 850px) 400px,
(max-width: 1000px) 800px,
1200px"
src="https://cdn.coryd.dev{{ item.image }}?w=1200&aspect_ratio=2:3"
src="https://cdn.coryd.dev{{ item.image }}?class=verticallg"
alt="{{ alt }}"
loading="{{ loadingStrategy }}"
decoding="async"

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

@ -25,21 +25,21 @@
{%- endcapture -%}
<img
srcset="
https://cdn.coryd.dev{{ item.backdrop }}?aspect_ratio=1:.5625&width=256 256w,
https://cdn.coryd.dev{{ item.backdrop }}?aspect_ratio=1:.5625&width=512 512w,
https://cdn.coryd.dev{{ item.backdrop }}?aspect_ratio=1:.5625&width=1024 1024w,
https://cdn.coryd.dev{{ item.backdrop }}?aspect_ratio=1:.5625&width=2048 2048w
https://cdn.coryd.dev{{ item.backdrop }}?class=bannersm 256w,
https://cdn.coryd.dev{{ item.backdrop }}?class=bannermd 512w,
https://cdn.coryd.dev{{ item.backdrop }}?class=bannerbase 1024w,
https://cdn.coryd.dev{{ item.backdrop }}?class=bannerlg 2048w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,
(max-width: 1000px) 1024px,
2048px"
src="https://cdn.coryd.dev{{ item.backdrop }}?aspect_ratio=1:.5625&width=2048"
src="https://cdn.coryd.dev{{ item.backdrop }}?class=bannerlg"
alt="{{ alt }}"
loading="{{ loadingStrategy }}"
decoding="async"
width="256"
height="144"
height="170"
/>
</div>
</a>

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

@ -12,21 +12,21 @@
</div>
<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 }}"
loading="eager"
decoding="async"
width="768"
height="432"
width="1080"
height="720"
/>
</div>
</a>

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

@ -2,16 +2,16 @@
<div class="flex-centered justify-centered">
<img
srcset="
https://cdn.coryd.dev/assets/webrings/theclaw.png?width=200 200w,
https://cdn.coryd.dev/assets/webrings/theclaw.png?width=400 400w,
https://cdn.coryd.dev/assets/webrings/theclaw.png?width=800 800w,
https://cdn.coryd.dev/assets/webrings/theclaw.png?width=1600 1600w
https://cdn.coryd.dev/assets/webrings/theclaw.png?class=w200 200w,
https://cdn.coryd.dev/assets/webrings/theclaw.png?class=w400 400w,
https://cdn.coryd.dev/assets/webrings/theclaw.png?class=w800 800w,
https://cdn.coryd.dev/assets/webrings/theclaw.png?class=w1600 1600w
"
sizes="(max-width: 450px) 200px,
(max-width: 850px) 400px,
(max-width: 1000px) 800px,
1600px"
src="https://cdn.coryd.dev/assets/webrings/theclaw.png?width=1600"
src="https://cdn.coryd.dev/assets/webrings/theclaw.png?class=1600"
alt="The Claw Webring"
loading="lazy"
decoding="async"

2
src/assets/styles/defaults/vars.css
View file

@ -110,7 +110,7 @@
/* aspect ratios */
--aspect-ratio-square: 1/1;
--aspect-ratio-vertical: 2/3;
--aspect-ratio-banner: 1 / 0.5625;
--aspect-ratio-banner: 3/2;
/* transitions */
--transition-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

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>