feat(ui): confettis festifs animés sur les héros des hubs#9
Merged
Conversation
Composant partagé `ConfettiComponent` (calque SVG décoratif tokenisé, `aria-hidden`, apparition en cascade `cc-pop`/`--cc-stagger` neutralisée par `prefers-reduced-motion`). Inclus dans les 5 hubs via `<app-confetti>` : palette multicolore claire à l'accueil (fond doux), variante `tone="dark"` translucide sur le dégradé festif des autres héros. Aucune valeur en dur, contraste du texte préservé (calque en z-index négatif derrière le contenu). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Le calque SVG en `…slice` était agrandi (~×2,4) dans des héros bien plus larges que hauts : 6 des 8 pièces tombaient hors de la bande visible et étaient clippées par `overflow: hidden`, ne laissant que 2 formes surdimensionnées. En `none`, le SVG remplit exactement le héros — les 8 pièces réparties, plus aucun clip. Léger étirement sans incidence (formes décoratives). Vérifié au rendu (accueil + hub). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Ajoute une touche festive aux bandeaux héros : un calque de confettis animés, dans la continuité de la DA festive (cf.
DECISIONS.md— pivot DA festive).Contenu
shared/components/confetti/(ConfettiComponent) : calque SVG décoratif tokenisé,aria-hidden, positionné en absolu derrière le contenu (z-index négatif).tonelight / dark : palette multicolore de marque sur fond clair (accueil), variante claire translucide sur le dégradé festif des hubs.<app-confetti>(accueil enlight, solid / design-patterns / claude-code-setup / bonnes-pratiques entone="dark").cc-pop+--cc-stagger), neutralisée parprefers-reduced-motion.Garanties
--cc-*(seules restent opacités et géométrie SVG).npm run check(lint + build) vert.Indépendance
PR distincte du refactor (#8) : régions de code disjointes, mergeable dans n'importe quel ordre.
🤖 Generated with Claude Code