Story 2.3: page accueil hero

This commit is contained in:
2026-02-04 16:58:07 +01:00
parent 8dd68ef584
commit a1092c9f60
10 changed files with 137 additions and 87 deletions

View File

@@ -2,7 +2,7 @@
## Status
Ready for Dev
review
## Story
@@ -21,31 +21,31 @@ Ready for Dev
## Tasks / Subtasks
- [] **Task 1 : Créer la page home.php** (AC: 4)
- [] Créer `pages/home.php` (implémenté dans index.php, migration avec routeur)
- [] Inclure header, navbar et footer
- [x] **Task 1 : Créer la page home.php** (AC: 4)
- [x] Créer `pages/home.php` (implémenté dans index.php, migration avec routeur)
- [x] Inclure header, navbar et footer
- [ ] Configurer le routeur pour servir cette page sur `/` (story 3.2)
- [] **Task 2 : Créer la section Hero** (AC: 1, 3)
- [] Ajouter le nom/prénom du développeur
- [] Ajouter le titre "Développeur Web Full-Stack"
- [] Ajouter une phrase d'accroche percutante
- [] Centrer verticalement et horizontalement
- [] Appliquer la typographie (text-display)
- [x] **Task 2 : Créer la section Hero** (AC: 1, 3)
- [x] Ajouter le nom/prénom du développeur
- [x] Ajouter le titre "Développeur Web Full-Stack"
- [x] Ajouter une phrase d'accroche percutante
- [x] Centrer verticalement et horizontalement
- [x] Appliquer la typographie (text-display)
- [] **Task 3 : Ajouter les CTA** (AC: 2)
- [] Bouton principal "Découvrir mes projets" (btn-primary)
- [] Bouton secondaire "En savoir plus" (btn-secondary) optionnel
- [] Liens vers /projets et /a-propos
- [x] **Task 3 : Ajouter les CTA** (AC: 2)
- [x] Bouton principal "Découvrir mes projets" (btn-primary)
- [x] Bouton secondaire "En savoir plus" (btn-secondary) optionnel
- [x] Liens vers /projets et /a-propos
- [] **Task 4 : Rendre responsive** (AC: 5)
- [] Mobile : texte plus petit, padding réduit
- [] Desktop : taille maximale, centré
- [x] **Task 4 : Rendre responsive** (AC: 5)
- [x] Mobile : texte plus petit, padding réduit
- [x] Desktop : taille maximale, centré
- [] **Task 5 : Ajouter les animations** (AC: 6)
- [] Fade-in sur le titre (animate-fade-in)
- [] Fade-in décalé sur le sous-titre (animation-delay-100)
- [] Fade-in décalé sur les boutons (animation-delay-200)
- [x] **Task 5 : Ajouter les animations** (AC: 6)
- [x] Fade-in sur le titre (animate-fade-in)
- [x] Fade-in décalé sur le sous-titre (animation-delay-100)
- [x] Fade-in décalé sur les boutons (animation-delay-200)
## Dev Notes
@@ -141,33 +141,42 @@ Les classes sont déjà définies dans input.css :
| Date | Version | Description | Author |
|------|---------|-------------|--------|
| 2026-02-04 | 0.1 | Implementation story 2.3 | 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/home.test.ps1: home page coverage
### Completion Notes List
- Hero section créée dans index.php (migration vers pages/home.php avec routeur story 3.2)
- Typographie responsive : text-4xl → text-5xl → text-display
- Hero section créée dans pages/home.php (routeur story 3.2)
- Animations fade-in avec délais progressifs (100, 200, 300ms)
- CTA : btn-primary (projets) + btn-secondary (à propos)
- Centrage vertical avec min-h-[calc(100vh-5rem)] et flex
- Header, navbar, footer inclus via compact()
- CSS régénéré via `npm run build`
- Tests: `powershell -ExecutionPolicy Bypass -File tests/run.ps1`
### File List
| Fichier | Action |
|---------|--------|
| `index.php` | Modifié (Hero section) |
| `pages/home.php` | Créé |
| `index.php` | Modifié (inclut home.php) |
| `assets/css/output.css` | Regénéré |
| `tests/home.test.ps1` | Créé |
| `tests/run.ps1` | Modifié |
| `tests/structure.test.ps1` | Modifié |
| `tests/templates.test.ps1` | Modifié |
| `tests/canary.test.ps1` | Modifié |
| `tests/navbar.test.ps1` | Modifié |
## QA Results