From 472f55327eb2c0e08245520487d1bf38968096e7 Mon Sep 17 00:00:00 2001
From: samaradel <samar@incubaid.com>
Date: Mon, 11 Dec 2023 14:14:36 +0200
Subject: [PATCH] add people intro

---
 templates/people/list.html | 78 ++++++++++++++++----------------------
 1 file changed, 32 insertions(+), 46 deletions(-)

diff --git a/templates/people/list.html b/templates/people/list.html
index 77eee454b..9a6398467 100644
--- a/templates/people/list.html
+++ b/templates/people/list.html
@@ -1,24 +1,19 @@
 {% extends "_default/base.html" %}
 {% block content %}
-
-
+{%- set section = get_section(path="people/_index.md") %}
+{% include "partials/intro.html" %}
 <div class="container mx-auto">
     {% include "partials/filter_bar.html" %}
-    
     <div class="text-center main-title px-0 md:w-full">
-      <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 mb-10"
-      >
-      {%- set section = get_section(path="people/_index.md") %}
-
-      {% set path_array = current_path | split(pat="/") %}
+        <h1 class="tracking-tight text-left text-2xl sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-10">
+            {% set path_array = current_path | split(pat="/") %}
       {% set taxonomy = path_array[1] %}
       {% set category = path_array[2] %}
         {{category | replace(from='-', to=' ' ) | title}}
-      </h1>
-      <div>
-        <div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-2 xl:grid-cols-4 lg:max-w-none">
-          {% for person in section.pages %} 
+        </h1>
+        <div>
+            <div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-2 xl:grid-cols-4 lg:max-w-none">
+                {% for person in section.pages %} 
             {% set page_path = person.path ~ 'index.md' | replace(from='-', to='_') | trim_start_matches(pat="/") %}
             {% set people = get_section(path="people/_index.md") %}
             {% set pages_str = people.pages | json_encode() | as_str %}
@@ -31,25 +26,21 @@
                 {% endif %}
             {% endif %}
         {% 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
+            </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
           >
-          &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;
+                <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;
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% else %} {%
           include "partials/icons/svgFirstPageIcon.html" %}{% include
           "partials/icons/svgFirstPageIcon.html" %}
@@ -58,27 +49,22 @@
           &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
+                <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
+                &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" %}
+                {% 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>
+            </p>
+        </div>
     </div>
 </div>
-
 {% endblock content %}