Add episode participant images

src/css/sections/podcast.css

@@ -43,6 +43,29 @@
   & .player {
     margin-bottom: var(--space-xxl);
   }
+
+  & .partcipants {
+    margin: 0;
+    list-style: none;
+  }
+
+  & .partcipants li + li {
+    margin-top: var(--space-m);
+  }
+
+  & .partcipants li,
+  & .partcipants li a {
+    display: flex;
+    align-items: center;
+  }
+
+  & .avatar {
+    display: block;
+    height: 2rem;
+    width: 2rem;
+    border-radius: 50%;
+    margin-right: var(--space-m);
+  }
 }
 
 .episodes {

src/episode.pug

@@ -31,8 +31,12 @@ block main
           h2 Teilnehmer
           ul.partcipants
             for participant in episode.participants
+              - const member = team[participant.toLowerCase()]
               li
-                if team[participant.toLowerCase()]
+                if member
-                  a(href=`/team/#${participant}`)= participant
+                  a(href=`/team/#${member.name}`)
+                    img.avatar(src=assetPath(member.image || "/img/avatar.svg") alt=member.name)
+                    = member.name
                 else
+                  img.avatar(src=assetPath("/img/avatar.svg") alt=participant)
                   = participant

src/includes/mixins.pug

@@ -35,7 +35,7 @@ mixin member(m)
 mixin spende(d, trunc = false)
   .spende(id=d.id)&attributes(attributes)
     .inner
-      img.avatar(src=(d.avatar || assetPath("/img/avatar.svg")) alt=d.name)
+      img.avatar(src=assetPath(d.avatar || "/img/avatar.svg") alt=d.name)
       h3.name= d.name
       .center
         if d.beschreibung