2016-03-18 12:33:17 +01:00
|
|
|
<!-- TODO this file has become a mess, refactor it -->
|
|
|
|
|
2020-04-24 01:18:23 +02:00
|
|
|
{% assign date_format = site.date_format | default: "%B %-d, %Y" %}
|
|
|
|
|
2020-05-02 08:10:20 +02:00
|
|
|
{% if page.cover-img or page.title %}
|
2016-03-18 12:33:17 +01:00
|
|
|
|
2020-05-02 08:10:20 +02:00
|
|
|
{% if page.cover-img %}
|
|
|
|
<div id="header-big-imgs" data-num-img={% if page.cover-img.first %}{{ page.cover-img.size }}{% else %}1{% endif %}
|
|
|
|
{% for bigimg in page.cover-img %}
|
2020-04-24 16:25:30 +02:00
|
|
|
{% assign imgnum = forloop.index %}
|
|
|
|
{% for imginfo in bigimg %}
|
|
|
|
{% if imginfo[0] %}
|
2020-07-07 07:14:01 +02:00
|
|
|
data-img-src-{{ imgnum }}="{{ imginfo[0] | absolute_url }}"
|
2020-04-24 16:25:30 +02:00
|
|
|
data-img-desc-{{ imgnum }}="{{ imginfo[1] }}"
|
|
|
|
{% else %}
|
2020-07-07 07:14:01 +02:00
|
|
|
data-img-src-{{ imgnum }}="{{ imginfo | absolute_url }}"
|
2020-04-24 16:25:30 +02:00
|
|
|
{% endif %}
|
|
|
|
{% endfor %}
|
2016-03-18 12:33:17 +01:00
|
|
|
{% endfor %}
|
|
|
|
></div>
|
|
|
|
{% endif %}
|
|
|
|
|
2020-05-02 08:10:20 +02:00
|
|
|
<header class="header-section {% if page.cover-img %}has-img{% endif %}">
|
|
|
|
{% if page.cover-img %}
|
2016-03-18 12:33:17 +01:00
|
|
|
<div class="big-img intro-header">
|
2020-05-02 08:10:20 +02:00
|
|
|
<div class="container-md">
|
2016-03-18 12:33:17 +01:00
|
|
|
<div class="row">
|
2020-05-02 08:10:20 +02:00
|
|
|
<div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
|
2016-03-18 12:33:17 +01:00
|
|
|
<div class="{{ include.type }}-heading">
|
|
|
|
<h1>{% if page.title %}{{ page.title }}{% else %}<br/>{% endif %}</h1>
|
2020-09-13 00:30:43 +02:00
|
|
|
{% if page.subtitle %}
|
|
|
|
{% if include.type == "page" %}
|
|
|
|
<hr class="small">
|
|
|
|
<span class="{{ include.type }}-subheading">{{ page.subtitle }}</span>
|
|
|
|
{% else %}
|
|
|
|
<h2 class="{{ include.type }}-subheading">{{ page.subtitle }}</h2>
|
|
|
|
{% endif %}
|
|
|
|
{% endif %}
|
2020-08-09 02:13:28 +02:00
|
|
|
|
2020-09-13 00:30:43 +02:00
|
|
|
{% if include.type == "post" %}
|
|
|
|
<span class="post-meta">Posted on {{ page.date | date: date_format }}</span>
|
|
|
|
{% if page.last-updated %}
|
|
|
|
<span class="post-meta">
|
|
|
|
<span class="d-none d-md-inline middot">·</span>
|
|
|
|
Last updated {{ page.last-updated | date: date_format }}
|
|
|
|
</span>
|
|
|
|
{% endif %}
|
|
|
|
{% if page.readtime %}
|
|
|
|
{% include readtime.html %}
|
|
|
|
{% endif %}
|
2020-04-24 16:25:30 +02:00
|
|
|
{% endif %}
|
2016-03-18 12:33:17 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<span class='img-desc'></span>
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
<div class="intro-header no-img">
|
2020-05-02 08:10:20 +02:00
|
|
|
<div class="container-md">
|
2016-03-18 12:33:17 +01:00
|
|
|
<div class="row">
|
2020-05-02 08:10:20 +02:00
|
|
|
<div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
|
2016-03-18 12:33:17 +01:00
|
|
|
<div class="{{ include.type }}-heading">
|
|
|
|
<h1>{% if page.title %}{{ page.title }}{% else %}<br/>{% endif %}</h1>
|
2020-09-13 00:30:43 +02:00
|
|
|
{% if page.subtitle %}
|
|
|
|
{% if include.type == "page" %}
|
|
|
|
<hr class="small">
|
|
|
|
<span class="{{ include.type }}-subheading">{{ page.subtitle }}</span>
|
|
|
|
{% else %}
|
|
|
|
<h2 class="{{ include.type }}-subheading">{{ page.subtitle }}</h2>
|
|
|
|
{% endif %}
|
|
|
|
{% endif %}
|
2020-08-09 02:13:28 +02:00
|
|
|
|
2020-09-13 00:30:43 +02:00
|
|
|
{% if include.type == "post" %}
|
|
|
|
<span class="post-meta">Posted on {{ page.date | date: date_format }}</span>
|
|
|
|
{% if page.last-updated %}
|
|
|
|
<span class="post-meta">
|
|
|
|
<span class="d-none d-md-inline middot">·</span>
|
|
|
|
Last updated {{ page.last-updated | date: date_format }}
|
|
|
|
</span>
|
|
|
|
{% endif %}
|
|
|
|
{% if page.readtime %}
|
|
|
|
{% include readtime.html %}
|
|
|
|
{% endif %}
|
2020-04-24 16:25:30 +02:00
|
|
|
{% endif %}
|
2016-03-18 12:33:17 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
{% else %}
|
|
|
|
<div class="intro-header"></div>
|
2018-12-25 23:27:22 +01:00
|
|
|
{% endif %}
|