feat: move images to b2 and route through bunny

This commit is contained in:
Cory Dransfeldt 2024-07-10 08:57:00 -07:00
parent cb2d536189
commit 6a338ceb92
No known key found for this signature in database
32 changed files with 322 additions and 375 deletions

View file

@ -3,20 +3,20 @@ title: 404
description: What kind of idiots do you have working here? Hurry up and skip out on the room service bill!
layout: default
permalink: /404.html
image: https://cdn.coryd.dev/assets/404.jpg
image: https://cdn.coryd.dev/{{ globals.page_404 }}
---
<img
srcset="
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
https://cdn.coryd.dev/{{ globals.page_404 }}?class=bannersm 256w,
https://cdn.coryd.dev/{{ globals.page_404 }}?class=bannermd 512w,
https://cdn.coryd.dev/{{ globals.page_404 }}?class=bannerbase 1024w,
https://cdn.coryd.dev/{{ globals.page_404 }}?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?class=bannerlg"
src="https://cdn.coryd.dev/{{ globals.page_404 }}?class=bannerlg"
alt="{{ alt }}"
class="image-banner"
loading="eager"

View file

@ -3,20 +3,20 @@ title: Broken
description: Hey! That's broken. Try again later.
layout: default
permalink: /broken.html
image: https://cdn.coryd.dev/assets/broken.jpg
image: https://cdn.coryd.dev/{{ globals.page_broken }}
---
<img
srcset="
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
https://cdn.coryd.dev/{{ globals.page_broken }}?class=bannersm 256w,
https://cdn.coryd.dev/{{ globals.page_broken }}?class=bannermd 512w,
https://cdn.coryd.dev/{{ globals.page_broken }}?class=bannerbase 1024w,
https://cdn.coryd.dev/{{ globals.page_broken }}?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?class=bannerlg"
src="https://cdn.coryd.dev/{{ globals.page_broken }}?class=bannerlg"
alt="{{ alt }}"
class="image-banner"
loading="eager"

View file

@ -3,20 +3,20 @@ title: Not allowed
description: Sometimes mildly inconvenient things happen to people. That's not allowed.
layout: default
permalink: /not-allowed.html
image: https://cdn.coryd.dev/assets/not-allowed.jpg
image: https://cdn.coryd.dev/{{ globals.page_not_allowed }}
---
<img
srcset="
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
https://cdn.coryd.dev/{{ globals.page_not_allowed }}?class=bannersm 256w,
https://cdn.coryd.dev/{{ globals.page_not_allowed }}?class=bannermd 512w,
https://cdn.coryd.dev/{{ globals.page_not_allowed }}?class=bannerbase 1024w,
https://cdn.coryd.dev/{{ globals.page_not_allowed }}?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?class=bannerlg"
src="https://cdn.coryd.dev/{{ globals.page_not_allowed }}?class=bannerlg"
alt="{{ alt }}"
class="image-banner"
loading="eager"

View file

@ -3,20 +3,20 @@ title: Rate limit
description: Hey! Stop that. Try again later.
layout: default
permalink: /rate-limit.html
image: https://cdn.coryd.dev/assets/stop.jpg
image: https://cdn.coryd.dev/{{ globals.page_stop }}
---
<img
srcset="
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
https://cdn.coryd.dev/{{ globals.page_stop }}?class=bannersm 256w,
https://cdn.coryd.dev/{{ globals.page_stop }}?class=bannermd 512w,
https://cdn.coryd.dev/{{ globals.page_stop }}?class=bannerbase 1024w,
https://cdn.coryd.dev/{{ globals.page_stop }}?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?class=bannerlg"
src="https://cdn.coryd.dev/{{ globals.page_stop }}?class=bannerlg"
alt="{{ alt }}"
class="image-banner"
loading="eager"

View file

@ -8,19 +8,19 @@ permalink: /about.html
{%- assign show = tv.recentlyWatched | first -%}
<div class="avatar-wrapper flex-centered">
<div class="interior">
{%- capture about_alt -%}{{ meta.siteName }} - image by David Neal / @reverentgeek{%- endcapture -%}
{%- capture about_alt -%}{{ globals.siteName }} - image by David Neal / @reverentgeek{%- endcapture -%}
<img
srcset="
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
https://cdn.coryd.dev/{{ globals.about }}?class=squaresm 200w,
https://cdn.coryd.dev/{{ globals.about }}?class=squaremd 400w,
https://cdn.coryd.dev/{{ globals.about }}?class=squarebase 800w,
https://cdn.coryd.dev/{{ globals.about }}?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?class=squarelg"
src="https://cdn.coryd.dev/{{ globals.about }}?class=squarelg"
alt="{{ about_alt }}"
loading="eager"
decoding="async"
@ -39,4 +39,4 @@ I tend to write about whatever strikes me, with a focus on development, technolo
[You can also see what I'm doing now](/now), [take a look at the links I've shared recently](/links) or [check out the webrings I'm a member of](/webrings).
{% render "partials/widgets/badge-grid.liquid" %}
{% render "partials/widgets/badge-grid.liquid", badges: badges %}

View file

@ -19,7 +19,7 @@ permalink: "/posts/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}
<a href="{{ post.slug }}">
<h3>{{ post.title }}</h3>
</a>
<span class="p-author h-card hidden">{{ meta.siteName }}</span>
<span class="p-author h-card hidden">{{ globals.site_name }}</span>
<div class="p-summary hidden">{{ post.description }}</div>
<p>{{ post.description }}</p>
</article>

View file

@ -15,10 +15,29 @@ schema: blog
</time>
</div>
<h2 class="p-name">{{ post.title }}</h2>
<span class="p-author h-card hidden">{{ meta.author }}</span>
<span class="p-author h-card hidden">{{ globals.author }}</span>
<div class="p-summary hidden">{{ post.description }}</div>
<div class="e-content">
{% render "partials/banners/old-post.liquid", date:post.date %}
{%- if post.image -%}
<img
srcset="
https://cdn.coryd.dev/{{ post.image }}?class=w200 200w,
https://cdn.coryd.dev/{{ post.image }}?class=w400 400w,
https://cdn.coryd.dev/{{ post.image }}?class=w800 800w,
https://cdn.coryd.dev/{{ post.image }}?class=w1600 1600w
"
sizes="(max-width: 450px) 200px,
(max-width: 850px) 400px,
(max-width: 1000px) 800px,
1600px"
src="https://cdn.coryd.dev/{{ post.image }}?class=w1600"
alt="{{ post.image_alt }}"
class="image-banner"
loading="lazy"
decoding="async"
/>
{%- endif -%}
{{ post.content | markdown }}
{% render "partials/posts/blocks.liquid", blocks:post.blocks %}
</div>

View file

@ -15,16 +15,16 @@ schema: show
<article class="watching-focus">
<img
srcset="
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
https://cdn.coryd.dev/{{ show.backdrop }}?class=bannersm 256w,
https://cdn.coryd.dev/{{ show.backdrop }}?class=bannermd 512w,
https://cdn.coryd.dev/{{ show.backdrop }}?class=bannerbase 1024w,
https://cdn.coryd.dev/{{ show.backdrop }}?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?class=bannerlg"
src="https://cdn.coryd.dev/{{ show.backdrop }}?class=bannerlg"
alt="{{ alt }}"
class="image-banner"
loading="eager"

View file

@ -11,7 +11,7 @@ description: How to contact me.
<ul>
<li>Ping me on <a href="https://social.lol/@cory">Mastodon</a></li>
<li>Message me on Signal or iMessage (if you have my phone number)</li>
<li><a href="mailto:{{ meta.email }}">Email me directly</a> if you have a client set up to use <code>mailto:</code> links</li>
<li><a href="mailto:{{ globals.email }}">Email me directly</a> if you have a client set up to use <code>mailto:</code> links</li>
<li>File an issue on the appropriate repo over at <a href="https://github.com/cdransf">GitHub</a></li>
</ul>
</div>

View file

@ -8,6 +8,6 @@ description: Webrings are awesome! These are the ones I'm a member of.
[Webrings](https://en.wikipedia.org/wiki/Webring) are _awesome_. I'm a member of a few that follow. Check them out!
{% render "webrings/the-claw.liquid" %}
{% render "webrings/the-claw.liquid", logo: globals.logo_the_claw %}
<hr />
{% render "webrings/css-joy.liquid" %}