Changeset View
Changeset View
Standalone View
Standalone View
_includes/header.html
<!-- TODO this file has become a mess, refactor it --> | {% if page.title %} | ||||
<header class="header-section"> | |||||
{% if page.bigimg or page.title %} | |||||
{% if page.bigimg %} | |||||
<div id="header-big-imgs" data-num-img={% if page.bigimg.first %}{{ page.bigimg.size }}{% else %}1{% endif %} | |||||
{% for bigimg in page.bigimg %} | |||||
{% assign imgnum = forloop.index %} | |||||
{% for imginfo in bigimg %} | |||||
{% if imginfo[0] %} | |||||
data-img-src-{{ imgnum }}="{{ imginfo[0] | prepend: site.baseurl | replace: '//', '/' }}" | |||||
data-img-desc-{{ imgnum }}="{{ imginfo[1] }}" | |||||
{% else %} | |||||
data-img-src-{{ imgnum }}="{{ imginfo | prepend: site.baseurl | replace: '//', '/' }}" | |||||
{% endif %} | |||||
{% endfor %} | |||||
{% endfor %} | |||||
></div> | |||||
{% endif %} | |||||
<header class="header-section {% if page.bigimg %}has-img{% endif %}"> | |||||
{% if page.bigimg %} | |||||
<div class="big-img intro-header"> | |||||
<div class="container"> | |||||
<div class="row"> | |||||
<div class="col-lg-10 col-lg-offset-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: "%B %-d, %Y" }}</span> | |||||
{% endif %} | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
<span class='img-desc'></span> | |||||
</div> | |||||
{% endif %} | |||||
<div class="intro-header no-img"> | <div class="intro-header no-img"> | ||||
<div class="container"> | <div class="container"> | ||||
<div class="row"> | <div class="row"> | ||||
<div class="col-lg-10 col-lg-offset-1"> | <div class="col-lg-10 col-lg-offset-1"> | ||||
<div class="{{ include.type }}-heading"> | <div class="{{ include.type }}-heading"> | ||||
<h1>{% if page.title %}{{ page.title }}{% else %}<br/>{% endif %}</h1> | <h1>{% if page.title %}{{ page.title }}{% else %}<br/>{% endif %}</h1> | ||||
{% if page.subtitle %} | {% if page.subtitle %} | ||||
{% if include.type == "page" %} | {% if include.type == "page" %} | ||||
<hr class="small"> | <hr class="small"> | ||||
<span class="{{ include.type }}-subheading">{{ page.subtitle }}</span> | <span class="{{ include.type }}-subheading">{{ page.subtitle }}</span> | ||||
{% else %} | {% else %} | ||||
<h2 class="{{ include.type }}-subheading">{{ page.subtitle }}</h2> | <h2 class="{{ include.type }}-subheading">{{ page.subtitle }}</h2> | ||||
{% endif %} | {% endif %} | ||||
{% endif %} | {% endif %} | ||||
{% if include.type == "post" %} | {% if include.type == "post" %} | ||||
<span class="post-meta">Posted on {{ page.date | date: "%B %-d, %Y" }}</span> | <span class="post-meta">Posted on {{ page.date | date: "%B %-d, %Y" }}</span> | ||||
{% endif %} | {% endif %} | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</header> | </header> | ||||
{% else %} | {% else %} | ||||
<div class="intro-header"></div> | <div class="intro-header"></div> | ||||
{% endif %} | {% endif %} |