use{% block content %}

<div class="text-center main-title px-0 lg:w-2/3 mx-8 pt-6 lg:mx-12">
  <h2
    class="tracking-tight text-left text-2xl lg:text-3xl fw-500 leading-snug font-semibold mb-10"
  >
  {% set path_array = current_path | split(pat="/") %}
  {% set taxonomy = path_array[1] %}
  {% set category = path_array[2] %}
    TF9 Stories and Project Updates    
    {% if taxonomy == "categories" %} - 
        {{category | replace(from='-', to=' ' ) | title}}
    {% endif %}
  </h2>
  <div>
    <div class="mt-3 grid gap-6 max-w-lg mx-auto grid-cols-1 lg:grid-cols-3 lg:max-w-none">
      {%- for post in paginator.pages %} 
          {% if not post.extra.hidden %}
            {% include "partials/postCard.html" %} 
         {%endif%} {%- endfor %}
    </div>
    <hr class="my-10" />
    <p class="text-center text-sm mt-2 mb-16">
      {% if paginator.previous %}
      <a
        class="border-transparent"
        aria-label="First page"
        href="{{ paginator.first }}"
        >{% include "partials/icons/svgPrevPageIcon.html" %}{% include
        "partials/icons/svgPrevPageIcon.html" %}</a
      >
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <a
        class="border-transparent"
        aria-label="Previous page"
        href="{{ paginator.previous }}"
        >{% include "partials/icons/svgPrevPageIcon.html" %}</a
      >
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% else %} {%
      include "partials/icons/svgFirstPageIcon.html" %}{% include
      "partials/icons/svgFirstPageIcon.html" %}
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% include
      "partials/icons/svgFirstPageIcon.html" %}
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% endif %} {% if
      paginator.next %}
      <a
        class="border-transparent"
        aria-label="Next page"
        href="{{ paginator.next }}"
        >{% include "partials/icons/svgNextPageIcon.html" %}</a
      >
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <a
        class="border-transparent"
        aria-label="Last page"
        href="{{ paginator.last }}"
        >{% include "partials/icons/svgNextPageIcon.html" %}{% include
        "partials/icons/svgNextPageIcon.html" %}</a
      >
      {% else %} {% include "partials/icons/svgLastPageIcon.html" %}
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% include
      "partials/icons/svgLastPageIcon.html" %}{% include
      "partials/icons/svgLastPageIcon.html" %} {% endif %}
    </p>
  </div>
</div>

{% endblock content %}
