{"id":1293,"date":"2025-11-29T19:46:51","date_gmt":"2025-11-29T19:46:51","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1293"},"modified":"2025-11-29T20:02:56","modified_gmt":"2025-11-29T20:02:56","slug":"1293-2","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/1293-2\/","title":{"rendered":"Quel type d\u2019amie es-tu ?(2)"},"content":{"rendered":"\n<div id=\"quiz-container\" style=\"max-width:700px;margin:40px auto;font-family:Arial,sans-serif;\">\n  <div id=\"progress-bar\">\n    <div id=\"progress-fill\" style=\"width:0%\"><\/div>\n  <\/div>\n  <div id=\"question-container\"><\/div>\n<\/div>\n\n<script>\nconst questions = [\n  {question:\"1. Comment r\u00e9agis-tu face \u00e0 un conflit dans ton groupe d\u2019amies ?\", answers:[\n      {text:\"J\u2019\u00e9coute tout le monde et calme les tensions\", points:{Confidente:3, Zen:2}},\n      {text:\"Je propose des id\u00e9es originales pour r\u00e9soudre le conflit\", points:{Cr\u00e9ative:3}},\n      {text:\"Je d\u00e9fends mes amies co\u00fbte que co\u00fbte\", points:{Protectrice:3}},\n      {text:\"Je fais une blague pour d\u00e9tendre l\u2019atmosph\u00e8re\", points:{Fun:3}},\n      {text:\"Je donne des conseils rationnels pour arranger les choses\", points:{Conseill\u00e8re:3}}\n  ]},\n  {question:\"2. Quelle est ton activit\u00e9 pr\u00e9f\u00e9r\u00e9e avec tes amies ?\", answers:[\n      {text:\"Discuter de tout et de rien\", points:{Confidente:3}},\n      {text:\"Sortir faire la f\u00eate ou voyager\", points:{Fun:3}},\n      {text:\"Planifier et organiser des projets\", points:{Conseill\u00e8re:3}},\n      {text:\"Prot\u00e9ger et veiller sur elles\", points:{Protectrice:3}},\n      {text:\"Cr\u00e9er quelque chose ensemble\", points:{Cr\u00e9ative:3}},\n      {text:\"Se relaxer ensemble\", points:{Zen:3}}\n  ]},\n  {question:\"3. Une amie a besoin d\u2019un conseil amoureux, que fais-tu ?\", answers:[\n      {text:\"Je l\u2019\u00e9coute et la soutiens sans juger\", points:{Confidente:3}},\n      {text:\"Je lui propose des id\u00e9es originales pour s\u00e9duire\", points:{Cr\u00e9ative:3}},\n      {text:\"Je lui donne des conseils pratiques et rationnels\", points:{Conseill\u00e8re:3}},\n      {text:\"Je veille \u00e0 ce qu\u2019elle ne se fasse pas avoir\", points:{Protectrice:3}},\n      {text:\"Je fais une blague pour d\u00e9tendre l\u2019atmosph\u00e8re\", points:{Fun:2, Zen:1}}\n  ]},\n  {question:\"4. Quand tu es en soir\u00e9e, tu es plut\u00f4t\u2026\", answers:[\n      {text:\"\u00c0 \u00e9couter les autres et cr\u00e9er des liens\", points:{Confidente:3}},\n      {text:\"Au centre de la danse et de l\u2019animation\", points:{Fun:3}},\n      {text:\"\u00c0 planifier qui s\u2019assoit o\u00f9 et comment \u00e7a se passe\", points:{Conseill\u00e8re:3}},\n      {text:\"\u00c0 m\u2019assurer que tout le monde est en s\u00e9curit\u00e9\", points:{Protectrice:3}},\n      {text:\"\u00c0 trouver des id\u00e9es originales pour s\u2019amuser\", points:{Cr\u00e9ative:3}},\n      {text:\"\u00c0 observer et rester calme\", points:{Zen:3}}\n  ]},\n  {question:\"5. Tes amies t\u2019envoient un message \u00e0 2h du matin, tu\u2026\", answers:[\n      {text:\"Je r\u00e9ponds imm\u00e9diatement pour l\u2019\u00e9couter\", points:{Confidente:3}},\n      {text:\"Je leur propose une activit\u00e9 fun pour se changer les id\u00e9es\", points:{Fun:3}},\n      {text:\"Je r\u00e9fl\u00e9chis \u00e0 une solution concr\u00e8te \u00e0 leur probl\u00e8me\", points:{Conseill\u00e8re:3}},\n      {text:\"Je m\u2019assure qu\u2019elles vont bien et que rien de grave ne se passe\", points:{Protectrice:3}},\n      {text:\"Je leur propose de cr\u00e9er quelque chose ensemble\", points:{Cr\u00e9ative:2, Zen:1}}\n  ]},\n  {question:\"6. Une amie a une id\u00e9e folle, tu\u2026\", answers:[\n      {text:\"Je l\u2019encourage et l\u2019\u00e9coute attentivement\", points:{Confidente:2, Fun:1}},\n      {text:\"Je la rejoins et on s\u2019amuse\", points:{Fun:3}},\n      {text:\"Je lui donne un plan pour que \u00e7a marche\", points:{Conseill\u00e8re:3}},\n      {text:\"Je m\u2019assure que personne ne se blesse\", points:{Protectrice:3}},\n      {text:\"Je transforme l\u2019id\u00e9e en projet cr\u00e9atif\", points:{Cr\u00e9ative:3}}\n  ]},\n  {question:\"7. Si une amie est triste, tu\u2026\", answers:[\n      {text:\"Je l\u2019\u00e9coute sans jugement\", points:{Confidente:3}},\n      {text:\"Je fais tout pour la faire sourire\", points:{Fun:3}},\n      {text:\"Je r\u00e9fl\u00e9chis \u00e0 des solutions concr\u00e8tes\", points:{Conseill\u00e8re:3}},\n      {text:\"Je la prot\u00e8ge et d\u00e9fends son bien-\u00eatre\", points:{Protectrice:3}},\n      {text:\"Je propose une activit\u00e9 artistique pour se changer les id\u00e9es\", points:{Cr\u00e9ative:2, Zen:1}},\n      {text:\"Je reste calme et rassurante\", points:{Zen:3}}\n  ]},\n  {question:\"8. Comment r\u00e9agis-tu quand quelqu\u2019un critique une amie ?\", answers:[\n      {text:\"Je la d\u00e9fends fermement\", points:{Protectrice:3}},\n      {text:\"Je tente de calmer les esprits\", points:{Zen:3}},\n      {text:\"Je fais une blague pour d\u00e9tendre l\u2019atmosph\u00e8re\", points:{Fun:3}},\n      {text:\"J\u2019\u00e9coute et conseille sur la meilleure r\u00e9action\", points:{Conseill\u00e8re:3}},\n      {text:\"Je discute avec elle pour la soutenir \u00e9motionnellement\", points:{Confidente:3}},\n      {text:\"Je propose une activit\u00e9 cr\u00e9ative pour changer les id\u00e9es\", points:{Cr\u00e9ative:2}}\n  ]},\n  {question:\"9. Quel compliment donnes-tu le plus souvent ?\", answers:[\n      {text:\"Tu peux tout me dire, je t\u2019\u00e9coute\", points:{Confidente:3}},\n      {text:\"Tu es super fun et g\u00e9niale\", points:{Fun:3}},\n      {text:\"Tu g\u00e8res \u00e7a super bien\", points:{Conseill\u00e8re:3}},\n      {text:\"Je te prot\u00e8ge toujours\", points:{Protectrice:3}},\n      {text:\"J\u2019adore ta cr\u00e9ativit\u00e9\", points:{Cr\u00e9ative:3}},\n      {text:\"Tu es tellement zen\", points:{Zen:3}}\n  ]},\n  {question:\"10. Ton trait de personnalit\u00e9 dominant est\u2026\", answers:[\n      {text:\"\u00c9coute et loyaut\u00e9\", points:{Confidente:3}},\n      {text:\"\u00c9nergie et enthousiasme\", points:{Fun:3}},\n      {text:\"Rationalit\u00e9 et organisation\", points:{Conseill\u00e8re:3}},\n      {text:\"Protection et courage\", points:{Protectrice:3}},\n      {text:\"Cr\u00e9ativit\u00e9 et originalit\u00e9\", points:{Cr\u00e9ative:3}},\n      {text:\"Calme et s\u00e9r\u00e9nit\u00e9\", points:{Zen:3}}\n  ]},\n  {question:\"11. Quand il faut prendre des d\u00e9cisions de groupe, tu\u2026\", answers:[\n      {text:\"Je propose une solution r\u00e9fl\u00e9chie\", points:{Conseill\u00e8re:3}},\n      {text:\"Je m\u2019assure que tout le monde se sente entendu\", points:{Confidente:3}},\n      {text:\"Je choisis l\u2019option la plus amusante\", points:{Fun:3}},\n      {text:\"Je prot\u00e8ge les plus vuln\u00e9rables\", points:{Protectrice:3}},\n      {text:\"Je sugg\u00e8re quelque chose de cr\u00e9atif et original\", points:{Cr\u00e9ative:3}},\n      {text:\"Je reste calme et apaisante\", points:{Zen:3}}\n  ]},\n  {question:\"12. Une amie t\u2019invite \u00e0 une activit\u00e9 cr\u00e9ative, tu\u2026\", answers:[\n      {text:\"Je participe avec enthousiasme\", points:{Cr\u00e9ative:3}},\n      {text:\"Je l\u2019\u00e9coute et la soutiens\", points:{Confidente:2, Zen:1}},\n      {text:\"Je rends l\u2019activit\u00e9 amusante\", points:{Fun:3}},\n      {text:\"Je m\u2019assure que tout se passe bien\", points:{Protectrice:3}},\n      {text:\"Je propose une meilleure organisation pour r\u00e9ussir le projet\", points:{Conseill\u00e8re:3}}\n  ]},\n  {question:\"13. Comment organises-tu une sortie entre amies ?\", answers:[\n      {text:\"Je planifie chaque d\u00e9tail\", points:{Conseill\u00e8re:3}},\n      {text:\"Je choisis l\u2019endroit le plus fun\", points:{Fun:3}},\n      {text:\"Je veille \u00e0 ce que tout le monde se sente bien\", points:{Confidente:2, Zen:1}},\n      {text:\"Je prot\u00e8ge mes amies et m\u2019assure qu\u2019elles soient en s\u00e9curit\u00e9\", points:{Protectrice:3}},\n      {text:\"Je propose une activit\u00e9 cr\u00e9ative\", points:{Cr\u00e9ative:3}}\n  ]},\n  {question:\"14. Que fais-tu pour motiver tes amies ?\", answers:[\n      {text:\"Je leur donne des conseils pratiques et motivants\", points:{Conseill\u00e8re:3}},\n      {text:\"Je les fais rire et leur remonte le moral\", points:{Fun:3}},\n      {text:\"Je les \u00e9coute et les soutiens \u00e9motionnellement\", points:{Confidente:3}},\n      {text:\"Je les prot\u00e8ge et les d\u00e9fends si besoin\", points:{Protectrice:3}},\n      {text:\"Je propose une activit\u00e9 cr\u00e9ative ou originale\", points:{Cr\u00e9ative:3}},\n      {text:\"Je les calme et les apaise\", points:{Zen:3}}\n  ]},\n  {question:\"15. Ton style de conversation pr\u00e9f\u00e9r\u00e9 est\u2026\", answers:[\n      {text:\"\u00c9coute et partage d\u2019\u00e9motions\", points:{Confidente:3}},\n      {text:\"Humour et l\u00e9g\u00e8ret\u00e9\", points:{Fun:3}},\n      {text:\"Analyse et conseils pratiques\", points:{Conseill\u00e8re:3}},\n      {text:\"Protection et soutien\", points:{Protectrice:3}},\n      {text:\"Cr\u00e9atif et inspirant\", points:{Cr\u00e9ative:3}},\n      {text:\"Calme et rassurant\", points:{Zen:3}}\n  ]}\n];\n\nlet currentQuestion = 0;\nlet scores = {Confidente:0, Fun:0, Conseill\u00e8re:0, Protectrice:0, Cr\u00e9ative:0, Zen:0};\nconst questionContainer = document.getElementById(\"question-container\");\nconst progressFill = document.getElementById(\"progress-fill\");\n\nfunction showQuestion() {\n  const q = questions[currentQuestion];\n  questionContainer.innerHTML = `\n    <div class=\"question-card animate-in\">\n      <h3>${q.question}<\/h3>\n      <div class=\"answers\">\n        ${q.answers.map((a,i)=>`<button class=\"answer-btn\" data-index=\"${i}\">${a.text}<\/button>`).join(\"\")}\n      <\/div>\n    <\/div>`;\n  \n  progressFill.style.width = `${(currentQuestion\/questions.length)*100}%`;\n  \n  document.querySelectorAll(\".answer-btn\").forEach(btn => {\n    btn.onclick = () => {\n      const selected = q.answers[btn.dataset.index];\n      for(const p in selected.points) scores[p] += selected.points[p];\n      \n      const card = document.querySelector(\".question-card\");\n      card.classList.add(\"animate-out\");\n      setTimeout(()=>{\n        currentQuestion++;\n        if(currentQuestion < questions.length) showQuestion();\n        else showResult();\n      }, 400);\n    }\n  });\n}\n\nfunction showResult() {\n  const maxScore = Math.max(...Object.values(scores));\n  const topProfiles = Object.keys(scores).filter(p => scores[p] === maxScore);\n  questionContainer.innerHTML = `\n    <div class=\"result-card animate-in\">\n      <h2>Ton profil d'amie :<\/h2>\n      <p>${topProfiles.join(\", \")}<\/p>\n    <\/div>`;\n  progressFill.style.width = `100%`;\n}\n\nshowQuestion();\n<\/script>\n\n<style>\n#progress-bar {width:100%;background:#eee;height:20px;border-radius:10px;margin-bottom:25px;overflow:hidden;box-shadow:inset 0 0 5px rgba(0,0,0,0.1);}\n#progress-fill {height:100%;background:linear-gradient(90deg,#ff7eb3,#ff758c);width:0%;border-radius:10px;transition: width 0.5s ease;}\n.question-card, .result-card {background:#fff;padding:20px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition: transform 0.3s, opacity 0.3s;}\n.answer-btn {\n    display:block;width:100%;margin:12px 0;padding:12px 20px;\n    background:#fff0f5;border:2px solid #ffd1e0;border-radius:8px;\n    font-size:16px;text-align:left;cursor:pointer;transition: all 0.2s;\n    color:#ffb6c1; \/* couleur du texte par d\u00e9faut rose pastel *\/\n}\n.answer-btn:hover {\n    background:#ffe4f0;border-color:#ff7eb3;color:#ff3f80;\n}\nh2 {color:#ff3f80;text-align:center;}\np {font-size:18px;text-align:center;color:#333;margin-top:10px;}\n.animate-in {opacity:0;transform:translateX(50px);animation:fadeInSlide 0.4s forwards;}\n.animate-out {opacity:1;transform:translateX(0);animation:fadeOutSlide 0.4s forwards;}\n@keyframes fadeInSlide {0%{opacity:0;transform:translateX(50px);}100%{opacity:1;transform:translateX(0);}}\n@keyframes fadeOutSlide {0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(-50px);}}\n<\/style>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1293","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1293","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=1293"}],"version-history":[{"count":6,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1293\/revisions"}],"predecessor-version":[{"id":1299,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1293\/revisions\/1299"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}