feat: group people by role priority

templates/pages/blog_detail.html

@@ -33,11 +33,7 @@
           {% if site_branding.article_people_eyebrow %}<span class="blog-partners-eyebrow">{{ site_branding.article_people_eyebrow }}</span>{% endif %}
           <h2 id="blog-partners-title">{{ site_branding.article_people_title }}</h2>
         </div>
-        <div class="blog-partners-grid">
-          {% for partner in partners %}
-          {% include "partials/_person_card.html" with person=partner body=partner.description read_more=partner.read_more_description %}
-          {% endfor %}
-        </div>
+        {% include "partials/_people_rows.html" with people=partners %}
       </section>
       {% endif %}
       {% endwith %}

templates/partials/_page_sections.html

@@ -322,11 +322,7 @@
         <h2 id="people-heading-{{ section.pk }}">{{ section.title|default:"People" }}</h2>
         {% if section.content %}<div class="rich-content section-desc" {% if section.read_more_content %}data-readmore="200"{% endif %}>{{ section.rendered_content }}</div>{% endif %}
       </div>
-      <div class="blog-partners-grid">
-        {% for person in people %}
-        {% include "partials/_person_card.html" with person=person body=person.content read_more=person.read_more_content %}
-        {% endfor %}
-      </div>
+      {% include "partials/_people_rows.html" with people=people about=True %}
     </div>
   </div>
 </section>

templates/partials/_people_rows.html

@@ -0,0 +1,15 @@
+{% load people %}
+{% for row in people|people_rows %}
+<div class="people-role-row">
+  {% if embedded %}<h5 class="people-role-heading">{{ row.title }}</h5>{% else %}<h3 class="people-role-heading">{{ row.title }}</h3>{% endif %}
+  <div class="blog-partners-grid">
+    {% for person in row.people %}
+    {% if about %}
+    {% include "partials/_person_card.html" with person=person body=person.content read_more=person.read_more_content grouped=True %}
+    {% else %}
+    {% include "partials/_person_card.html" with person=person body=person.description read_more=person.read_more_description embedded=embedded grouped=True %}
+    {% endif %}
+    {% endfor %}
+  </div>
+</div>
+{% endfor %}

templates/partials/_people_section.html

@@ -4,10 +4,6 @@
     {% if eyebrow %}<span class="blog-partners-eyebrow">{{ eyebrow }}</span>{% endif %}
     {% if embedded %}<h4 id="{{ heading_id }}">{{ title }}</h4>{% else %}<h2 id="{{ heading_id }}">{{ title }}</h2>{% endif %}
   </div>
-  <div class="blog-partners-grid">
-    {% for person in people %}
-    {% include "partials/_person_card.html" with person=person body=person.description read_more=person.read_more_description embedded=embedded %}
-    {% endfor %}
-  </div>
+  {% include "partials/_people_rows.html" with people=people embedded=embedded %}
 </section>
 {% endif %}

templates/partials/_person_card.html

@@ -2,7 +2,7 @@
   {% if person.image %}<div class="blog-partner-image"><img src="{{ person.image.url }}" alt="{{ person.image_alt|default:person.name }}" loading="lazy"></div>{% endif %}
   <div class="blog-partner-info">
     {% if person.role_label %}<span class="blog-partner-role">{{ person.role_label }}</span>{% endif %}
-    {% if embedded %}<h5>{% if person.url %}<a href="{{ person.url }}" target="_blank" rel="noopener noreferrer">{{ person.name }}</a>{% else %}{{ person.name }}{% endif %}</h5>{% else %}<h3>{% if person.url %}<a href="{{ person.url }}" target="_blank" rel="noopener noreferrer">{{ person.name }}</a>{% else %}{{ person.name }}{% endif %}</h3>{% endif %}
+    {% if embedded %}<h6>{% if person.url %}<a href="{{ person.url }}" target="_blank" rel="noopener noreferrer">{{ person.name }}</a>{% else %}{{ person.name }}{% endif %}</h6>{% elif grouped %}<h4>{% if person.url %}<a href="{{ person.url }}" target="_blank" rel="noopener noreferrer">{{ person.name }}</a>{% else %}{{ person.name }}{% endif %}</h4>{% else %}<h3>{% if person.url %}<a href="{{ person.url }}" target="_blank" rel="noopener noreferrer">{{ person.name }}</a>{% else %}{{ person.name }}{% endif %}</h3>{% endif %}
     {% if body %}<p {% if read_more %}data-readmore="88"{% endif %}>{{ body }}</p>{% endif %}
   </div>
 </div>