✨ Story 5.7: liens contact secondaires
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
|
||||
## Status
|
||||
|
||||
Ready for Dev
|
||||
review
|
||||
|
||||
## Story
|
||||
|
||||
@@ -20,24 +20,24 @@ Ready for Dev
|
||||
|
||||
## Tasks / Subtasks
|
||||
|
||||
- [] **Task 1 : Ajouter la section dans contact.php** (AC: 1, 4)
|
||||
- [] Titre "Retrouvez-moi aussi sur"
|
||||
- [] Positionnement sous le formulaire (mt-16, pt-8, border-t)
|
||||
- [] Style distinct mais cohérent (bg-surface-alt, border)
|
||||
- [x] **Task 1 : Ajouter la section dans contact.php** (AC: 1, 4)
|
||||
- [x] Titre "Retrouvez-moi aussi sur"
|
||||
- [x] Positionnement sous le formulaire (mt-16, pt-8, border-t)
|
||||
- [x] Style distinct mais cohérent (bg-surface-alt, border)
|
||||
|
||||
- [] **Task 2 : Ajouter les liens avec icônes** (AC: 2)
|
||||
- [] LinkedIn avec icône SVG (#0A66C2)
|
||||
- [] GitHub avec icône SVG
|
||||
- [] Email avec icône SVG (primary)
|
||||
- [x] **Task 2 : Ajouter les liens avec icônes** (AC: 2)
|
||||
- [x] LinkedIn avec icône SVG (#0A66C2)
|
||||
- [x] GitHub avec icône SVG
|
||||
- [x] Email avec icône SVG (primary)
|
||||
|
||||
- [] **Task 3 : Configurer les liens** (AC: 3)
|
||||
- [] `target="_blank"` + `rel="noopener noreferrer"` pour LinkedIn/GitHub
|
||||
- [] `mailto:` généré par JS pour l'email
|
||||
- [x] **Task 3 : Configurer les liens** (AC: 3)
|
||||
- [x] `target="_blank"` + `rel="noopener noreferrer"` pour LinkedIn/GitHub
|
||||
- [x] `mailto:` généré par JS pour l'email
|
||||
|
||||
- [] **Task 4 : Protéger l'email** (AC: 5)
|
||||
- [] data-user et data-domain dans le HTML
|
||||
- [] initEmailProtection() dans main.js
|
||||
- [] Reconstruction du mailto au chargement
|
||||
- [x] **Task 4 : Protéger l'email** (AC: 5)
|
||||
- [x] data-user et data-domain dans le HTML
|
||||
- [x] initEmailProtection() dans main.js
|
||||
- [x] Reconstruction du mailto au chargement
|
||||
|
||||
## Dev Notes
|
||||
|
||||
@@ -181,22 +181,28 @@ $encodedEmail = encodeEmail($email);
|
||||
## Dev Agent Record
|
||||
|
||||
### Agent Model Used
|
||||
Claude Opus 4.5 (claude-opus-4-5-20251101)
|
||||
GPT-5 Codex
|
||||
|
||||
### Implementation Plan
|
||||
- Implémenter les tâches 1 à 4 dans l’ordre avec tests à chaque étape.
|
||||
- Ajouter section et protection email via main.js.
|
||||
|
||||
### File List
|
||||
| File | Action | Description |
|
||||
|------|--------|-------------|
|
||||
| `pages/contact.php` | Modified | Section liens secondaires (LinkedIn, GitHub, Email) |
|
||||
| `assets/js/main.js` | Modified | Ajout initEmailProtection() |
|
||||
| `tests/contact-links.test.php` | Added | Tests liens secondaires |
|
||||
| `tests/run.ps1` | Modified | Ajout du test contact-links |
|
||||
|
||||
### Completion Notes
|
||||
- Section "Retrouvez-moi aussi sur" avec 3 liens
|
||||
- LinkedIn : https://linkedin.com/in/celian-music (à personnaliser)
|
||||
- LinkedIn : https://linkedin.com/in/celian-music
|
||||
- GitHub : https://github.com/skycel
|
||||
- Email protégé : data-user/data-domain + reconstruction JS
|
||||
- Icônes SVG avec couleurs appropriées (LinkedIn bleu, GitHub inherit, Email primary)
|
||||
- Hover state : border-primary/50
|
||||
- target="_blank" + rel="noopener noreferrer" pour les liens externes
|
||||
- Tests : `powershell -ExecutionPolicy Bypass -File tests/run.ps1`
|
||||
|
||||
### Debug Log References
|
||||
Aucun problème rencontré.
|
||||
@@ -207,3 +213,4 @@ Aucun problème rencontré.
|
||||
|------|---------|-------------|--------|
|
||||
| 2026-01-22 | 0.1 | Création initiale | Sarah (PO) |
|
||||
| 2026-01-24 | 1.0 | Implémentation complète | James (Dev) |
|
||||
| 2026-02-04 | 1.1 | Liens secondaires contact | Amelia (Dev) |
|
||||
|
||||
Reference in New Issue
Block a user