darken and blur header image
This commit is contained in:
@ -7,7 +7,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>
|
||||
|
@ -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>
|
||||
|
@ -6,7 +6,12 @@
|
||||
{% include header.html %}
|
||||
|
||||
<div 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>
|
||||
|
Reference in New Issue
Block a user