Story 3.4 : Barre de progression globale (XP bar) - ProgressBar.vue avec design RPG (bordure, graduations, glow) - Tooltip au hover avec liste des sections visitées - Animation fluide avec prefers-reduced-motion - ProgressIcon.vue pour mobile (cercle SVG + drawer) - Intégration dans AppHeader (visible si héros choisi) - Traductions progress.* FR/EN Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
220 lines
7.7 KiB
JSON
220 lines
7.7 KiB
JSON
{
|
|
"nav": {
|
|
"home": "Home",
|
|
"projects": "Projects",
|
|
"skills": "Skills",
|
|
"testimonials": "Testimonials",
|
|
"journey": "Journey",
|
|
"contact": "Contact",
|
|
"resume": "Quick Resume"
|
|
},
|
|
"common": {
|
|
"continue": "Continue",
|
|
"back": "Back",
|
|
"discover": "Discover",
|
|
"close": "Close",
|
|
"loading": "Loading...",
|
|
"language": "Language",
|
|
"back_home": "Back to home",
|
|
"back_to_adventure": "Back to the adventure",
|
|
"retry": "Retry"
|
|
},
|
|
"landing": {
|
|
"title": "Welcome to my universe",
|
|
"subtitle": "Passionate Full-Stack Developer",
|
|
"cta_adventure": "Start the adventure",
|
|
"cta_express": "Express mode (30s)"
|
|
},
|
|
"hero": {
|
|
"question": "Who are you, traveler?",
|
|
"select_label": "Select your profile",
|
|
"recruteur": {
|
|
"name": "Recruiter",
|
|
"description": "I'm looking for a talent to join my team"
|
|
},
|
|
"client": {
|
|
"name": "Client",
|
|
"description": "I have a project and I'm looking for the right developer"
|
|
},
|
|
"dev": {
|
|
"name": "Developer",
|
|
"description": "I'm curious to discover your work and skills"
|
|
}
|
|
},
|
|
"error": {
|
|
"404": "Oops! This page seems to have gotten lost in the code...",
|
|
"generic": "An unexpected error occurred. The Bug is investigating..."
|
|
},
|
|
"meta": {
|
|
"title": "Skycel - Célian's Portfolio",
|
|
"description": "Discover my interactive and gamified portfolio"
|
|
},
|
|
"footer": {
|
|
"copyright": "© {year} Célian — Skycel",
|
|
"built_with": "Built with Nuxt & Laravel"
|
|
},
|
|
"consent": {
|
|
"aria_label": "Consent banner",
|
|
"message": "To save your adventure and let you pick up where you left off, I need your permission to store a few details on your device. Nothing personal, just your progress!",
|
|
"accept": "Sure, save my adventure",
|
|
"refuse": "No thanks, I prefer to stay anonymous"
|
|
},
|
|
"welcome_back": {
|
|
"message": "Welcome back, adventurer! You had started your exploration...",
|
|
"continue": "Continue",
|
|
"restart": "Start over"
|
|
},
|
|
"resume": {
|
|
"title": "Full-Stack Developer",
|
|
"tagline": "Passionate about innovative and immersive web experiences",
|
|
"skills_title": "Tech Stack",
|
|
"projects_title": "Recent Projects",
|
|
"projects_loading_hint": "Projects coming soon...",
|
|
"cta_contact": "Contact Me",
|
|
"adventure_link": "Want to explore? Discover the full adventure",
|
|
"meta_title": "C\u00e9lian - Full-Stack Developer | Quick Resume",
|
|
"meta_description": "Full-Stack Developer specialized in Vue.js, Nuxt, Laravel. Discover my profile and projects in 30 seconds."
|
|
},
|
|
"projects": {
|
|
"title": "My Projects",
|
|
"page_title": "Projects | Skycel",
|
|
"page_description": "Discover projects created by C\u00e9lian, full-stack web developer.",
|
|
"discover": "Discover",
|
|
"no_projects": "No projects yet",
|
|
"load_error": "Unable to load projects...",
|
|
"view_all": "View all projects",
|
|
"not_found": "Project not found",
|
|
"not_found_description": "This project doesn't exist or has been removed.",
|
|
"back_to_gallery": "Back to gallery",
|
|
"completed_on": "Completed on",
|
|
"visit_site": "Visit site",
|
|
"view_code": "View code",
|
|
"skills_used": "Skills used",
|
|
"skill_level": "Level",
|
|
"previous": "Previous project",
|
|
"next": "Next project"
|
|
},
|
|
"skills": {
|
|
"title": "My Skills",
|
|
"page_title": "Skills | Skycel",
|
|
"page_description": "Discover the technical skills and soft skills of C\u00e9lian, full-stack web developer.",
|
|
"load_error": "Unable to load skills...",
|
|
"no_skills": "No skills yet",
|
|
"skill_tree_placeholder": "Interactive skill tree (coming soon)",
|
|
"level": "Level",
|
|
"project": "project",
|
|
"projects": "projects",
|
|
"related_projects": "Projects using this skill",
|
|
"load_projects_error": "Unable to load related projects",
|
|
"no_related_projects": "No projects use this skill yet"
|
|
},
|
|
"testimonials": {
|
|
"page_title": "Testimonials | Skycel",
|
|
"page_description": "Discover what my collaborators and clients say about my work.",
|
|
"load_error": "Unable to load testimonials...",
|
|
"no_testimonials": "No testimonials yet",
|
|
"cta_title": "Want to work together?",
|
|
"cta_description": "Let's discuss your project and see how I can help.",
|
|
"cta_button": "Contact me",
|
|
"dialogue_mode": "Dialogue",
|
|
"list_mode": "List",
|
|
"click_to_continue": "Click or press Space to continue...",
|
|
"previous": "Previous",
|
|
"next": "Next",
|
|
"finish": "Finish",
|
|
"go_to": "Go to testimonial",
|
|
"keyboard_hint": "Use \u2190 \u2192 arrows to navigate, Space to speed up"
|
|
},
|
|
"journey": {
|
|
"title": "My Journey",
|
|
"page_title": "Journey | Skycel",
|
|
"page_description": "Discover C\u00e9lian's professional journey, from the beginning to today.",
|
|
"end_message": "The adventure continues... Who knows where code will take me tomorrow?",
|
|
"milestones": [
|
|
{
|
|
"date": "2018",
|
|
"title": "First steps in development",
|
|
"description": "Discovering code through personal projects. HTML, CSS, JavaScript became my new travel companions. The spark was there.",
|
|
"icon": "\ud83d\ude80"
|
|
},
|
|
{
|
|
"date": "2019",
|
|
"title": "Intensive training",
|
|
"description": "Deep dive into professional web development. Learning modern frameworks, best practices, and agile methodologies.",
|
|
"icon": "\ud83d\udcda"
|
|
},
|
|
{
|
|
"date": "2020",
|
|
"title": "First clients",
|
|
"description": "Starting as a freelancer. First real projects, first real challenges. Each client teaches me something new.",
|
|
"icon": "\ud83d\udcbc"
|
|
},
|
|
{
|
|
"date": "2021",
|
|
"title": "Specialization in Vue.js & Laravel",
|
|
"description": "The game-changing duo. Vue.js on the front, Laravel on the back. A stack that allows me to create complete, performant web experiences.",
|
|
"icon": "\u26a1"
|
|
},
|
|
{
|
|
"date": "2022",
|
|
"title": "Creating the micro-enterprise",
|
|
"description": "Making the entrepreneurial adventure official. The spider becomes the mascot, the Bug becomes the guide. The Skycel identity takes shape.",
|
|
"icon": "\ud83d\udd77\ufe0f"
|
|
},
|
|
{
|
|
"date": "2023-2024",
|
|
"title": "Ambitious projects",
|
|
"description": "From complex web applications to e-commerce sites, each project pushes boundaries. TypeScript, Nuxt 4, and an obsession with quality.",
|
|
"icon": "\ud83c\udfaf"
|
|
},
|
|
{
|
|
"date": "2025",
|
|
"title": "Today",
|
|
"description": "This portfolio you're exploring. An adventure in itself, reflecting my passion for creating memorable web experiences. And this is just the beginning...",
|
|
"icon": "\u2728"
|
|
}
|
|
]
|
|
},
|
|
"narrator": {
|
|
"clickToSkip": "Click or press Space to skip",
|
|
"bugAlt": "The Bug - Stage {stage}"
|
|
},
|
|
"progress": {
|
|
"label": "Progress: {percent}%",
|
|
"title": "Portfolio exploration",
|
|
"sections": {
|
|
"projects": "Projects",
|
|
"skills": "Skills",
|
|
"testimonials": "Testimonials",
|
|
"journey": "Journey"
|
|
},
|
|
"summary": "{visited} visited, {remaining} to discover"
|
|
},
|
|
"pages": {
|
|
"projects": {
|
|
"title": "Projects",
|
|
"description": "Discover my projects and achievements"
|
|
},
|
|
"skills": {
|
|
"title": "Skills",
|
|
"description": "My technical and soft skills"
|
|
},
|
|
"testimonials": {
|
|
"title": "Testimonials",
|
|
"description": "What people say about my work"
|
|
},
|
|
"journey": {
|
|
"title": "Journey",
|
|
"description": "My professional and personal journey"
|
|
},
|
|
"contact": {
|
|
"title": "Contact",
|
|
"description": "Get in touch with me"
|
|
},
|
|
"resume": {
|
|
"title": "Quick Resume",
|
|
"description": "The essentials at a glance"
|
|
}
|
|
}
|
|
}
|