2019-11-08 20:59:26 +00:00
|
|
|
{{!--
|
|
|
|
|
Wow what the hell is going on in here even?
|
|
|
|
|
|
|
|
|
|
Ok so, several templates use this big header with a giant BG image. Nice idea, but big images
|
|
|
|
|
have a heavy impact on performance, so it's a good idea to make them responsive. Because we
|
|
|
|
|
can only get the image dynamically using Handlebars, and we can only set the image to properly
|
|
|
|
|
be a background image using CSS, we end up with a handful of inline styles.
|
|
|
|
|
|
|
|
|
|
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. Else, we just output a <header> tag
|
|
|
|
|
with a `no-image` class so we can style it accordingly.
|
|
|
|
|
--}}
|
2020-11-11 05:14:57 +00:00
|
|
|
<div>
|
2021-04-14 08:24:27 +00:00
|
|
|
<div class="post-card__image">
|
2020-11-11 05:14:57 +00:00
|
|
|
{{#if feature_image}}
|
2021-04-20 05:01:23 +00:00
|
|
|
<img src="{{img_url feature_image size='m'}}" alt="{{title}}">
|
2020-11-11 05:14:57 +00:00
|
|
|
{{else}}
|
2021-04-20 05:01:23 +00:00
|
|
|
<img src="{{img_url @site.cover_image size='m'}}" alt="{{title}}">
|
2020-11-11 05:14:57 +00:00
|
|
|
{{/if}}
|
|
|
|
|
</div>
|
2021-04-20 05:01:23 +00:00
|
|
|
</div>
|
