{"id":1301,"date":"2025-11-29T20:19:26","date_gmt":"2025-11-29T20:19:26","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1301"},"modified":"2025-11-29T20:20:19","modified_gmt":"2025-11-29T20:20:19","slug":"1301-2","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/1301-2\/","title":{"rendered":"Quel m\u00e9tier est fait pour vous ?"},"content":{"rendered":"\n<div id=\"career-quiz\" style=\"max-width:750px;margin:auto;font-family:sans-serif; padding:25px; border-radius:12px; background:#f0f4f8; box-shadow:0 6px 15px rgba(0,0,0,0.1);\">\n  <h2 style=\"text-align:center; color:#333;\">Quel m\u00e9tier est fait pour vous ?<\/h2>\n  \n  <div id=\"progress\" style=\"height:18px; background:#ddd; border-radius:9px; overflow:hidden; margin:20px 0;\">\n    <div id=\"progress-bar\" style=\"height:100%; width:0%; background:#4CAF50; transition:0.5s;\"><\/div>\n  <\/div>\n  \n  <div id=\"quiz-container\" style=\"min-height:250px; transition:all 0.5s;\"><\/div>\n  \n  <canvas id=\"confetti-canvas\" style=\"position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none;\"><\/canvas>\n  \n  <div id=\"result\" style=\"display:none; margin-top:25px; padding:25px; border-radius:12px; background:#fff; border:2px solid #4CAF50; box-shadow:0 4px 12px rgba(0,0,0,0.05);\"><\/div>\n<\/div>\n\n<script>\n\/\/ Profils avec ic\u00f4nes et couleurs\nconst profiles = {\n  \"Creatif\": { name:\"Cr\u00e9atif \/ Artiste\", careers:[\"Designer\",\"Artiste\",\"R\u00e9dacteur\",\"Graphiste\"], color:\"#ff9800\", icon:\"\ud83c\udfa8\" },\n  \"Leader\": { name:\"Leader \/ Entrepreneur\", careers:[\"Manager\",\"Entrepreneur\",\"Chef de projet\"], color:\"#4caf50\", icon:\"\ud83d\ude80\" },\n  \"Scientifique\": { name:\"Scientifique \/ Analyste\", careers:[\"Chercheur\",\"Analyste\",\"Ing\u00e9nieur R&D\"], color:\"#2196f3\", icon:\"\ud83d\udd2c\" },\n  \"Social\": { name:\"Social \/ Relationnel\", careers:[\"Enseignant\",\"Coach\",\"Psychologue\"], color:\"#e91e63\", icon:\"\ud83e\udd1d\" },\n  \"Technique\": { name:\"Technique \/ Ing\u00e9nieur\", careers:[\"Ing\u00e9nieur\",\"Technicien\",\"D\u00e9veloppeur\"], color:\"#9c27b0\", icon:\"\ud83d\udee0\ufe0f\" }\n};\n\n\/\/ Questions\nconst questions = [\n  {q:\"Quand vous travaillez sur un projet, vous pr\u00e9f\u00e9rez :\", a:{\"Imaginer de nouvelles id\u00e9es et concepts\":\"Creatif\",\"Organiser et diriger l\u2019\u00e9quipe\":\"Leader\",\"R\u00e9soudre des probl\u00e8mes complexes\":\"Scientifique\",\"Aider et conseiller les autres\":\"Social\",\"Travailler avec des outils et technologies\":\"Technique\"}},\n  {q:\"Votre environnement id\u00e9al au travail :\", a:{\"Un studio ou un espace cr\u00e9atif\":\"Creatif\",\"Un bureau dynamique avec des r\u00e9unions fr\u00e9quentes\":\"Leader\",\"Un laboratoire ou espace de recherche\":\"Scientifique\",\"Une salle o\u00f9 vous pouvez interagir avec des gens\":\"Social\",\"Un atelier ou laboratoire technique\":\"Technique\"}},\n  {q:\"Vous pr\u00e9f\u00e9rez r\u00e9soudre :\", a:{\"Des probl\u00e8mes avec des solutions innovantes\":\"Creatif\",\"Des situations n\u00e9cessitant des d\u00e9cisions rapides\":\"Leader\",\"Des \u00e9nigmes ou des donn\u00e9es complexes\":\"Scientifique\",\"Des conflits ou probl\u00e8mes humains\":\"Social\",\"Des probl\u00e8mes pratiques ou m\u00e9caniques\":\"Technique\"}},\n  {q:\"Vous aimez apprendre :\", a:{\"Les arts et la culture\":\"Creatif\",\"Le management et le leadership\":\"Leader\",\"Les sciences et technologies\":\"Scientifique\",\"Les relations humaines et la psychologie\":\"Social\",\"Les techniques et le fonctionnement des machines\":\"Technique\"}},\n  {q:\"Votre fa\u00e7on de prendre des d\u00e9cisions :\", a:{\"Bas\u00e9e sur l\u2019intuition et la cr\u00e9ativit\u00e9\":\"Creatif\",\"Bas\u00e9e sur l\u2019efficacit\u00e9 et les objectifs\":\"Leader\",\"Bas\u00e9e sur l\u2019analyse et les donn\u00e9es\":\"Scientifique\",\"Bas\u00e9e sur les \u00e9motions et le bien-\u00eatre des autres\":\"Social\",\"Bas\u00e9e sur la logique et la praticit\u00e9\":\"Technique\"}},\n  {q:\"Pendant votre temps libre, vous pr\u00e9f\u00e9rez :\", a:{\"Dessiner, \u00e9crire, cr\u00e9er\":\"Creatif\",\"Participer \u00e0 des activit\u00e9s de groupe ou diriger\":\"Leader\",\"Lire des livres scientifiques ou faire des exp\u00e9riences\":\"Scientifique\",\"Aider des amis ou participer \u00e0 des associations\":\"Social\",\"Monter ou r\u00e9parer des objets, bricoler\":\"Technique\"}},\n  {q:\"Votre force principale :\", a:{\"Imagination\":\"Creatif\",\"Charisme et motivation\":\"Leader\",\"Raison et logique\":\"Scientifique\",\"Empathie et \u00e9coute\":\"Social\",\"Habilet\u00e9 manuelle et technique\":\"Technique\"}},\n  {q:\"Vous \u00eates stress\u00e9 lorsque :\", a:{\"On vous limite votre libert\u00e9 de cr\u00e9ation\":\"Creatif\",\"On remet en question votre autorit\u00e9\":\"Leader\",\"On vous demande d\u2019agir sans preuves\":\"Scientifique\",\"Vous devez travailler seul sans interaction\":\"Social\",\"On vous demande de travailler sans outils ou m\u00e9thodes claires\":\"Technique\"}},\n  {q:\"Vous aimez les projets :\", a:{\"Innovants et originaux\":\"Creatif\",\"Ambitieux et comp\u00e9titifs\":\"Leader\",\"Complexes et analytiques\":\"Scientifique\",\"Collaboratifs et utiles aux autres\":\"Social\",\"Pratiques et r\u00e9alisables\":\"Technique\"}},\n  {q:\"Votre h\u00e9ros dans la vie :\", a:{\"Un artiste ou cr\u00e9ateur c\u00e9l\u00e8bre\":\"Creatif\",\"Un entrepreneur ou chef d\u2019entreprise\":\"Leader\",\"Un chercheur ou scientifique\":\"Scientifique\",\"Une personne humanitaire\":\"Social\",\"Un inventeur ou ing\u00e9nieur\":\"Technique\"}},\n  {q:\"Votre fa\u00e7on de travailler en \u00e9quipe :\", a:{\"Proposer des id\u00e9es nouvelles\":\"Creatif\",\"Prendre les d\u00e9cisions\":\"Leader\",\"Analyser et v\u00e9rifier les solutions\":\"Scientifique\",\"Soutenir et encourager les autres\":\"Social\",\"Fournir les comp\u00e9tences techniques n\u00e9cessaires\":\"Technique\"}},\n  {q:\"Vous aimez les m\u00e9tiers qui :\", a:{\"Permettent de cr\u00e9er ou concevoir\":\"Creatif\",\"Permettent de diriger ou g\u00e9rer\":\"Leader\",\"Permettent d\u2019explorer et comprendre\":\"Scientifique\",\"Permettent d\u2019aider ou conseiller\":\"Social\",\"Permettent de construire ou r\u00e9parer\":\"Technique\"}},\n  {q:\"Vous \u00eates motiv\u00e9 par :\", a:{\"La reconnaissance de votre cr\u00e9ativit\u00e9\":\"Creatif\",\"Le succ\u00e8s et la r\u00e9alisation de projets\":\"Leader\",\"La d\u00e9couverte et l\u2019innovation\":\"Scientifique\",\"La satisfaction d\u2019aider les autres\":\"Social\",\"La ma\u00eetrise technique ou pratique\":\"Technique\"}},\n  {q:\"Vous vous sentez valoris\u00e9 lorsque :\", a:{\"Vos id\u00e9es sont appr\u00e9ci\u00e9es\":\"Creatif\",\"Vous r\u00e9ussissez \u00e0 guider les autres\":\"Leader\",\"Vous trouvez des solutions pr\u00e9cises\":\"Scientifique\",\"Les autres se sentent mieux gr\u00e2ce \u00e0 vous\":\"Social\",\"Vous r\u00e9solvez un probl\u00e8me concret\":\"Technique\"}},\n  {q:\"Vous aimeriez que votre m\u00e9tier id\u00e9al :\", a:{\"Soit libre et artistique\":\"Creatif\",\"Implique leadership et responsabilit\u00e9s\":\"Leader\",\"Soit scientifique ou technique\":\"Scientifique\",\"Aide les autres et cr\u00e9e du lien\":\"Social\",\"Soit pratique et concret\":\"Technique\"}}\n];\n\nlet currentQuestion=0;\nlet scores={\"Creatif\":0,\"Leader\":0,\"Scientifique\":0,\"Social\":0,\"Technique\":0};\n\nfunction showQuestion(){\n  const q = questions[currentQuestion];\n  let html=`<h3 style=\"color:#333;\">${currentQuestion+1}. ${q.q}<\/h3><div style=\"display:flex; flex-direction:column; gap:12px;\">`;\n  for(let ans in q.a){\n    const profile = q.a[ans];\n    const color = profiles[profile].color;\n    const icon = profiles[profile].icon;\n    html += `<button onclick=\"answer('${profile}')\" style=\"padding:15px; border:none; border-radius:8px; font-size:16px; cursor:pointer; transition:0.3s; display:flex; align-items:center; gap:10px; background:${color}; color:#fff; font-weight:500;\">\n      <span style=\"font-size:20px;\">${icon}<\/span> ${ans}\n    <\/button>`;\n  }\n  html += `<\/div>`;\n  document.getElementById(\"quiz-container\").innerHTML = html;\n  updateProgress();\n}\n\nfunction answer(profile){\n  scores[profile]++;\n  currentQuestion++;\n  if(currentQuestion<questions.length) showQuestion();\n  else showResult();\n}\n\nfunction updateProgress(){\n  const percent=(currentQuestion\/questions.length)*100;\n  document.getElementById(\"progress-bar\").style.width = percent+\"%\";\n}\n\n\/\/ --- Confetti effect ---\nconst canvas=document.getElementById(\"confetti-canvas\");\nconst ctx=canvas.getContext(\"2d\");\nlet confettiParticles=[];\nfunction initCanvas(){ canvas.width=window.innerWidth; canvas.height=window.innerHeight; }\nwindow.addEventListener(\"resize\",initCanvas);\ninitCanvas();\n\nfunction Confetti(){ \n  this.x=Math.random()*canvas.width;\n  this.y=Math.random()*canvas.height-canvas.height;\n  this.r=Math.random()*6+4;\n  this.d=Math.random()*30+10;\n  this.color=`hsl(${Math.random()*360},100%,50%)`;\n  this.tilt=Math.random()*10-10;\n  this.tiltAngleIncrement=0.05+Math.random()\/10;\n  this.tiltAngle=0;\n}\nConfetti.prototype.draw=function(){\n  ctx.beginPath();\n  ctx.lineWidth=this.r\/2;\n  ctx.strokeStyle=this.color;\n  ctx.moveTo(this.x+this.tilt+this.r\/4,this.y);\n  ctx.lineTo(this.x+this.tilt,this.y+this.tilt+this.r\/2);\n  ctx.stroke();\n}\nfunction renderConfetti(){\n  ctx.clearRect(0,0,canvas.width,canvas.height);\n  for(let i=0;i<confettiParticles.length;i++){\n    confettiParticles[i].tiltAngle+=confettiParticles[i].tiltAngleIncrement;\n    confettiParticles[i].y += (Math.cos(confettiParticles[i].d)+3+confettiParticles[i].r\/2)\/2;\n    confettiParticles[i].tilt = Math.sin(confettiParticles[i].tiltAngle)*15;\n    if(confettiParticles[i].y>canvas.height) confettiParticles[i].y=-10;\n    confettiParticles[i].x = confettiParticles[i].x;\n    confettiParticles[i].draw();\n  }\n  requestAnimationFrame(renderConfetti);\n}\n\n\/\/ --- Show result with confetti ---\nfunction showResult(){\n  document.getElementById(\"quiz-container\").style.display=\"none\";\n  document.getElementById(\"progress\").style.display=\"none\";\n\n  const maxScore=Math.max(...Object.values(scores));\n  const bestProfiles=Object.keys(scores).filter(p=>scores[p]===maxScore);\n\n  let resultHTML=`<h3 style=\"color:#333; text-align:center;\">Votre profil dominant :<\/h3>`;\n  bestProfiles.forEach(p=>{\n    resultHTML+=`<div style=\"text-align:center; margin-top:15px;\">\n      <div style=\"font-size:50px;\">${profiles[p].icon}<\/div>\n      <h4 style=\"color:${profiles[p].color}; margin:10px 0;\">${profiles[p].name}<\/h4>\n      <p>M\u00e9tiers recommand\u00e9s : ${profiles[p].careers.join(\", \")}<\/p>\n    <\/div>`;\n  });\n\n  document.getElementById(\"result\").innerHTML=resultHTML;\n  document.getElementById(\"result\").style.display=\"block\";\n\n  \/\/ Launch confetti\n  confettiParticles=[];\n  for(let i=0;i<150;i++) confettiParticles.push(new Confetti());\n  renderConfetti();\n}\n\nshowQuestion();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Quel m\u00e9tier est fait pour vous ?<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1301","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/comments?post=1301"}],"version-history":[{"count":2,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1301\/revisions"}],"predecessor-version":[{"id":1303,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1301\/revisions\/1303"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}