diff --git a/modules/home/assets/img/background_m.jpg b/modules/home/assets/img/background_m.jpg new file mode 100644 index 0000000..5c32ab6 Binary files /dev/null and b/modules/home/assets/img/background_m.jpg differ diff --git a/modules/home/home.css b/modules/home/home.css index 0a9bca4..7b5e437 100644 --- a/modules/home/home.css +++ b/modules/home/home.css @@ -35,7 +35,7 @@ body.pf-home > * { /* Descendre légèrement le contenu sous le header sur la home */ body.pf-home .pf-main { - padding-top: 60px; /* au lieu de 24px défini dans global.css */ + padding-top: 80px; } /* === HOME / MODULES CARDS === */ @@ -138,3 +138,24 @@ body.pf-home .pf-section > h2 { text-align: left; color: #f9fafb; } +/* === ALIGNEMENT À DROITE DU BLOC INTRO SUR LA HOME === */ + +/* On aligne à droite uniquement le bloc d'intro */ +body.pf-home .pf-container > h1, +body.pf-home .pf-container > p, +body.pf-home .pf-container > .pf-user-info { + text-align: right; +} + +/* On garde le titre "Modules" à gauche, sauf si tu veux aussi le mettre à droite */ +body.pf-home .pf-section > h2 { + text-align: left; +} + +/* Image de fond spécifique pour le mobile */ +@media (max-width: 768px) { + body.pf-home { + background-image: url("/modules/home/assets/img/background_m.jpg"); + background-position: center center; + } +}