liebling/partials/hero.hbs

36 lines
866 B
Handlebars
Raw Permalink 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-03-12 10:39:01 +00:00
{{#contentFor "herobackground"}}
<style>
2019-02-24 21:06:24 +00:00
.m-hero__picture {
background-image: url({{img_url background size='xl'}});
}
@media(max-width: 1000px) {
.m-hero__picture {
background-image: url({{img_url background size='l'}});
}
}
@media(max-width: 600px) {
.m-hero__picture {
background-image: url({{img_url background size='m'}});
}
}
</style>
2019-03-12 10:39:01 +00:00
{{/contentFor}}
2019-02-24 21:06:24 +00:00
<header class="m-hero with-picture" data-aos="fade">
2019-03-03 18:32:36 +00:00
{{#is "post"}}
<div class="m-hero__picture in-post"></div>
{{else}}
<div class="m-hero__picture"></div>
{{/is}}
2019-02-24 21:06:24 +00:00
{{else}}
<header class="m-hero" data-aos="fade">
{{/if}}