✨ Story 2.4: navigation rapide
This commit is contained in:
@@ -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
|
||||
|
||||
|
||||
Reference in New Issue
Block a user