Merge pull request #75 from OurSQLFoundation/fix/empty-term-pages

Fix empty lists on taxonomy term pages

Author: Mazizova

layouts/partials/resources/term-content.html

@@ -25,16 +25,36 @@ <h1 class="resources-section-title">{{ .Title }}</h1>
   {{ if .Pages }}
   <div class="resources-list-grid">
     {{ range .Pages.ByTitle }}
-    {{ if .Params.link }}
     {{ $format := .Params.format }}
-    <div class="resource-card"
+    {{ $pageTitle := .Title }}
+    {{ $isPerson := in .Params.subcategories "People" }}
+    {{ $pageRes := .Resources }}
+    {{ $imgRes := "" }}
+    {{ with .Params.images }}
+    {{ $imgFile := index . 0 }}
+    {{ $imgRes = $pageRes.Get $imgFile }}
+    {{ if not $imgRes }}{{ $imgRes = resources.Get (strings.TrimPrefix "/" $imgFile) }}{{ end }}
+    {{ end }}
+    <div class="resource-card{{ if or $imgRes $isPerson }} resource-card--has-image{{ end }}"
       data-title="{{ .Title }}"
       data-description="{{ .Description }}"
       data-link="{{ .Params.link }}"
       data-date="{{ with .Date }}{{ if not .IsZero }}{{ .Format "Jan 2006" }}{{ end }}{{ end }}"
       data-format="{{ .Params.format }}"
       data-location="{{ $loc := slice }}{{ with .Params.city }}{{ $loc = $loc | append . }}{{ end }}{{ range .Params.countries }}{{ $loc = $loc | append . }}{{ end }}{{ delimit $loc ", " }}"
     >
+      {{ if $imgRes }}
+      {{ $thumb := $imgRes.Fit "320x480 jpg" }}
+      <a href="{{ .RelPermalink }}" class="resource-card-image-wrap resource-card-image-wrap--portrait">
+        <img src="{{ $thumb.RelPermalink }}" alt="{{ $pageTitle }}" class="resource-card-image" loading="lazy" width="{{ $thumb.Width }}" height="{{ $thumb.Height }}">
+      </a>
+      {{ else if $isPerson }}
+      {{ $initials := "" }}
+      {{ range split $pageTitle " " }}{{ $initials = printf "%s%s" $initials (substr . 0 1) }}{{ end }}
+      <a href="{{ .RelPermalink }}" class="resource-card-image-wrap resource-card-image-wrap--portrait">
+        <div class="resource-card-image resource-card-image--placeholder" aria-hidden="true">{{ $initials }}</div>
+      </a>
+      {{ end }}
       <div class="resource-card-body">
         <h2 class="resource-card-title">{{ .Title }}</h2>
         {{ with .Description }}<p class="resource-card-desc">{{ . }}</p>{{ end }}
@@ -63,7 +83,6 @@ <h2 class="resource-card-title">{{ .Title }}</h2>
       </div>
     </div>
     {{ end }}
-    {{ end }}
   </div>
   {{ else }}
   <div class="empty-state">