card: missing image: show teaser if present

i18n/de.yaml

@@ -32,6 +32,9 @@ prev:
 recentArticles:
   other: Aktuelle Artikel
 
+Teaser:
+  other: Hintergrund
+
 topics:
   other: Themen
 

i18n/en.yaml

@@ -33,6 +33,9 @@ prev:
 recentArticles:
   other: Recent Posts
 
+Teaser:
+  other: Teaser
+
 topics:
   other: Topics
 

layouts/partials/card.html

@@ -4,6 +4,10 @@
     {{ if .Params.img }}
       <img width="100%" 
            src="{{ .Site.BaseURL }}img/{{ .Params.img }}" alt="{{ .Title }}">
+    {{ else if .Params.teaser }}
+      <div class="card-header">
+        <p class="card-text">{{ .Params.teaser }}</p>
+    </div>
     {{ else if .Site.Params.defaultImage }}
       <img width="100%" 
            src="{{ .Site.BaseURL }}img/{{ .Site.Params.defaultImage }}" 
@@ -14,9 +18,6 @@
     <span class="card-title h4">{{ .Title | truncate 25 }}</span>
     <span class="post-meta pull-right">
       <small>{{ .Date.Format (i18n "dateFormat") }}</small></span>
-  </div>
-  
-  <div class="card-body">
     <p class="card-text">{{ .Summary | plainify | truncate 100 }}</p>
   </div>
 </a>

layouts/partials/sidebar.html

@@ -1,18 +1,25 @@
 <div class="col-md-4 mt20">
 
-    <div class="card mt-3 mb-3">
     {{ if .Params.img }}
-        <img width="100%" 
+    <img width="100%" class="mt-3"
          src="{{ .Site.BaseURL}}img/{{ .Params.img }}" alt="{{ .Params.title }}">
-        {{ else }}
-        <img width="100%" 
+    {{ else if .Params.teaser }}
+    <div class="card mt-3">
+      <div class="card-header">
+        <p class="card-text">{{ i18n "Teaser" }}</p>
+      </div>
+      <div class="card-body">
+        <p class="card-text">{{ .Params.teaser }}</p>
+      </div>
+    </div>
+    {{ else if .Site.Params.defaultImage }}
+    <img width="100%"  class="mt-3"
          src="{{ .Site.BaseURL }}img/{{ .Site.Params.defaultImage }}" alt="dummy">
     {{ end }}
-    </div>  
 
     {{ $taxo := "topics" }}
     {{ if .Param $taxo }}
-    <div class="card mb-3">
+    <div class="card mt-3">
       <div class="card-header">
         <h4>{{i18n "topics"}}</h4>
       </div>
@@ -30,7 +37,7 @@
     </div>
     {{ end }}
 
-    <div class="card mb-3">
+    <div class="card mt-3">
       <div class="card-header">
         <h4>{{i18n "recentArticles"}}</h4>
       </div>