chore: image improvements

This commit is contained in:
Cory Dransfeldt 2024-05-29 13:04:36 -07:00
parent 77c9a85296
commit d27fac4b6b
No known key found for this signature in database
29 changed files with 650 additions and 44 deletions

View file

@ -6,7 +6,25 @@ permalink: /404.html
image: /assets/img/404.jpg
---
<div class="four-oh-four-wrapper">
<img src="https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fm=webp&q=85&w=768" alt="{{ alt }}" class="image-banner" loading="eager" decoding="async" width="768" height="432" />
<img
srcset="
https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=256&h=144&fm=webp&q=85 256w,
https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=512&h=288&fm=webp&q=85 512w,
https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=1024&h=576&fm=webp&q=85 1024w,
https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=2048&h=1152&fm=webp&q=85 2048w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,
(max-width: 1000px) 1024px,
2048px"
src="https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=2048&h=1152&fm=webp&q=85"
alt="{{ alt }}"
class="image-banner"
loading="eager"
decoding="async"
width="768"
height="432"
/>
<div class="text-centered">
<h2 class="page-header">{{ title }}</h2>
What kind of idiots do you have working here? <a href="/">Hurry up and skip out on the room service bill!</a>