Site web portfolio de carrière

Que fait Site web portfolio de carrière ?

Construit un portfolio one-page soigné à partir de trois éléments : un CV, une photo professionnelle et une URL de profil LinkedIn. Le design est fixe et déjà finalisé (fond réseau animé, nom lettre par lettre, rôles tapés, fiches d'étude de cas en stacking, compétences cliquables qui allument une chronologie de carrière, mode clair et sombre, mise en page mobile). Votre rôle est le contenu : lisez le CV, écrivez un content.json, exécutez le script de build.

Fichiers de cette compétence :

• assets/template.html : le design finalisé ; ne pas le modifier pour une utilisation normale
• scripts/build.py : fusionne content.json et la photo en un seul fichier HTML
• references/content-schema.md : chaque champ, guide des longueurs et noms d'icônes
• examples/sample-content.json : un exemple complet fonctionnel

1. Collecter les trois éléments

Demandez une fois, ensemble, ce qui manque :

1. CV : tout format (PDF, DOCX, texte, copié-collé). Obligatoire.
2. Photo : un portrait bien éclairé, de face. Optionnelle ; sans elle, le portrait affiche les initiales.
3. URL LinkedIn : utilisée pour les liens de contact.

Ne demandez rien d'autre au départ. Les pages LinkedIn bloquent généralement la lecture automatique, donc traitez l'URL comme un lien, pas comme une source de données ; le CV est la source de vérité. Si vous pouvez lire le profil et qu'il ajoute des faits, utilisez-les.

2. Lire le CV et trouver la personnalité

Lisez l'intégralité du CV. Ensuite, avant d'écrire quoi que ce soit, décidez de la personnalité combinée : une identité qui regroupe tous les grands rôles que la personne a occupés, pas seulement son dernier titre. Exemple : « un leader du succès client qui conçoit l'onboarding, gère les opérations CS avec les données et construit des équipes engagées », plutôt que « Responsable CS ». Les gens veulent rarement un site sur un seul rôle ; ils veulent le fil conducteur de leur carrière.

Identifiez :

• les 4 à 8 identités qu'ils apportent (elles deviennent la ligne de frappe)
• le fil constant entre les rôles (devient le titre de leadership et les piliers)
• 3 à 5 histoires avec un problème, une action et un résultat clairs (études de cas)
• tous les chiffres mentionnés (statistiques, jauges, faits marquants)
• outils, plateformes, certifications, formations

3. Écrire content.json

Suivez references/content-schema.md ; reflétez la structure de examples/sample-content.json. Règles :

• Uniquement des faits issus du CV. N'inventez jamais de métriques, d'employeurs, de dates, de tailles d'équipe ou de résultats. Si une étude de cas n'a pas de résultat énoncé, décrivez le résultat de manière qualitative. Utilisez la jauge uniquement pour un pourcentage réellement énoncé.
• Première personne, simple et assurée. Phrases courtes, pas d'empilage de mots à la mode, pas de « passionné », « axé sur les résultats » ou « dynamique ».
• Respectez les guides des longueurs ; un texte long brise le rythme de la mise en page.
• Les compétences doivent pointer vers des identifiants de rôles réels, et chaque compétence doit correspondre à tous les rôles où le CV la montre.
• Ordonnez les rôles professionnels du plus récent au plus ancien ; marquez le rôle actuel current: true.
• Laissez contact.phone vide sauf si la personne dit de l'inclure.

Enregistrez-le sous content.json dans le répertoire de travail.

4. Build

python3 <skill-dir>/scripts/build.py --content content.json --photo <photo-path> --out portfolio.html

Pillow (pip install pillow) recadre et compresse la photo ; sans elle, la photo est intégrée telle quelle. Corrigez chaque ERROR ; lisez chaque WARNING et corrigez-le sauf s'il est intentionnel.

5. Vérifier

Si vous pouvez ouvrir un navigateur ou prendre des captures d'écran, regardez le hero en largeur desktop et mobile, parcourez toute la page une fois, et basculez en mode sombre. Vérifiez que le recadrage de la photo montre le visage (ajustez person.photoPosition) et qu'aucun texte ne déborde. Sinon, relisez content.json en fonction des guides des longueurs.

6. Livrer

• Si vous pouvez publier un artifact ou une page web, publiez portfolio.html en privé et donnez le lien à l'utilisateur, en expliquant qu'il choisit quand le partager.
• Sinon, envoyez-lui le fichier.

Ensuite, dites-lui brièvement :

• autour de quelle personnalité vous avez construit le site, afin qu'il puisse le réorienter
• qu'il peut demander toute modification de contenu et vous reconstruirez
• comment le partager : publier/partager le lien de l'artifact, ou héberger le fichier unique gratuitement sur GitHub Pages ou Netlify Drop, puis ajouter le lien dans la section « En vedette » de son profil LinkedIn

Modifications

Pour les changements de contenu, modifiez content.json et reconstruisez ; ne modifiez jamais le HTML construit à la main. Les changements de design (couleurs, polices, sections) vont dans assets/template.html ; conservez intacts les espaces réservés /*__PORTFOLIO_DATA__*/null, "/*__PHOTO__*/", __TITLE__ et __DESCRIPTION__.