Story 4.2: competences outils

This commit is contained in:
2026-02-04 17:46:07 +01:00
parent 485e3103c5
commit 9e7d6659f0
5 changed files with 168 additions and 18 deletions

View File

@@ -2,7 +2,7 @@
## Status
Ready for Dev
review
## Story
@@ -20,23 +20,23 @@ Ready for Dev
## Tasks / Subtasks
- [] **Task 1 : Définir la structure des outils**
- [] Créer un tableau d'outils démontrables avec liens
- [] Créer un tableau d'autres outils avec contexte
- [x] **Task 1 : Définir la structure des outils**
- [x] Créer un tableau d'outils démontrables avec liens
- [x] Créer un tableau d'autres outils avec contexte
- [] **Task 2 : Ajouter la section "Outils démontrables"** (AC: 1, 2)
- [] Titre de section
- [] Grille d'outils avec icône et lien
- [] Effet hover
- [x] **Task 2 : Ajouter la section "Outils démontrables"** (AC: 1, 2)
- [x] Titre de section
- [x] Grille d'outils avec icône et lien
- [x] Effet hover
- [] **Task 3 : Ajouter la section "Autres outils"** (AC: 3)
- [] Titre de section
- [] Liste avec description du contexte
- [] Style différent (moins mis en avant)
- [x] **Task 3 : Ajouter la section "Autres outils"** (AC: 3)
- [x] Titre de section
- [x] Liste avec description du contexte
- [x] Style différent (moins mis en avant)
- [] **Task 4 : Implémenter les liens externes** (AC: 4, 5)
- [] `target="_blank"` et `rel="noopener"`
- [] Icône "lien externe" visuelle
- [x] **Task 4 : Implémenter les liens externes** (AC: 4, 5)
- [x] `target="_blank"` et `rel="noopener"`
- [x] Icône "lien externe" visuelle
## Dev Notes
@@ -187,21 +187,24 @@ function getToolIcon(string $icon): string
## Dev Agent Record
### Agent Model Used
Claude Opus 4.5 (claude-opus-4-5-20251101)
GPT-5 Codex
### File List
| File | Action | Description |
|------|--------|-------------|
| `includes/functions.php` | Modified | Ajout fonction getToolIcon() avec SVG |
| `pages/skills.php` | Modified | Ajout sections outils démontrables et autres outils |
| `tests/tools.test.php` | Created | Tests sections outils |
| `tests/run.ps1` | Modified | Ajout tests outils |
### Completion Notes
- Fonction `getToolIcon()` avec icônes SVG pour GitHub, VS Code, Figma, Docker, Linux
- Fonction `getToolIcon()` avec icônes SVG pour GitHub, VS Code, Figma, Notion, Docker
- Section "Outils Démontrables" avec grille responsive (1→2→3 colonnes)
- Liens externes avec `target="_blank"` et `rel="noopener"`
- Icône lien externe SVG sur les outils avec URL
- Section "Autres Outils" avec badges et tooltips au hover
- Design distinct entre les deux sections (cartes vs badges)
- Tests: `powershell -ExecutionPolicy Bypass -File tests/run.ps1`
### Debug Log References
Aucun problème rencontré.
@@ -211,4 +214,4 @@ Aucun problème rencontré.
| Date | Version | Description | Author |
|------|---------|-------------|--------|
| 2026-01-22 | 0.1 | Création initiale | Sarah (PO) |
| 2026-01-23 | 1.0 | Implémentation complète | James (Dev) |
| 2026-02-04 | 1.0 | Implémentation complète | Amelia |