FIX display of content and image of posts in list and single, FIX team list display

assets/scss/index.scss

@@ -213,14 +213,14 @@ img {
     flex-wrap: wrap;
     gap: 2rem;
     justify-content: center;
-    a {
-      color: inherit;
-      margin: 0 auto;
     .member {
       display: inline-block;
       align-items: center;
       text-align: center;
       padding: 1rem;
+      a {
+        color: inherit;
+        margin: 0 auto;
         .title {
           font-size: x-large;
           padding-bottom: 0.1rem;
@@ -560,10 +560,6 @@ button {
   }
 }
 
-.noCover {
-  object-fit: unset !important;
-}
-
 .cardTitle {
   text-align: center;
   font-size: 18px;
@@ -597,7 +593,11 @@ button {
   height: 60vh;
   min-width: 100%;
   padding-top: 68px;
-  object-fit: cover;
+  object-fit: contain;
+}
+
+.cover {
+  object-fit: cover !important;
 }
 
 .image-copyright {

layouts/_default/term.html

@@ -15,7 +15,7 @@
             {{- partial "components/image.html" (dict "style" "cardImage" "url" .Site.Params.defaultimage "alt" "Placeholder") -}}
           {{ end }}
           <div class="cardTitle">{{.Title}}</div>
-          <div class="cardDescription">{{ .Summary | safeHTML | truncate 320 }}</div>
+          <div class="cardDescription">{{ .Summary | plainify | truncate 320 }}</div>
           <div class="cardDetail">{{.Date.Format "02.01.2006"}} | {{.ReadingTime}} Minuten</div>
         </div>
       </a>

layouts/partials/links.html

@@ -18,7 +18,10 @@
           <a href="{{ .url }}">
             <div class="cardContent">
               {{ if .image }}
-              {{ $style := "cardImage {{if ne .Params.image.cover }} noCover {{ end }}" }}
+                {{ $style := "cardImage" }}
+                {{ if .Params.image.cover }}
+                  {{ $style = "cardImage cover" }}
+                {{ end }}
                 {{- partial "components/image.html" (dict "style" $style "url" .image.url "alt" .image.alt) -}}
               {{ else if .icon }}
                 <div class="cardImage">

layouts/partials/team.html

@@ -8,15 +8,14 @@
 {{else if .id}}
   {{- $id = .id }}
 {{end}}
-{{- $members := where $pages "Params.leaveDate" "==" nil}}
+{{- $members := where $pages "Params.leaveDate" "==" nil}} {{- $first := $team.first | default 4}}
-{{- $first := $team.first | default 4}}
 <div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
   <div class="section-content team">
     {{ partial "components/title.html" $team.title }}
     <div class="list">
       {{- range first $first ($members.ByParam "startDate") }}
-            <a href="{{.Permalink}}">
       <div class="member">
+        <a href="{{.Permalink}}">
           {{ if .Params.image }}
             {{- partial "components/image.html" (dict "style" "avatar" "url" .Params.image "alt" .Params.name) -}}
           {{ else }}
@@ -26,19 +25,19 @@
           {{- range .Params.jobs }}
           <p>{{ . }}</p>
           {{- end }}
+        </a>
         <div class="social-media">
           <span>
             {{- range .Params.social}}
               {{ partial "components/icon.html" . }}
             {{- end}}
             {{ if .Params.mail }}
-                              {{ $mailto := "mailto:{{ .Params.mail }}" }}
+              {{ $mailto := printf "mailto:%s" .Params.mail }}
               {{ partial "components/icon.html" (dict "type" "at" "url" $mailto) }}
             {{ end }}
           </span>
         </div>
       </div>
-            </a>
       {{- end }}
     </div>
     {{ if gt $members.Len $first }}

layouts/posts/list.html

@@ -11,13 +11,16 @@
             <a href="{{.Permalink}}">
                 <div class="cardContent">
                     {{ if .Params.image }}
-                      {{ $style := "cardImage {{if ne .Params.image.cover }} noCover {{ end }}" }}
+                      {{ $style := "cardImage" }}
+                      {{ if .Params.image.cover }}
+                        {{ $style = "cardImage cover" }}
+                      {{ end }}
                       {{- partial "components/image.html" (dict "style" $style "url" .Params.image.url "alt" .Params.image.alt) -}}
                     {{ else }}
                       {{- partial "components/image.html" (dict "style" "cardImage" "url" .Site.Params.defaultimage "alt" "Placeholder") -}}
                     {{ end }}
                     <div class="cardTitle">{{.Title}}</div>
-                    <div class="cardDescription">{{ .Summary | safeHTML | truncate 320 }}</div>
+                    <div class="cardDescription">{{ .Summary | plainify | truncate 320 }}</div>
                     <div class="cardDetail">{{.Date.Format "02.01.2006"}} | {{.ReadingTime}} Minuten</div>
                 </div>
             </a>

layouts/posts/single.html

@@ -1,6 +1,9 @@
 {{ define "main" }}
     {{ with .Params.image }}
-        {{ $style := "coverimage {{if ne .Params.image.cover }} noCover {{ end }}" }}
+        {{ $style := "coverimage" }}
+        {{ if .cover }}
+          {{ $style = "coverimage cover" }}
+        {{ end }}
         {{- partial "components/image.html" (dict "style" $style "url" .url "alt" .alt) -}}
         {{ with .copyright }}
             <div class="image-copyright">© {{ . }}</div>
@@ -38,7 +41,7 @@
                                   {{ partial "components/icon.html" . }}
                                 {{- end}}
                                 {{if .Params.mail}}
-                                  {{ partial "components/icon.html" (dict "type" "at" "url" "mailto:{{ .Params.mail }}") }}
+                                  {{ partial "components/icon.html" (dict "type" "at" "url" (printf "mailto:%s" .Params.mail) ) }}
                                 {{end}}
                             </span>
                         </div>

layouts/team/list.html

@@ -6,8 +6,8 @@
   </article>
   <div class="list">
     {{ range (where .Pages "Params.leaveDate" "==" nil).ByParam "startDate" }}
-        <a href="{{.Permalink}}">
     <div class="member">
+      <a href="{{.Permalink}}">
         {{ if .Params.image }}
           {{- partial "components/image.html" (dict "style" "avatar" "url" .Params.image "alt" .Params.name) -}}
         {{ else }}
@@ -17,18 +17,18 @@
         {{- range .Params.jobs }}
         <p>{{ . }}</p>
         {{- end }}
+      </a>
       <div class="social-media">
         <span>
           {{- range .Params.social }}
             {{ partial "components/icon.html" . }}
           {{- end }}
           {{if .Params.mail}}
-                          {{ partial "components/icon.html" (dict "type" "at" "url" "mailto:{{ .Params.mail }}") }}
+            {{ partial "components/icon.html" (dict "type" "at" "url" (printf "mailto:%s" .Params.mail) ) }}
           {{end}}
         </span>
       </div>
     </div>
-        </a>
     {{ end }}
   </div>
 </div>

layouts/team/single.html

@@ -13,7 +13,7 @@
                               {{ partial "components/icon.html" . }}
                             {{- end}}
                             {{if .Params.mail}}
-                              {{ partial "components/icon.html" (dict "type" "at" "url" "mailto:{{ .Params.mail }}") }}
+                              {{ partial "components/icon.html" (dict "type" "at" "url" (printf "mailto:%s" .Params.mail) ) }}
                             {{end}}
                         </span>
                     </div>
@@ -35,13 +35,16 @@
                             <a href="{{.Permalink}}">
                                 <div class="cardContent">
                                     {{ if .Params.image }}
-                                      {{ $style := "cardImage {{if ne .Params.image.cover }} noCover {{ end }}" }}
+                                      {{ $style := "cardImage" }}
+                                      {{ if .Params.image.cover }}
+                                        {{ $style = "cardImage cover" }}
+                                      {{ end }}
                                       {{- partial "components/image.html" (dict "style" $style "url" .Params.image.url "alt" .Params.image.alt) -}}
                                     {{ else }}
                                       {{- partial "components/image.html" (dict "style" "cardImage" "url" .Site.Params.defaultimage "alt" "Placeholder") -}}
                                     {{ end }}
                                     <div class="cardTitle">{{.Title}}</div>
-                                    <div class="cardDescription">{{ .Summary | safeHTML | truncate 320 }}</div>
+                                    <div class="cardDescription">{{ .Summary | plainify | truncate 320 }}</div>
                                     <div class="cardDetail">{{.Date.Format "02.01.2006"}} | {{.ReadingTime}} Minuten</div>
                                 </div>
                             </a>