basho/partials/images/post_image.hbs
2025-06-11 22:59:02 +10:00

43 lines
1.9 KiB
Handlebars

{{#if post_center}}
<picture>
<source srcset="{{img_url feature_image size="s" format="webp"}} 300w,
{{img_url feature_image size="m" format="webp"}} 600w,
{{img_url feature_image size="xl" format="webp"}} 2000w"
sizes="(max-width:480px) 300px, (max-width:768px) 600px, 2000px"
type="image/webp">
<img srcset="{{img_url feature_image size="s"}} 300w,
{{img_url feature_image size="m"}} 600w,
{{img_url feature_image size="xl"}} 2000w"
sizes="(max-width:480px) 300px, (max-width:768px) 600px, 2000px"
src="{{img_url feature_image size="xl"}}"
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}">
</picture>
{{else if post_classic}}
<picture>
<source srcset="{{img_url feature_image size="s" format="webp"}} 300w,
{{img_url feature_image size="m" format="webp"}} 600w,
{{img_url feature_image size="xl" format="webp"}} 2000w"
sizes="(max-width:480px) 300px, (max-width:768px) 600px, 2000px"
type="image/webp">
<img srcset="{{img_url feature_image size="s"}} 300w,
{{img_url feature_image size="m"}} 600w,
{{img_url feature_image size="xl"}} 2000w"
sizes="(max-width:480px) 300px, (max-width:768px) 600px, 2000px"
src="{{img_url feature_image size="xl"}}"
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}">
</picture>
{{else}}
<picture>
<source srcset="{{img_url feature_image size="s" format="webp"}} 300w,
{{img_url feature_image size="m" format="webp"}} 600w,
{{img_url feature_image size="l" format="webp"}} 1200w"
sizes="(max-width:480px) 300px, (max-width:768px) 600px, 1200px"
type="image/webp">
<img srcset="{{img_url feature_image size="s"}} 300w,
{{img_url feature_image size="m"}} 600w,
{{img_url feature_image size="l"}} 1200w"
sizes="(max-width:480px) 300px, (max-width:768px) 600px, 1200px"
src="{{img_url feature_image size="l"}}"
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}">
</picture>
{{/if}}