darken and blur header image

This commit is contained in:
czmj
2017-09-29 12:05:12 +01:00
parent 1e1bebee1b
commit b28da92339
4 changed files with 38 additions and 3 deletions

View File

@ -14,7 +14,12 @@
<!-- Main -->
<article id="main">
<header{% if page.image %} style="background-image: url('{% if site.featured-image-source %}{{ page.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ page.image }}{% endif %}');"{% endif %}>
<header>
{% if page.image %}
<div
class="header-image"
style="background-image: url('{% if site.featured-image-source %}{{ page.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ page.image }}{% endif %}');"></div>
{% endif %}
<h2>{{ page.title }}</h2>
<p>{{ page.description }}</p>
</header>