Fix janky header image display

This commit is contained in:
2019-11-14 02:23:09 +00:00
parent 9e79cc2d24
commit ab31c1902e
5 changed files with 34 additions and 31 deletions

View File

@ -7,12 +7,11 @@
<!-- Main -->
<article id="main">
<header>
<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>
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 %}
>
<h2>{{ page.title }}</h2>
<p>{{ page.description }}</p>
</header>

View File

@ -14,12 +14,11 @@
<!-- Main -->
<article id="main">
<header>
<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>
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 %}
>
<h2>{{ page.title }}</h2>
<p>{{ page.description }}</p>
<p><em>{{ page.date | date: '%B %d, %Y' }}</em></p>

View File

@ -6,12 +6,11 @@
{% include header.html %}
<div id="main">
<header>
<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>
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 %}
>
<h2>{{ page.title }}</h2>
<p>{{ page.description }}</p>
</header>