liebling/partials/hero.hbs

24 lines
783 B
Handlebars
Raw Normal View History

2019-04-14 18:41:25 +00:00
{{!--
If the template in question has a background image, then we render responsive image styles
for it, and apply those styles to the <header> tag.
--}}
2019-02-24 21:06:24 +00:00
{{#if background}}
2019-10-06 14:14:16 +00:00
<section class="m-hero with-picture" data-aos="fade">
<div class="m-hero__picture {{#is "post"}}in-post{{/is}}">
2020-12-14 14:16:53 +00:00
<img
srcset="
{{img_url background size="s"}} 300w,
{{img_url background size="m"}} 600w,
{{img_url background size="l"}} 1000w,
{{img_url background size="xl"}} 2000w
"
sizes="(max-width: 600px) 600px, (max-width: 1000px) 1000px, 2000px"
src="{{img_url background size="l"}}"
alt=""
/>
</div>
2019-02-24 21:06:24 +00:00
{{else}}
2019-10-06 14:14:16 +00:00
<section class="m-hero no-picture {{#is "post"}}in-post{{/is}}" data-aos="fade">
2019-02-24 21:06:24 +00:00
{{/if}}