progress in img path refactoring

content/people/abdelrahman_ghanem/index.md

@@ -3,14 +3,12 @@ title: "Abdelrahman Ghanem"
 description: "A software engineer, mainly working on Jumpscale platform and Kosmos."
 template: "person_page.html"
 extra:
-  socialLinks: { LinkedIn: "https://www.linkedin.com/in/abdelrahman-ghanem-41a31815/" }
+  socialLinks:
+    { LinkedIn: "https://www.linkedin.com/in/abdelrahman-ghanem-41a31815/" }
   organizations: ["ThreefoldTech"]
-  imgPath: /images/people/abdelrahman_ghanem.jpg
+  imgPath: abdelrahman_ghanem.jpg
 taxonomies:
-  memberships:
-    [foundation]
+  memberships: [foundation]
 ---
 
 A software engineer, mainly working on Jumpscale platform and Kosmos.
-
-

templates/partials/person_card.html

@@ -1,6 +1,8 @@
 <div class="flex flex-col px-0 sm:px-4 pb-2">
     <a href="{{post.permalink}}" class="border-0 text-gray-700 hover:!text-gray-700 font-normal text-left">
-        <img src="{{post.extra.imgPath}}" alt="" />
+        {% set url = '/' ~ post.relative_path | replace(from='_', to='-') | replace(from='index.md', to=post.extra.imgPath) %}
+        {{url}}
+        <img src="{{url}}" alt="img here" />
         <div>
             <h2 class="text-2xl">{{post.title}}</h2>
             <div class="text-md text-gray-700 text-left line-clamp-3 text-ellipsis">