cards.html now uses fi macro

theme/templates/cards.html

@@ -11,12 +11,11 @@
       <h3><a href="{{ SITEURL }}/{{ article.save_as }}" title="{{ article.title }}">{{ article.title }}</a></h3>
     </header>
     <div class="card-body">
-      {% if article.featured_image %}
+    {% from 'includes/featured_image.html' import fi %}
-      <a href="{{ SITEURL }}/{{ article.save_as }}" title="{{ article.title }}"><img alt='Titelbild zu "{{ article.title }}"' src="{{ SITEURL }}/{{ article.featured_image[0].pic }}" /></a>
+    {% if article.featured_image %}
-      {% endif %}
+      {% set i = article.featured_image[0] %}
-      {# {% if article.summary %}
+      {{ fi(i.pic, i.link | default("/" + article.save_as), i.alt | default("Titelbild von " + article.title), i.title | default(article.title), i.credit) }}
-      <p>{{ article.summary }}</p>
+    {% endif %}
-      {% endif %} #}
     </div>
   </article>
   {% endfor %}

theme/templates/includes/featured_image.html

@@ -1,10 +1,8 @@
-{% macro fi(pic, link='', alt='', credit='') %}
+{% macro fi(pic, link='', alt='', title='', credit='') %}
 <div class="featured-image">
   <figure>
-    {% if link %}<a href="{{ link }}"{% if alt %} alt="{{ alt }}"{% endif %}>{% endif %}<img src="{{ pic }}" />{% if link %}</a>{% endif %}
+    {% if link %}<a href="{{ link }}"{% if alt %} alt="{{ alt }}"{% endif %}>{% endif %}<img src="{{ pic }}" title="{{ title }}"/>{% if link %}</a>{% endif %}
-    {% if credit %}
+    {% if credit %}<figcaption>Bild: {{ credit }}</figcaption>{% endif %}
-    <figcaption>Bild: {{ credit }}</figcaption>
-    {% endif %}
   </figure>
 </div>
 {% endmacro %}