feat: leverage bunny.net transform classes
This commit is contained in:
parent
6a6f2d95fe
commit
e6e1777296
15 changed files with 88 additions and 89 deletions
|
@ -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>
|
||||
|
|
Reference in a new issue