Modification de la page d'accueil afin de rajouter du responsive.

Ajout de font awesome en local (css + webfonts).
Modification du header pour enlever les scripts inutiles
This commit is contained in:
Loic Masi
2026-03-24 14:20:49 +01:00
parent b9dc894423
commit 70ad4ea1de
10 changed files with 50 additions and 78 deletions

View File

@@ -5,36 +5,6 @@
<h1>Derniers titres chroniqués</h1>
@* TEMPLATE TODO: virer *@
@* <div class="container">
<div class="container bg-light row p-3 mt-3">
<div class="col-auto">
<img class="img-thumbnail"
src="" />
</div>
<div class="col">
<a class="text-primary text-decoration-none fw-light h4">Justice - D.A.N.C.E</a>
<p class="mt-2 mb-3 text-muted ">
Insérer texte
</p>
<div class="d-flex flex-wrap align-items-center gap-3">
<a class="btn btn-primary btn-sm">Lire la suite</a>
<div class="d-flex align-items-center text-muted small">
<i class="fa-solid fa-calendar"></i>
Date :
17/12/2022 11:08:08
</div>
<div class="d-flex align-items-center text-muted small">
<i class="fa-solid fa-tags"></i>
<a class="text-decoration-none m-1">Insérer style</a>
</div>
</div>
</div>
</div>
</div> *@
<div class="container">
@foreach (var titre in Model.DerniersTitres)
{
@@ -87,35 +57,27 @@
</div>
</div>
@* TEMPLATE *@
@* <div class="container">
<div class="row">
<div class="card col m-1" style="width: 18rem;">
<img class="card-img-top"
src="" alt="Alternate Text" />
<div class="card-body">
<a class="card-link" href="#">Album</a><br />
par <a class="card-link">Artiste</a>
</div>
</div>
</div>
</div> *@
<div class="container">
<h1 class="mt-5">Titres les plus populaires</h1>
<div class="row">
@foreach (var titre in Model.TopTitres)
{
<div class="card col m-1" style="width: auto;">
<img class="card-img-top"
src="@titre.UrlJaquette" />
<div class="row g-3">
@foreach (var titre in Model.TopTitres)
{
<div class="col-12 col-md-6 col-lg-4">
<div class="card h-100">
<img class="card-img-top" src="@titre.UrlJaquette" alt="@titre.Album" />
<div class="card-body">
<a asp-controller="Titre" asp-action="Details" asp-route-id="@titre.IdTitre" class="card-link">@titre.Album</a><br />
par <a asp-controller="Artiste" asp-action="Index" asp-route-nom="@titre.Artiste.Nom" class="card-link">@titre.Artiste.Nom</a>
<div class="card-body">
<a asp-controller="Titre" asp-action="Details" asp-route-id="@titre.IdTitre" class="card-link">
@titre.Album
</a>
<br />
par
<a asp-controller="Artiste" asp-action="Index" asp-route-nom="@titre.Artiste.Nom" class="card-link">
@titre.Artiste.Nom
</a>
</div>
</div>
</div>
</div>
}
}
</div>
</div>