Story 2.4: navigation rapide

This commit is contained in:
2026-02-04 17:00:33 +01:00
parent a1092c9f60
commit c9369df683
5 changed files with 106 additions and 24 deletions

View File

@@ -2,7 +2,7 @@
## Status
Ready for Dev
review
## Story
@@ -20,28 +20,28 @@ Ready for Dev
## Tasks / Subtasks
- [] **Task 1 : Ajouter la section sous le hero** (AC: 1)
- [] Créer une section avec titre "Explorez mon portfolio"
- [] Ajouter les 3 cartes de navigation
- [x] **Task 1 : Ajouter la section sous le hero** (AC: 1)
- [x] Créer une section avec titre "Explorez mon portfolio"
- [x] Ajouter les 3 cartes de navigation
- [] **Task 2 : Créer les cartes de navigation** (AC: 2)
- [] Carte Projets : icône, titre, description, lien
- [] Carte Compétences : icône, titre, description, lien
- [] Carte Me Découvrir : icône, titre, description, lien
- [x] **Task 2 : Créer les cartes de navigation** (AC: 2)
- [x] Carte Projets : icône, titre, description, lien
- [x] Carte Compétences : icône, titre, description, lien
- [x] Carte Me Découvrir : icône, titre, description, lien
- [] **Task 3 : Implémenter la grille responsive** (AC: 3)
- [] 1 colonne sur mobile (grid-cols-1)
- [] 3 colonnes sur desktop (md:grid-cols-3)
- [] Gap approprié entre les cartes (gap-6 lg:gap-8)
- [x] **Task 3 : Implémenter la grille responsive** (AC: 3)
- [x] 1 colonne sur mobile (grid-cols-1)
- [x] 3 colonnes sur desktop (md:grid-cols-3)
- [x] Gap approprié entre les cartes (gap-6 lg:gap-8)
- [] **Task 4 : Ajouter les effets hover** (AC: 4)
- [] Utiliser la classe card-interactive
- [] Élévation + ombre au hover
- [x] **Task 4 : Ajouter les effets hover** (AC: 4)
- [x] Utiliser la classe card-interactive
- [x] Élévation + ombre au hover
- [] **Task 5 : Intégrer les icônes** (AC: 5)
- [] Utiliser Heroicons (SVG inline)
- [] Taille cohérente (w-8 h-8 dans conteneur w-16 h-16)
- [] Couleur primary
- [x] **Task 5 : Intégrer les icônes** (AC: 5)
- [x] Utiliser Heroicons (SVG inline)
- [x] Taille cohérente (w-8 h-8 dans conteneur w-16 h-16)
- [x] Couleur primary
## Dev Notes
@@ -139,33 +139,38 @@ Ready for Dev
| Date | Version | Description | Author |
|------|---------|-------------|--------|
| 2026-02-04 | 0.1 | Implementation story 2.4 | Amelia |
| 2026-01-22 | 0.1 | Création initiale | Sarah (PO) |
## Dev Agent Record
### Agent Model Used
Claude Opus 4.5 (claude-opus-4-5-20251101)
GPT-5 Codex
### Debug Log References
_Aucun_
- tests/quicknav.test.ps1: quick navigation coverage
### Completion Notes List
- Section navigation rapide ajoutée sous le hero dans index.php
- Section navigation rapide ajoutée sous le hero dans pages/home.php
- 3 cartes : Projets, Compétences, Me Découvrir
- Grille responsive : grid-cols-1 mobile, md:grid-cols-3 tablet+
- Icônes Heroicons SVG inline (squares-2x2, code-bracket, user)
- Effets hover via card-interactive + group-hover sur titres
- Conteneurs d'icônes avec bg-primary/10 → bg-primary/20 au hover
- CSS régénéré via `npm run build`
- Tests: `powershell -ExecutionPolicy Bypass -File tests/run.ps1`
### File List
| Fichier | Action |
|---------|--------|
| `index.php` | Modifié (section navigation) |
| `pages/home.php` | Modifié (section navigation) |
| `assets/css/output.css` | Regénéré |
| `tests/quicknav.test.ps1` | Créé |
| `tests/run.ps1` | Modifié |
## QA Results