.

views/_partial/preview.tpl

@@ -0,0 +1,41 @@
+
+
+
+<article class="col-md-3 mb-4">
+    <div class="card h-100 shadow-sm article-card">
+        
+        {* IMAGE (80%) *}
+        <div class="ratio ratio-16x9">
+            <img src=".{$objProject->getThumbnail()}"
+            class="w-100 h-100 object-fit-cover"
+            alt=""
+            loading="lazy">
+        </div>
+
+        <div class="d-flex align-items-start gap-3">
+
+    {* PHOTO DE PROFIL *}
+    <img src=".{$objProject->getUser_image()}"
+         class="rounded-circle flex-shrink-0 mt-2 ml-5"
+         style="width: 48px; height: 48px; object-fit: cover;"
+         alt="Photo de profil">
+
+    {* INFOS *}
+    <div class="flex-grow-1 card-body p-3">
+        <h3 class="h6 mb-1">{$objProject->getTitle()}</h3>
+
+        <small class="text-body-secondary d-block mb-1">
+            <time>{$objProject->getCreation_date()}</time>
+            – {$objProject->getCreatorname()}
+        </small>
+
+        <a href="?id={$objProject->getId()}"
+           class="stretched-link small">
+            Lire la suite →
+        </a>
+    </div>
+
+</div>
+
+    </div>
+</article>