Allow multiple authors

templates/blog/author_media.html

+{% set authors_data = load_data(path="authors.json") -%}
+{% for author in post.authors -%}
+<div class="media">
+  <div class="media-left">
+    <figure class="image is-48x48">
+      {% set meta = get_image_metadata(path="authors/" ~ author ~ ".jpg", allow_missing=true) -%}
+      {% if meta -%}
+        {% set image = resize_image(path="authors/" ~ author ~ ".jpg", width=48, height=48) -%}
+        <img class="is-rounded" src="{{ image.url }}" alt="Benutzerbild von {{ authors_data[post.authors.0].display_name }}" />
+      {% else -%}
+        <span class="fa-stack fa-lg">
+          <i class="fa-solid fa-circle fa-stack-2x"></i>
+          <i class="fa-solid fa-{{ author | truncate(length=1, end="") | lower() }} fa-stack-1x fa-inverse"></i>
+        </span>
+      {% endif -%}
+    </figure>
+  </div>
+  <div class="media-content">
+    <p class="title is-4">
+      {{ authors_data[author].display_name }}
+    </p>
+  </div>
+</div>
+{% endfor %}

templates/blog/card.html

@@ -13,11 +13,14 @@
             <div class="card-content">
               <a href="{{ post.permalink }}"><h3 class="title is-4">{{ post.title }}</h3></a>
               <div class="content">
+                {% include "blog/meta_line.html" -%}
                 {{ post.summary | safe }}
               </div>
               <div class="card-footer">
                 <div class="card-footer-item">
-                  {% include "blog/meta_media.html" -%}
+                  <div class="">
+                    {% include "blog/author_media.html" -%}
+                  </div>
                 </div>
               </div>
             </div>

templates/blog/meta_line.html

+<p class="subtitle is-7">
+  <span title="Veröffentlicht am"><i class="fa-solid fa-calendar-days"></i> {{ post.date }}</span> ·
+  <span title="Lesezeit"><i class="fa-solid fa-hourglass-start"></i> {{ post.reading_time }} min</span>
+</p>
+

templates/blog/meta_media.html

-{% set authors_data = load_data(path="authors.json") -%}
-<div class="media">
-  <div class="media-left">
-    <figure class="image is-48x48">
-      {% set image = resize_image(path="authors/" ~ post.authors.0 ~ ".jpg", width=48, height=48) -%}
-      <img class="is-rounded" src="{{ image.url }}" alt="Benutzerbild von {{ authors_data[post.authors.0].display_name }}" />
-    </figure>
-  </div>
-  <div class="media-content">
-    <p class="title is-4">{{ authors_data[post.authors.0].display_name }}</p>
-    <p class="subtitle is-7">
-      @{{ post.authors.0 }} ·
-      <span title="Veröffentlicht am"><i class="fa-solid fa-calendar-days"></i> {{ post.date }}</span> ·
-      <span title="Lesezeit"><i class="fa-solid fa-hourglass-start"></i> {{ post.reading_time }} min</span>
-    </p>
-  </div>
-</div>

templates/blog/post.html

@@ -20,7 +20,12 @@
           </figure>
         </div>
         <div class="card-content">
-          {% include "blog/meta_media.html" %}
+          {% include "blog/author_media.html" %}
+        </div>
+        <div class="card-footer">
+          <div class="card-footer-item">
+            {% include "blog/meta_line.html" -%}
+          </div>
         </div>
       </div>
     </div>