{% extends "index.html" %} {% block content %} {% if not paginator %} {% set paginator = section %} {% endif %} {% set path_array = current_path | split(pat="/") %} {% set taxonomy = path_array[1] %} {% set category = path_array[2] %} {% if path_array | length < 3%} {% set category = "All" %} {% endif %} <div class="mt-16"> {% include "partials/filter_bar.html" %} <div class="text-center main-title px-0 md:w-full mx-8 md:mx-12"> <div class="my-4 flex flex-col items-start"> <h1 class="tracking-tight text-5xl text-left text-2xl sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal"> {{category | replace(from='-', to=' ' ) | title}} </h1> <div class="text-xl text-gray-800"> {{ paginator.total_pages ~ " People"}} </div> </div> <hr/> <div> <div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-3 xl:grid-cols-4 lg:max-w-none"> {%- for page in paginator.pages %} {% include "partials/person_card.html" %} {%- endfor %} </div> <hr class="mt-6" /> <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 > <a class="border-transparent" aria-label="Previous page" href="{{ paginator.previous }}" >{% include "partials/icons/svgPrevPageIcon.html" %}</a > {% else %} {% include "partials/icons/svgFirstPageIcon.html" %}{% include "partials/icons/svgFirstPageIcon.html" %} {% include "partials/icons/svgFirstPageIcon.html" %} {% endif %} {% if paginator.next %} <a class="border-transparent" aria-label="Next page" href="{{ paginator.next }}" >{% include "partials/icons/svgNextPageIcon.html" %}</a > <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" %} {% include "partials/icons/svgLastPageIcon.html" %}{% include "partials/icons/svgLastPageIcon.html" %} {% endif %} </p> </div> </div> </div> {% endblock content %}