Story 3.2 : Implémentation du narrateur-guide "Le Bug" - Composant NarratorBubble.vue avec effet typewriter - 5 SVG représentant l'évolution de la mascotte (silhouette à révélation) - Animation slide-up/fade-out avec prefers-reduced-motion - Support clavier (Espace/Entrée pour skip, Échap pour fermer) - Accessibilité (aria-live, role="status", sr-only) - Responsive (position adaptée mobile avec bottom-bar) - Traductions narrator.clickToSkip et narrator.bugAlt Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
209 lines
8.4 KiB
JSON
209 lines
8.4 KiB
JSON
{
|
|
"nav": {
|
|
"home": "Accueil",
|
|
"projects": "Projets",
|
|
"skills": "Compétences",
|
|
"testimonials": "Témoignages",
|
|
"journey": "Parcours",
|
|
"contact": "Contact",
|
|
"resume": "Résumé Express"
|
|
},
|
|
"common": {
|
|
"continue": "Continuer",
|
|
"back": "Retour",
|
|
"discover": "D\u00e9couvrir",
|
|
"close": "Fermer",
|
|
"loading": "Chargement...",
|
|
"language": "Langue",
|
|
"back_home": "Retour \u00e0 l'accueil",
|
|
"back_to_adventure": "Retour \u00e0 l'aventure",
|
|
"retry": "R\u00e9essayer"
|
|
},
|
|
"landing": {
|
|
"title": "Bienvenue dans mon univers",
|
|
"subtitle": "Développeur Full-Stack passionné",
|
|
"cta_adventure": "Partir à l'aventure",
|
|
"cta_express": "Mode express (30s)"
|
|
},
|
|
"hero": {
|
|
"question": "Qui êtes-vous, voyageur ?",
|
|
"select_label": "Sélectionnez votre profil",
|
|
"recruteur": {
|
|
"name": "Recruteur",
|
|
"description": "Je cherche un talent pour rejoindre mon équipe"
|
|
},
|
|
"client": {
|
|
"name": "Client",
|
|
"description": "J'ai un projet à réaliser et je cherche le bon développeur"
|
|
},
|
|
"dev": {
|
|
"name": "Développeur",
|
|
"description": "Je suis curieux de découvrir ton travail et tes compétences"
|
|
}
|
|
},
|
|
"error": {
|
|
"404": "Oups ! Cette page semble s'être perdue dans les méandres du code...",
|
|
"generic": "Une erreur inattendue s'est produite. Le Bug enquête..."
|
|
},
|
|
"meta": {
|
|
"title": "Skycel - Portfolio de Célian",
|
|
"description": "Découvrez mon portfolio interactif et gamifié"
|
|
},
|
|
"footer": {
|
|
"copyright": "© {year} Célian — Skycel",
|
|
"built_with": "Construit avec Nuxt & Laravel"
|
|
},
|
|
"consent": {
|
|
"aria_label": "Bandeau de consentement",
|
|
"message": "Pour m\u00e9moriser ton aventure et te permettre de la reprendre plus tard, j'ai besoin de ton accord pour stocker quelques informations sur ton appareil. Rien de personnel, juste ta progression !",
|
|
"accept": "D'accord, m\u00e9morise mon aventure",
|
|
"refuse": "Non merci, je pr\u00e9f\u00e8re rester anonyme"
|
|
},
|
|
"welcome_back": {
|
|
"message": "Content de te revoir, aventurier ! Tu avais commenc\u00e9 ton exploration...",
|
|
"continue": "Reprendre",
|
|
"restart": "Recommencer"
|
|
},
|
|
"resume": {
|
|
"title": "D\u00e9veloppeur Full-Stack",
|
|
"tagline": "Passionn\u00e9 par les exp\u00e9riences web innovantes et immersives",
|
|
"skills_title": "Stack technique",
|
|
"projects_title": "Projets r\u00e9cents",
|
|
"projects_loading_hint": "Projets disponibles bient\u00f4t...",
|
|
"cta_contact": "Me contacter",
|
|
"adventure_link": "Envie d'explorer ? D\u00e9couvrir l'aventure compl\u00e8te",
|
|
"meta_title": "C\u00e9lian - D\u00e9veloppeur Full-Stack | CV Express",
|
|
"meta_description": "D\u00e9veloppeur Full-Stack sp\u00e9cialis\u00e9 en Vue.js, Nuxt, Laravel. D\u00e9couvrez mon profil et mes projets en 30 secondes."
|
|
},
|
|
"projects": {
|
|
"title": "Mes Projets",
|
|
"page_title": "Projets | Skycel",
|
|
"page_description": "D\u00e9couvrez les projets r\u00e9alis\u00e9s par C\u00e9lian, d\u00e9veloppeur web full-stack.",
|
|
"discover": "D\u00e9couvrir",
|
|
"no_projects": "Aucun projet pour le moment",
|
|
"load_error": "Impossible de charger les projets...",
|
|
"view_all": "Voir tous les projets",
|
|
"not_found": "Projet introuvable",
|
|
"not_found_description": "Ce projet n'existe pas ou a \u00e9t\u00e9 supprim\u00e9.",
|
|
"back_to_gallery": "Retour \u00e0 la galerie",
|
|
"completed_on": "R\u00e9alis\u00e9 le",
|
|
"visit_site": "Voir le site",
|
|
"view_code": "Voir le code",
|
|
"skills_used": "Comp\u00e9tences utilis\u00e9es",
|
|
"skill_level": "Niveau",
|
|
"previous": "Projet pr\u00e9c\u00e9dent",
|
|
"next": "Projet suivant"
|
|
},
|
|
"skills": {
|
|
"title": "Mes Comp\u00e9tences",
|
|
"page_title": "Comp\u00e9tences | Skycel",
|
|
"page_description": "D\u00e9couvrez les comp\u00e9tences techniques et soft skills de C\u00e9lian, d\u00e9veloppeur web full-stack.",
|
|
"load_error": "Impossible de charger les comp\u00e9tences...",
|
|
"no_skills": "Aucune comp\u00e9tence pour le moment",
|
|
"skill_tree_placeholder": "Arbre de comp\u00e9tences interactif (bient\u00f4t disponible)",
|
|
"level": "Niveau",
|
|
"project": "projet",
|
|
"projects": "projets",
|
|
"related_projects": "Projets utilisant cette comp\u00e9tence",
|
|
"load_projects_error": "Impossible de charger les projets li\u00e9s",
|
|
"no_related_projects": "Aucun projet n'utilise encore cette comp\u00e9tence"
|
|
},
|
|
"testimonials": {
|
|
"page_title": "T\u00e9moignages | Skycel",
|
|
"page_description": "D\u00e9couvrez ce que disent mes collaborateurs et clients de mon travail.",
|
|
"load_error": "Impossible de charger les t\u00e9moignages...",
|
|
"no_testimonials": "Aucun t\u00e9moignage pour le moment",
|
|
"cta_title": "Envie de travailler ensemble ?",
|
|
"cta_description": "Discutons de votre projet et voyons comment je peux vous aider.",
|
|
"cta_button": "Me contacter",
|
|
"dialogue_mode": "Dialogue",
|
|
"list_mode": "Liste",
|
|
"click_to_continue": "Cliquez ou appuyez sur Espace pour continuer...",
|
|
"previous": "Pr\u00e9c\u00e9dent",
|
|
"next": "Suivant",
|
|
"finish": "Terminer",
|
|
"go_to": "Aller au t\u00e9moignage",
|
|
"keyboard_hint": "Utilisez les fl\u00e8ches \u2190 \u2192 pour naviguer, Espace pour acc\u00e9l\u00e9rer"
|
|
},
|
|
"journey": {
|
|
"title": "Mon Parcours",
|
|
"page_title": "Parcours | Skycel",
|
|
"page_description": "D\u00e9couvrez le parcours professionnel de C\u00e9lian, de ses d\u00e9buts \u00e0 aujourd'hui.",
|
|
"end_message": "L'aventure continue... Qui sait o\u00f9 le code me m\u00e8nera demain ?",
|
|
"milestones": [
|
|
{
|
|
"date": "2018",
|
|
"title": "Premiers pas en d\u00e9veloppement",
|
|
"description": "D\u00e9couverte du code \u00e0 travers des projets personnels. HTML, CSS, JavaScript deviennent mes nouveaux compagnons de route. L'\u00e9tincelle est l\u00e0.",
|
|
"icon": "\ud83d\ude80"
|
|
},
|
|
{
|
|
"date": "2019",
|
|
"title": "Formation intensive",
|
|
"description": "Plong\u00e9e dans le monde du d\u00e9veloppement web professionnel. Apprentissage de frameworks modernes, bonnes pratiques, et m\u00e9thodologies agiles.",
|
|
"icon": "\ud83d\udcda"
|
|
},
|
|
{
|
|
"date": "2020",
|
|
"title": "Premiers clients",
|
|
"description": "Lancement en freelance. Premiers projets concrets, premiers d\u00e9fis r\u00e9els. Chaque client m'apprend quelque chose de nouveau.",
|
|
"icon": "\ud83d\udcbc"
|
|
},
|
|
{
|
|
"date": "2021",
|
|
"title": "Sp\u00e9cialisation Vue.js & Laravel",
|
|
"description": "Le duo qui change tout. Vue.js c\u00f4t\u00e9 front, Laravel c\u00f4t\u00e9 back. Une stack qui me permet de cr\u00e9er des exp\u00e9riences web compl\u00e8tes et performantes.",
|
|
"icon": "\u26a1"
|
|
},
|
|
{
|
|
"date": "2022",
|
|
"title": "Cr\u00e9ation de la micro-entreprise",
|
|
"description": "Officialisation de l'aventure entrepreneuriale. L'araign\u00e9e devient la mascotte, le Bug devient le guide. L'identit\u00e9 Skycel prend forme.",
|
|
"icon": "\ud83d\udd77\ufe0f"
|
|
},
|
|
{
|
|
"date": "2023-2024",
|
|
"title": "Projets ambitieux",
|
|
"description": "Des applications web complexes aux sites e-commerce, chaque projet repousse les limites. TypeScript, Nuxt 4, et une obsession pour la qualit\u00e9.",
|
|
"icon": "\ud83c\udfaf"
|
|
},
|
|
{
|
|
"date": "2025",
|
|
"title": "Aujourd'hui",
|
|
"description": "Ce portfolio que vous explorez. Une aventure en soi, qui refl\u00e8te ma passion pour cr\u00e9er des exp\u00e9riences web m\u00e9morables. Et ce n'est que le d\u00e9but...",
|
|
"icon": "\u2728"
|
|
}
|
|
]
|
|
},
|
|
"narrator": {
|
|
"clickToSkip": "Cliquez ou appuyez sur Espace pour passer",
|
|
"bugAlt": "Le Bug - Stade {stage}"
|
|
},
|
|
"pages": {
|
|
"projects": {
|
|
"title": "Projets",
|
|
"description": "D\u00e9couvrez mes projets et r\u00e9alisations"
|
|
},
|
|
"skills": {
|
|
"title": "Comp\u00e9tences",
|
|
"description": "Mes comp\u00e9tences techniques et humaines"
|
|
},
|
|
"testimonials": {
|
|
"title": "Témoignages",
|
|
"description": "Ce que l'on dit de mon travail"
|
|
},
|
|
"journey": {
|
|
"title": "Parcours",
|
|
"description": "Mon parcours professionnel et personnel"
|
|
},
|
|
"contact": {
|
|
"title": "Contact",
|
|
"description": "Prenez contact avec moi"
|
|
},
|
|
"resume": {
|
|
"title": "Résumé Express",
|
|
"description": "L'essentiel en un coup d'œil"
|
|
}
|
|
}
|
|
}
|