[{"data":1,"prerenderedAt":97},["ShallowReactive",2],{"project-leo-os-portfolio":3},{"id":4,"title":5,"body":6,"category":72,"context":73,"cover":74,"date":75,"demo":76,"description":77,"duration":78,"extension":79,"featured":80,"github":76,"meta":81,"navigation":82,"objective":83,"order":84,"path":85,"result":86,"seo":87,"stack":88,"status":94,"stem":95,"__hash__":96},"projects\u002Fprojects\u002Fleo-os-portfolio.md","LEO_OS : Portfolio cybersécurité",{"type":7,"value":8,"toc":65},"minimark",[9,14,18,21,25,32,38,42,45,48,51,54],[10,11,13],"h2",{"id":12},"_01-le-contexte","01 | Le contexte",[15,16,17],"p",{},"Un portfolio de cybersécurité, c'est un objet étrange. Trop propre, il ressemble à un CV en ligne. Trop technique, personne ne le lit. L'objectif était de trouver un point d'équilibre : quelque chose qui raconte un profil, communique une rigueur, et donne envie d'aller plus loin.",[15,19,20],{},"Le contexte rendait l'exercice encore plus particulier : comment présenter une reconversion depuis 8 ans de travaux en hauteur vers l'administration réseau et la cybersécurité ? Le fil conducteur existe (autonomie, rigueur opérationnelle, travail en environnement contraint), mais il fallait le rendre lisible sans l'expliquer à outrance.",[10,22,24],{"id":23},"_02-le-projet","02 | Le projet",[15,26,27,31],{},[28,29,30],"strong",{},"Design."," Avant d'écrire une ligne de code, un travail de préparation : définition des personas cibles (recruteur tech, RH, professeur), objectifs de communication par profil, contraintes graphiques. Ce brief a servi de base pour générer un design system complet avec l'IA. Le résultat a ensuite été revu et affiné avec un professionnel UX\u002FUI, qui a validé les choix typographiques, les contrastes et la hiérarchie visuelle. Quelques ajustements ont été intégrés en phase finale.",[15,33,34,37],{},[28,35,36],{},"Développement."," La stack est Nuxt 3 avec @nuxt\u002Fcontent v3 pour gérer les projets et articles en Markdown. Le design system est entièrement en SCSS avec des variables centralisées. Le développement s'est fait en pair programming avec Claude Code : structures de composants, routing, itérations rapides. La règle : l'IA propose, je valide. Chaque choix reste assumé.",[10,39,41],{"id":40},"_03-le-vrai-défi-la-rédaction","03 | Le vrai défi : la rédaction",[15,43,44],{},"La technique, ça se règle. Le contenu, c'est plus compliqué.",[15,46,47],{},"La difficulté centrale était de trouver l'angle. Pas \"voici mes projets\", mais : pourquoi ce parcours, qu'est-ce qui relie 8 ans de travaux en hauteur à un projet en cybersécurité, et comment le dire sans que ça ressemble à une lettre de motivation. L'honnêteté de ton était un équilibre constant : parler technique sans se perdre dans les détails, montrer de l'ambition sans sur-vendre.",[15,49,50],{},"L'autre défi était la gestion du temps. Les projets présentés ici sont à des stades très différents : certains terminés, d'autres en cours d'itération. Trouver la formulation juste pour chacun, décrire ce qui est fait et taire ce qui ne l'est pas encore, a demandé autant de travail que le développement lui-même.",[52,53],"hr",{},[15,55,56],{},[57,58,59,60],"em",{},"Ce portfolio est en itération constante. Si vous avez une remarque, une suggestion ou simplement un retour, je suis preneur : ",[61,62,64],"a",{"href":63},"mailto:leo@leo-os.fr","leo@leo-os.fr",{"title":66,"searchDepth":67,"depth":67,"links":68},"",2,[69,70,71],{"id":12,"depth":67,"text":13},{"id":23,"depth":67,"text":24},{"id":40,"depth":67,"text":41},"Développement Web","Projet personnel, branding","\u002Fimg\u002Fleo-os-portfolio-cover.png","2026-01",null,"Un portfolio à l'interface CLI : design system cohérent, pages dédiées par projet, éditorial soigné. Construit avec Nuxt 3 et @nuxt\u002Fcontent, avec le design élaboré en collaboration avec une IA et validé par un professionnel UX\u002FUI.","En itération","md",false,{},true,"Construire un portfolio qui reflète un profil technique atypique sans ressembler à un template générique.",99,"\u002Fprojects\u002Fleo-os-portfolio","Portfolio déployé, design system complet, pages dédiées projet et article, cohérence éditoriale.",{"title":5,"description":77},[89,90,91,92,93],"Nuxt 3","Vue 3","@nuxt\u002Fcontent","SCSS","TypeScript","En cours","projects\u002Fleo-os-portfolio","trjkbrZmRsYObEdkvbqYuE3tfMB4REGJTfMNSaedBTI",1774549538457]