Merge pull request open-neuromorphic#388 from neural-loop/endorsement-image

feat(endorsements): Use contributor page image if available

Author: neural-loop

layouts/partials/components/endorsements.html

@@ -15,21 +15,38 @@ <h3 class="text-3xl font-bold text-center mb-10 text-dark dark:text-darkmode-dar
         <!-- Left side: Author Info -->
         <div class="flex-shrink-0 w-full md:w-1/4">
           <div class="flex items-center md:flex-col md:items-start">
-              {{ if .image }}
-              <img src="{{ .image }}" alt="Photo of {{ .name }}" class="w-20 h-20 rounded-full object-cover bg-gray-200 mb-0 md:mb-4 mr-4 md:mr-0 flex-shrink-0">
-              {{ end }}
-              <div class="text-left">
-                <p class="font-bold text-dark dark:text-darkmode-dark leading-tight">{{ .name }}</p>
-                <p class="text-sm text-gray-600 dark:text-gray-400 leading-tight">{{ .title }}</p>
-              </div>
+            {{/* --- MODIFICATION START --- */}}
+            {{ $nameForProcessing := $endorsement.name | replaceRE "[.]" "" | replaceRE "ć" "c" | replaceRE "Ć" "C" }}
+            {{ $contributor_slug := $nameForProcessing | anchorize }}
+            {{ $contributorPage := site.GetPage (printf "contributors/%s" $contributor_slug) }}
+
+            {{ $image_found := false }}
+            {{ if and $contributorPage $contributorPage.Params.image }}
+            {{ with $contributorPage.Resources.GetMatch $contributorPage.Params.image }}
+            {{ $thumb := .Fill "160x160 Lanczos" }}
+            <img src="{{ $thumb.RelPermalink }}" alt="Photo of {{ $endorsement.name }}" class="w-20 h-20 rounded-full object-cover bg-gray-200 mb-0 md:mb-4 mr-4 md:mr-0 flex-shrink-0" width="80" height="80">
+            {{ $image_found = true }}
+            {{ end }}
+            {{ end }}
+
+            {{ if not $image_found }}
+            <div class="w-20 h-20 rounded-full bg-gray-200 dark:bg-darkmode-theme-dark flex items-center justify-center text-xs text-center text-gray-500 mb-0 md:mb-4 mr-4 md:mr-0 flex-shrink-0">
+              Photo
+            </div>
+            {{ end }}
+            {{/* --- MODIFICATION END --- */}}
+            <div class="text-left">
+              <p class="font-bold text-dark dark:text-darkmode-dark leading-tight">{{ $endorsement.name }}</p>
+              <p class="text-sm text-gray-600 dark:text-gray-400 leading-tight">{{ $endorsement.title }}</p>
+            </div>
           </div>
         </div>
 
         <!-- Right side: Quote -->
         <div class="text-text dark:text-darkmode-text text-lg italic flex-grow relative border-t md:border-t-0 md:border-l border-border dark:border-darkmode-border pt-6 md:pt-0 md:pl-6">
           <span class="absolute -top-4 md:top-0 -left-1 md:-left-7 text-6xl font-serif text-gray-300 dark:text-gray-700 opacity-75">&ldquo;</span>
           <p class="pl-2">
-            {{ .quote | markdownify | chomp }}
+            {{ $endorsement.quote | markdownify | chomp }}
           </p>
         </div>
       </div>