<!-- TODO this file has become a mess, refactor it --> {% assign date_format = site.date_format | default: "%B %-d, %Y" %} {% if page.cover-img or page.title %} {% 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 %} {% assign imgnum = forloop.index %} {% for imginfo in bigimg %} {% if imginfo[0] %} data-img-src-{{ imgnum }}="{{ imginfo[0] | absolute_url }}" data-img-desc-{{ imgnum }}="{{ imginfo[1] }}" {% else %} data-img-src-{{ imgnum }}="{{ imginfo | absolute_url }}" {% endif %} {% endfor %} {% endfor %} ></div> {% endif %} <header class="header-section {% if page.cover-img %}has-img{% endif %}"> {% if page.cover-img %} <div class="big-img intro-header"> <div class="container-md"> <div class="row"> <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1"> <div class="{{ include.type }}-heading"> <h1>{% if page.title %}{{ page.title }}{% else %}<br/>{% endif %}</h1> {% 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 %} {% 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 %} {% endif %} </div> </div> </div> </div> <span class='img-desc'></span> </div> {% endif %} <div class="intro-header no-img"> <div class="container-md"> <div class="row"> <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1"> <div class="{{ include.type }}-heading"> <h1>{% if page.title %}{{ page.title }}{% else %}<br/>{% endif %}</h1> {% 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 %} {% 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 %} {% endif %} </div> </div> </div> </div> </div> </header> {% else %} <div class="intro-header"></div> {% endif %}