chore: image improvements
This commit is contained in:
parent
9c3d8e213a
commit
7dde72d1cb
15 changed files with 138 additions and 164 deletions
|
@ -14,22 +14,20 @@ schema: movie
|
|||
<article class="watching-focus">
|
||||
<img
|
||||
srcset="
|
||||
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
|
||||
https://cdn.coryd.dev{{ movie.backdrop }}?class=bannersm&type=webp 256w,
|
||||
https://cdn.coryd.dev{{ movie.backdrop }}?class=bannermd&type=webp 512w,
|
||||
https://cdn.coryd.dev{{ movie.backdrop }}?class=bannerbase&type=webp 1024w
|
||||
"
|
||||
sizes="(max-width: 450px) 256px,
|
||||
(max-width: 850px) 512px,
|
||||
(max-width: 1000px) 1024px,
|
||||
2048px"
|
||||
src="https://cdn.coryd.dev{{ movie.backdrop }}?class=bannerlg"
|
||||
1024px"
|
||||
src="https://cdn.coryd.dev{{ movie.backdrop }}?class=bannersm&type=webp"
|
||||
alt="{{ alt }}"
|
||||
class="image-banner"
|
||||
loading="eager"
|
||||
decoding="async"
|
||||
width="1080"
|
||||
height="720"
|
||||
width="256"
|
||||
height="180"
|
||||
/>
|
||||
<div class="watching-meta">
|
||||
<p class="title"><strong>{{ movie.title }}</strong>{%- if movie.year and not movie.rating %} ({{ movie.year }}){%- endif -%}</p>
|
||||
|
|
Reference in a new issue