programs list in person page

assets/sass/_theme/sections/persons.sass

+.persons__page
+    ol.programs
+        li
+            @include icon("arrow-right", "after", px2rem(10), true)
+                color: inherit
+            justify-content: flex-start
+            a
+                @include stretched-link(before)
+                color: inherit
+            p
+                flex: 1
+                &:nth-child(2)
+                    @include small
+            &:hover
+                color: $color-accent
+
 .person
     @include article
 

layouts/partials/persons/programs.html

@@ -3,15 +3,12 @@
   <div class="top">
     <h2>{{ i18n "persons.programs" }}</h2>
   </div>
-  <table class="table-resume">
-    <caption>{{ i18n "persons.programs" }}</caption>
-    <tbody>
-      {{ range .programs }}
-      <tr>
-        <th>{{ safeHTML (index .Params.teachers_description $slug) }}</th>
-        <td><a href="{{ .Permalink }}" class="link link-more">{{ safeHTML .Title }}</a></td>
-      </tr>
-      {{ end }}
-    </tbody>
-  </table>
+  <ol class="programs" itemscope itemtype="https://schema.org/CreativeWork">
+    {{ range .programs }}
+      <li>
+        <p itemscope itemtype="https://schema.org/EducationalOccupationalProgram"><a href="{{ .Permalink }}" itemprop="name">{{ safeHTML .Title }}</a></p>
+        <p itemprop="educationalRole">{{ safeHTML (index .Params.teachers_description $slug) }}</p>
+      </li>
+    {{ end }}
+  </ul>
 </section>