1  <!-- TODO this file has become a mess, refactor it -->
 2  
 3  {% assign date_format = site.date_format | default: "%B %-d, %Y" %}
 4  
 5  {% if page.cover-img or page.title %}
 6  
 7  {% if page.cover-img %}
 8    <div id="header-big-imgs" data-num-img={% if page.cover-img.first %}{{ page.cover-img.size }}{% else %}1{% endif %}
 9      {% for bigimg in page.cover-img %}
10      {% assign imgnum = forloop.index %}
11      {% for imginfo in bigimg %}
12        {% if imginfo[0] %}
13        data-img-src-{{ imgnum }}="{{ imginfo[0] | absolute_url }}"
14        data-img-desc-{{ imgnum }}="{{ imginfo[1] }}"
15      {% else %}
16        data-img-src-{{ imgnum }}="{{ imginfo | absolute_url }}"
17      {% endif %}
18      {% endfor %}
19      {% endfor %}
20    ></div>
21  {% endif %}
22  
23  <header class="header-section {% if page.cover-img %}has-img{% endif %}">
24  {% if page.cover-img %}
25  <div class="big-img intro-header">
26    <div class="container-md">
27      <div class="row">
28        <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
29          <div class="{{ include.type }}-heading">
30            <h1>{% if page.title %}{{ page.title | strip_html }}{% else %}<br/>{% endif %}</h1>
31            {% if page.subtitle %}
32              {% if include.type == "page" %}
33                <hr class="small">
34                <span class="{{ include.type }}-subheading">{{ page.subtitle | strip_html }}</span>
35              {% else %}
36                <h2 class="{{ include.type }}-subheading">{{ page.subtitle | strip_html }}</h2>
37              {% endif %}
38            {% endif %}
39  
40            {% if include.type == "post" %}
41              <span class="post-meta">Posted on {{ page.date | date: date_format }}</span>
42              {% if page.last-updated %}
43                <span class="post-meta">
44                  <span class="d-none d-md-inline middot">&middot;</span>
45                  Last updated {{ page.last-updated | date: date_format }}
46                </span>
47              {% endif %}
48              {% if page.readtime %}
49                {% include readtime.html %}
50              {% endif %}
51            {% endif %}
52          </div>
53        </div>
54      </div>
55    </div>
56    <span class='img-desc'></span>
57  </div>
58  {% endif %}
59  <div class="intro-header no-img">
60    <div class="container-md">
61      <div class="row">
62        <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
63          <div class="{{ include.type }}-heading">
64            <h1>{% if page.title %}{{ page.title | strip_html }}{% else %}<br/>{% endif %}</h1>
65            {% if page.subtitle %}
66              {% if include.type == "page" %}
67                <hr class="small">
68                <span class="{{ include.type }}-subheading">{{ page.subtitle | strip_html }}</span>
69              {% else %}
70                <h2 class="{{ include.type }}-subheading">{{ page.subtitle | strip_html }}</h2>
71              {% endif %}
72            {% endif %}
73  
74            {% if include.type == "post" %}
75              <span class="post-meta">Posted on {{ page.date | date: date_format }}</span>
76              {% if page.last-updated %}
77                <span class="post-meta">
78                  <span class="d-none d-md-inline middot">&middot;</span>
79                  Last updated {{ page.last-updated | date: date_format }}
80                </span>
81              {% endif %}
82              {% if page.readtime %}
83                {% include readtime.html %}
84              {% endif %}
85            {% endif %}
86          </div>
87        </div>
88      </div>
89    </div>
90  </div>
91  </header>
92  
93  
94  {% else %}
95  <div class="intro-header"></div>
96  {% endif %}