From 088324cb804ec2b5192ea9b0b0d3d44836b2d28e Mon Sep 17 00:00:00 2001 From: Pontoporeia Date: Mon, 6 Apr 2026 17:20:19 +0200 Subject: [PATCH] Match Accueil.png mockup: nav layout, full-width search, section label --- TODO.md | 6 ++++ public/assets/css/common.css | 28 ++++++++++++++++--- public/assets/css/main.css | 8 +++--- public/index.php | 6 ++-- templates/header.php | 54 ++++++++++++++++++++---------------- 5 files changed, 66 insertions(+), 36 deletions(-) diff --git a/TODO.md b/TODO.md index c5fa78a..df5516b 100644 --- a/TODO.md +++ b/TODO.md @@ -2,6 +2,12 @@ ## Completed +- [x] Match Accueil.png mockup + - Nav: brand → "Xamxam", add Répertoire left, Licences/À Propos right + - Search bar: full-width below nav (not inline) + - Section label: "Publication récente" replacing "DÉCOUVREZ LES TFE" label + - CSS: nav-left/nav-right layout, full-width search form + - [x] Fix homepage card grid styling - Added `gap: 1.25rem` and padding to `.cards-container` (was `gap: 0`, no padding) - Added `border`, `border-radius: 8px`, hover shadow + lift to `.card` diff --git a/public/assets/css/common.css b/public/assets/css/common.css index 261a8b9..5ec6240 100644 --- a/public/assets/css/common.css +++ b/public/assets/css/common.css @@ -61,6 +61,22 @@ header nav { justify-content: space-between; } +.nav-left { + display: flex; + align-items: center; + gap: 3rem; +} + +.nav-left-links, +.nav-right-links { + display: flex; + gap: 3rem; + align-items: center; + list-style: none; + margin: 0; + padding: 0; +} + header nav > a { font-family: "police1", sans-serif; font-size: 1.1rem; @@ -71,7 +87,7 @@ header nav > a { /* font-weight: 400; */ } -header nav ul { +header nav > ul { display: flex; gap: 3rem; align-items: center; @@ -109,15 +125,19 @@ header nav ul a[aria-current="page"] { /* ============================================================ SEARCH BAR (shared) ============================================================ */ +.header-search-wrap { + padding: 0 0; +} + header form[role="search"] { display: flex; align-items: center; gap: 0.5rem; - padding: 0.25rem 1.5rem; + padding: 0.4rem 1.5rem; border: 1px solid var(--accent-primary); - border-radius: 8px; + border-radius: 0; background: var(--bg-primary); - flex-shrink: 0; + width: 100%; color: var(--accent-primary); } diff --git a/public/assets/css/main.css b/public/assets/css/main.css index f4d91a7..39f0400 100644 --- a/public/assets/css/main.css +++ b/public/assets/css/main.css @@ -134,16 +134,16 @@ overflow: hidden; } -/* Latest-year label — section heading style */ -.home-latest-label { +/* Section label */ +.home-section-label { font-style: normal; background: transparent; - color: var(--text-secondary); + color: var(--text-primary); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; - padding: 0.9rem 1.25rem 0.6rem; + padding: 1.1rem 1.25rem 0.8rem; border-bottom: 1px solid var(--border-primary); margin: 0; } diff --git a/public/index.php b/public/index.php index f99b472..b56ff2f 100644 --- a/public/index.php +++ b/public/index.php @@ -15,10 +15,8 @@ extract($vars); Année : Réinitialiser

- -

- Découvrez les TFE de — sélection aléatoire -

+ +

Publication récente

diff --git a/templates/header.php b/templates/header.php index 965be55..92968e3 100644 --- a/templates/header.php +++ b/templates/header.php @@ -35,15 +35,19 @@ $_thesisId = $_GET['id'] ?? null;