lmasi/webzine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Correction de la page d'accueil

Browse Source
This commit is contained in:
Loic Masi
2026-03-24 14:31:55 +01:00
parent 70ad4ea1de
commit 20ac3d994f
1 changed files with 35 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
Webzine.WebApplication/Views/Accueil/Index.cshtml
View File

@@ -8,15 +8,19 @@
<div class="container"> <div class="container">
@foreach (var titre in Model.DerniersTitres) @foreach (var titre in Model.DerniersTitres)
{ {
<div class="container bg-light row p-3 mt-3"> <div class="row bg-light p-3 mt-3 align-items-center">
<div class="col-auto">
<img class="img-thumbnail img-fluid" <!-- Image -->
style="max-width:200px;" @* TODO à virer pour que ça soit responsive *@ <div class="col-12 col-md-3 text-center mb-3 mb-md-0">
@* UrlJaquette *@ <img class="img-fluid img-thumbnail"
src="@titre.UrlJaquette" /> src="@titre.UrlJaquette"
alt="@titre.Libelle" />
</div> </div>
<div class="col">
@* Artiste - Titre @titre.Artiste - @titre.Libelle*@ <!-- Contenu -->
<div class="col-12 col-md-9">
<!-- Artiste - Titre -->
<div class="fw-light h4 text-primary"> <div class="fw-light h4 text-primary">
<a asp-action="Index" <a asp-action="Index"
asp-controller="Artiste" asp-controller="Artiste"
@@ -30,30 +34,44 @@
@titre.Libelle @titre.Libelle
</a> </a>
</div> </div>
@* Chronique *@
<!-- Chronique -->
<p class="mt-2 mb-3 text-muted"> <p class="mt-2 mb-3 text-muted">
@titre.Chronique @titre.Chronique
</p> </p>
<!-- Footer -->
<div class="d-flex flex-wrap align-items-center gap-3"> <div class="d-flex flex-wrap align-items-center gap-3">
<a asp-action="Details" asp-controller="Titre" asp-route-id="@titre.IdTitre" class="btn btn-primary btn-sm">Lire la suite</a> <a asp-action="Details"
asp-controller="Titre"
asp-route-id="@titre.IdTitre"
class="btn btn-primary btn-sm">
Lire la suite
</a>
<div class="d-flex align-items-center text-muted small"> <div class="d-flex align-items-center text-muted small">
<i class="fa-solid fa-calendar me-1"></i> <i class="fa-solid fa-calendar me-1"></i>
@* Date de création *@
@titre.DateCreation @titre.DateCreation
</div> </div>
<div class="d-flex align-items-center text-muted small"> <div class="d-flex align-items-center text-muted small">
<i class="fa-solid fa-tags"></i> <i class="fa-solid fa-tags me-1"></i>
@* Style *@ <a asp-controller="Titre"
<a asp-controller="Titre" asp-action="Style" asp-route-id="Pop" class="text-decoration-none m-1">Pop</a> asp-action="Style"
asp-route-id="Pop"
class="text-decoration-none">
Pop
</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
} }
<!-- Bouton -->
<div class="row justify-content-end"> <div class="row justify-content-end">
<button class="btn btn-secondary col-auto mt-3">Titres plus anciens >></button> <button class="btn btn-secondary col-auto mt-3">
Titres plus anciens >>
</button>
</div> </div>
</div> </div>