persons wip

assets/sass/_theme/sections/persons.sass

@@ -25,7 +25,8 @@
             margin-bottom: 0
 
 
-.persons
+section.persons,
+div.persons
     @include grid(1)
     @include grid(2, md)
     @include grid(3, lg)
@@ -33,6 +34,27 @@
     @include grid(5, xxl)
 
 
+ol.persons
+    @include list-reset
+    > li
+        border-bottom: 1px solid $main-border-color
+        padding-bottom: $spacing1
+        padding-top: $spacing1
+        position: relative
+        p
+            margin-bottom: 0
+        a
+            @include stretched-link
+
+        @include media-breakpoint-up(md)
+            align-items: baseline
+            display: flex
+            > p
+                width: col(5)
+                & + p
+                    width: col(7)
+
+
 .avatar
     @include aspect-ratio(50, 50, 'img')
     background-color: $persons-avatar-background-color

assets/sass/_theme/sections/programs.sass

@@ -50,6 +50,7 @@
 .program
     @include widget
 
+div.programs,
 section.programs
     @include grid(2, md)
     @include grid(3, xl)

layouts/partials/persons/list-specific.html

-<div class="persons">
+<ol class="persons">
   {{ range (.Paginate (.Pages.ByParam "last_name")).Pages }}
     {{ $person := site.GetPage (printf "/persons/%s" .Slug) }}
-    {{ if $person }}
-      <div>
-        {{ partial "persons/person.html" $person }}
-      </div>
+    {{ with $person }}
+      <li>
+        <p class="name"><a href="{{ .Permalink }}">{{ partial "PrepareHTML" .Title }}</a></p>
+        {{- if partial "GetTextFromHTML" .Params.description_short }}
+          <p>{{- partial "PrepareHTML" .Params.description_short -}}</p>
+        {{ end -}}
+      </li>
     {{ end }}
   {{ end }}
-</div>
+</ol>
 {{ partial "commons/pagination.html" . }}

layouts/partials/persons/list.html

-<div class="persons">
+<ol class="persons">
   {{ $persons := .Pages.ByParam "last_name" }}
   {{ range (.Paginate $persons).Pages }}
-    <div>
-      {{ partial "persons/person.html" . }}
-    </div>
+    <li>
+      <p class="name"><a href="{{ .Permalink }}">{{ partial "PrepareHTML" .Title }}</a></p>
+      {{- if partial "GetTextFromHTML" .Params.description_short }}
+        <p>{{- partial "PrepareHTML" .Params.description_short -}}</p>
+      {{ end -}}
+    </li>
   {{ end }}
-</div>
+</ol>
 {{ partial "commons/pagination.html" . }}

layouts/partials/persons/persons-specific.html

+<div class="persons">
+  {{ range (.Paginate (.Pages.ByParam "last_name")).Pages }}
+    {{ $person := site.GetPage (printf "/persons/%s" .Slug) }}
+    {{ if $person }}
+      <div>
+        {{ partial "persons/person.html" $person }}
+      </div>
+    {{ end }}
+  {{ end }}
+</div>
+{{ partial "commons/pagination.html" . }}

layouts/partials/persons/persons.html

+<div class="persons">
+  {{ $persons := .Pages.ByParam "last_name" }}
+  {{ range (.Paginate $persons).Pages }}
+    <div>
+      {{ partial "persons/person.html" . }}
+    </div>
+  {{ end }}
+</div>
+{{ partial "commons/pagination.html" . }}