{% extends "base.html" %}

{% block title %}{{ NEST_TAG_HEAD_TITLE }} {{ tag }} - {{ super() }}{% endblock title %}
{% block description %}{{ NEST_TAG_HEAD_DESCRIPTION }} {{ tag }}{% endblock description %}

{% block headerstyle %}
    {% if NEST_HEADER_IMAGES %}
    <div class="header-container" style="background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('{{ SITEURL }}/images/{{ NEST_HEADER_IMAGES }}'); background-position: center; ">
    {% else %}
    <div class="header-container gradient">
    {% endif %}
{% endblock headerstyle %}

{% block header %}
    <div class="container header-wrapper">
        <div class="row">
              <div class="col-lg-12">
                  <div class="header-content">
                      <h1 class="header-title text-uppercase">{{ NEST_CATEGORY_HEADER_TITLE }} {{ tag|capitalize }}</h1>
                      <div class="header-underline"></div>
                  </div>
              </div>
        </div>
    </div>
{% endblock header %}

{% block content %}

<div class="col-lg-9 content archive">
  
  <h1>{{ tag|capitalize }}</h1>
  <dl class="dl-horizontal">

  <!-- This section displays "pinned" articles for the blog tag page-->
  {% if tag == 'blog' %}
    <hr>
      <dd> 
        Browse the archive by <a href="{{ SITEURL }}/categories.html">category</a></p>
      </dd>
    <hr>
  {% endif %}

  <!-- This loops through all the articles -->
  {% for article in articles %}
    <dt><p>{{ article.locale_date}}</p></dt>
    <dd>
      <a href="{{ SITEURL }}/{{ article.url }}"><h2>{{ article.title }}</h2></a>
      <p>{{ article.summary }}</p>
    </dd>
  {% endfor %}
  </dl>
</div>


{% endblock content %}