Connexion et amelioration disposition index

This commit is contained in:
Yass 2026-01-15 17:22:54 +01:00
parent 4d1d758017
commit 024cf537ed
11 changed files with 109 additions and 34 deletions

View file

@ -1,19 +1,38 @@
<article class="col-md-6 mb-4">
<div class="row g-0 border rounded overflow-hidden flex-md-row shadow-sm h-md-250 position-relative">
<div class="col p-4 d-flex flex-column position-static">
<h3 class="mb-2"><?php echo $objProject->getTitle(); ?></h3>
<div class="mb-2 text-body-secondary">
<time datetime="2017-05-11"><?php echo $objProject->getCreation_date(); ?></time>
<span> - <?php echo $objProject->getCreatorname(); ?> </span>
</div>
<p class="mb-auto"><?php echo $objProject->getDescription(); ?></p>
<a href="?id=<?php echo $objProject->getId()?>" class="icon-link gap-1 icon-link-hover stretched-link" aria-label="Lire l'article complet sur le devenir du JavaScript">
Lire la suite
<i class="fas fa-arrow-right" aria-hidden="true"></i>
</a>
</div>
<div class="col-auto d-none d-lg-block">
<img class="bd-placeholder-img" width="200" height="250" src="<?php echo $objProject->getThumbnail(); ?>" alt="" loading="lazy">
<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=".<?php echo $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=".<?php echo $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"><?php echo $objProject->getTitle(); ?></h3>
<small class="text-body-secondary d-block mb-1">
<time><?php echo $objProject->getCreation_date(); ?></time>
<?php echo $objProject->getCreatorname(); ?>
</small>
<a href="?id=<?php echo $objProject->getId()?>"
class="stretched-link small">
Lire la suite
</a>
</div>
</div>
</div>
</article>