Gaknaad/Site_Projeticone
1
0
Fork 0
Code Issues Pull requests 2 Projects Releases Packages Wiki Activity Actions

feat(site-dev): DA/DS — illustrations IA, rail de sections, refonte hero/mini-hero & responsive mobile #126

Open
Gaknaad wants to merge 7 commits from fix/section-rail-illustrations-da-ds-20260608 into main
pull from: fix/section-rail-illustrations-da-ds-20260608
merge into: Gaknaad:main
Conversation 0 Commits 7 Files changed 35 +88 -157
Gaknaad commented 2026-06-08 18:46:36 +00:00
Owner
Copy link

Résumé

  • Illustrations : intègre la sélection IA 2026-08-26 (23 slots, WebP + alias .jpeg parcours).
  • Rail de sections : overlay fixe affiché ≥1024px avec gouttière réservée (body.has-section-rail) — fin du chevauchement tablette/mobile ; visibilité réactive au resize.
  • Refonte hero/mini-hero : object-contain calé à droite + mask-image dégradé vers la gauche → image entière (têtes/corps visibles), fondue dans le fond, texte lisible desktop et mobile.
  • Responsive mobile : grilles de section en grid-cols-1 (corrige le débordement horizontal dû à la colonne auto), image MOD-01 en aspect-ratio inline 16:10.
  • Critique impeccable (entreprises + cadre) : accent persona entreprise aligné sur l'ambre --cmd, KPI figé à 98,3 %, lisibilité de l'observatoire des rémunérations, copy (suppression des em dashes), cibles tactiles 40px, micro-réchauffement humain.

Builds Site_Developpement + Site_Principal : verts.

🤖 Generated with Claude Code

## Résumé - **Illustrations** : intègre la sélection IA 2026-08-26 (23 slots, WebP + alias `.jpeg` parcours). - **Rail de sections** : overlay fixe affiché ≥1024px avec gouttière réservée (`body.has-section-rail`) — fin du chevauchement tablette/mobile ; visibilité réactive au resize. - **Refonte hero/mini-hero** : `object-contain` calé à droite + `mask-image` dégradé vers la gauche → image entière (têtes/corps visibles), fondue dans le fond, texte lisible desktop **et** mobile. - **Responsive mobile** : grilles de section en `grid-cols-1` (corrige le débordement horizontal dû à la colonne `auto`), image MOD-01 en `aspect-ratio` inline 16:10. - **Critique impeccable** (entreprises + cadre) : accent persona entreprise aligné sur l'ambre `--cmd`, KPI figé à 98,3 %, lisibilité de l'observatoire des rémunérations, copy (suppression des em dashes), cibles tactiles 40px, micro-réchauffement humain. Builds **Site_Developpement** + **Site_Principal** : verts. 🤖 Generated with [Claude Code](https://claude.com/claude-code)
Rail SectionNav (cadre/entreprises/freelance) : passe en overlay fixe affiché
≥1024px, avec gouttière droite réservée via body.has-section-rail (globals.css)
pour ne jamais recouvrir le contenu ; visibilité réactive au resize.

Illustrations : régénération du lot Seedream (round 2026-06-08) — heros,
parcours, modules et positionnements ; nouvelle stratégie de crop
(object-position center 35%, cadrage poitrine/taille) documentée dans
docs/ILLUSTRATIONS-SEEDREAM-2026-06-06.md.

Polish DA/DS :
- cadre : CTA unique « Voir les offres », ModulePanel ratio 16:10 constant
  (inline aspectRatio), observatoire salaire plus lisible, HUD legend ouverte.
- entreprises : persona ambre (var(--cmd)), heroStat resserré, lede Hall of Fame.
- PositioningBadge : décor en coins (corner-tl/br) au lieu du border-left.

Maj compteurs GitNexus (AGENTS.md, CLAUDE.md).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
- MiniHero + HeroSection: object-contain + object-position right + mask-image degrade vers la gauche -> image entiere (tetes/corps visibles), calee a droite, fondue dans le fond ; texte lisible desktop et mobile.
- Grilles de section en grid-cols-1 (minmax(0,1fr)) sur cadre/freelance/entreprises: corrige le debordement horizontal mobile (colonne auto qui grossissait au max-content de la ligne mono nowrap).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Gaknaad changed title from feat(site-dev): rail de sections en overlay + régénération illustrations Seedream to feat(site-dev): DA/DS — illustrations IA, rail de sections, refonte hero/mini-hero & responsive mobile 2026-06-08 19:43:51 +00:00 
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Variation: object-position center + mask-image symetrique (transparent->opaque->transparent) au lieu du calage droite + fondu gauche.
Strategie finale (apres controle visuel Playwright desktop+mobile sur Site_Principal):\n- image en height:100% width:auto (remplit la hauteur du hero, jamais croppee -> tetes/corps entiers), calee a droite (absolute right-0).\n- mask-image degrade vers la gauche: l'image se fond dans le fond, zone texte gauche degagee.\n- scrim mobile renforce pour le contraste du texte par-dessus l'image plein-cadre.\n- objectPosition retire (positionnement en CSS); prop conserve pour compat.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Annule la refonte object-contain/height-fill + masques de fondu (399f96c, bc61eeb, 1730ff7) sur MiniHero et HeroSection. Retour a l'illustration plein-cadre object-cover + scrims d'origine. Le reste de la branche (illustrations, rail, grilles, critique) est conserve.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
11 heros 21:9 (lot 2026-08-26 - II) integres en WebP (analyser-cv, article-detail, articles, cadre, candidature, confidentialite, entreprises, freelance, mentions-legales, mission-detail, offres). MiniHero: object-cover -> object-contain + object-position right top + opacite 0.95 -> l'image entiere tient dans le hero sans agrandissement ; scrims gauche/bas assurent les fondus et la lisibilite du texte. Valide au controle visuel Playwright (desktop+mobile).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This pull request has changes conflicting with the target branch.
  • Site_Developpement/app/(public)/cadre/page.tsx
  • Site_Developpement/app/(public)/entreprises/page.tsx
  • Site_Developpement/app/(public)/freelance/page.tsx
  • Site_Developpement/public/images/illustrations/accueil-hero.webp
  • Site_Developpement/public/images/illustrations/analyser-cv-hero.webp
  • Site_Developpement/public/images/illustrations/apropos-hero.webp
  • Site_Developpement/public/images/illustrations/article-detail-hero.webp
  • Site_Developpement/public/images/illustrations/articles-hero.webp
  • Site_Developpement/public/images/illustrations/cadre-hero.webp
  • Site_Developpement/public/images/illustrations/cadre-parcours.jpeg
  • Site_Developpement/public/images/illustrations/cadre-positionnement.webp
  • Site_Developpement/public/images/illustrations/candidature-hero.webp
  • Site_Developpement/public/images/illustrations/confidentialite-hero.webp
  • Site_Developpement/public/images/illustrations/contact-hero.webp
  • Site_Developpement/public/images/illustrations/entreprise-parcours.jpeg
  • Site_Developpement/public/images/illustrations/entreprises-hero.webp
  • Site_Developpement/public/images/illustrations/entreprises-mod01.webp
  • Site_Developpement/public/images/illustrations/freelance-hero.webp
  • Site_Developpement/public/images/illustrations/freelance-parcours.jpeg
  • Site_Developpement/public/images/illustrations/freelance-positionnement.webp
  • Site_Developpement/public/images/illustrations/mentions-legales-hero.webp
  • Site_Developpement/public/images/illustrations/mission-detail-hero.webp
  • Site_Developpement/public/images/illustrations/missions-hero.webp
  • Site_Developpement/public/images/illustrations/offre-detail-hero.webp
  • Site_Developpement/public/images/illustrations/offres-hero.webp
  • packages/site-public/src/shared/MiniHero.tsx
View command line instructions

Manual merge helper

Use this merge commit message when completing the merge manually.

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u origin fix/section-rail-illustrations-da-ds-20260608:fix/section-rail-illustrations-da-ds-20260608
git switch fix/section-rail-illustrations-da-ds-20260608

Merge

Merge the changes and update on Forgejo.

Warning: The "Autodetect manual merge" setting is not enabled for this repository, you will have to mark this pull request as manually merged afterwards.

git switch main
git merge --no-ff fix/section-rail-illustrations-da-ds-20260608
git switch fix/section-rail-illustrations-da-ds-20260608
git rebase main
git switch main
git merge --ff-only fix/section-rail-illustrations-da-ds-20260608
git switch fix/section-rail-illustrations-da-ds-20260608
git rebase main
git switch main
git merge --no-ff fix/section-rail-illustrations-da-ds-20260608
git switch main
git merge --squash fix/section-rail-illustrations-da-ds-20260608
git switch main
git merge --ff-only fix/section-rail-illustrations-da-ds-20260608
git switch main
git merge fix/section-rail-illustrations-da-ds-20260608
git push origin main
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
Gaknaad/Site_Projeticone!126
No description provided.