{"id":1266,"date":"2025-11-28T12:08:34","date_gmt":"2025-11-28T12:08:34","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1266"},"modified":"2025-11-28T12:08:34","modified_gmt":"2025-11-28T12:08:34","slug":"quel-type-damie-es-tu","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/quel-type-damie-es-tu\/","title":{"rendered":"Quel type d\u2019amie es-tu ?"},"content":{"rendered":"\n<div id=\"friendQuiz\" style=\"max-width:600px;margin:auto;font-family:sans-serif;background:#fff0f5;padding:20px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.1);\">\n  <h2 style=\"text-align:center;color:#d8436b;\">Quel type d\u2019amie es-tu ? \ud83c\udf80<\/h2>\n  \n  <div id=\"quizQuestions\">\n    <div class=\"question\" data-question=\"1\">\n      <p>1. Quand une amie est triste, tu\u2026<\/p>\n      <button data-value=\"A\">L\u2019\u00e9coute et la r\u00e9conforte avec des conseils.<\/button>\n      <button data-value=\"B\">Essaye de la faire rire pour qu\u2019elle oublie ses soucis.<\/button>\n      <button data-value=\"C\">La laisse tranquille et attends qu\u2019elle vienne vers toi.<\/button>\n      <button data-value=\"D\">Fais quelque chose de spontan\u00e9 pour la r\u00e9conforter.<\/button>\n    <\/div>\n\n    <div class=\"question\" data-question=\"2\" style=\"display:none;\">\n      <p>2. Pendant une sortie entre amis, tu es\u2026<\/p>\n      <button data-value=\"A\">Celle qui organise tout et s\u2019assure que tout le monde s\u2019amuse.<\/button>\n      <button data-value=\"B\">Celle qui fait le show et fait rire tout le monde.<\/button>\n      <button data-value=\"C\">Celle qui observe et parle seulement si on lui demande.<\/button>\n      <button data-value=\"D\">Celle qui propose des id\u00e9es impr\u00e9visibles et originales.<\/button>\n    <\/div>\n\n    <div class=\"question\" data-question=\"3\" style=\"display:none;\">\n      <p>3. Tes amis te d\u00e9criraient comme\u2026<\/p>\n      <button data-value=\"A\">Fiable et toujours pr\u00e9sente.<\/button>\n      <button data-value=\"B\">Dr\u00f4le et un peu folle.<\/button>\n      <button data-value=\"C\">Calme et r\u00e9fl\u00e9chie.<\/button>\n      <button data-value=\"D\">Spontan\u00e9e et impr\u00e9visible.<\/button>\n    <\/div>\n\n    <div class=\"question\" data-question=\"4\" style=\"display:none;\">\n      <p>4. Quand une dispute \u00e9clate dans ton groupe d\u2019amis\u2026<\/p>\n      <button data-value=\"A\">Tu essayes de trouver une solution et calmer les tensions.<\/button>\n      <button data-value=\"B\">Tu utilises l\u2019humour pour d\u00e9tendre l\u2019atmosph\u00e8re.<\/button>\n      <button data-value=\"C\">Tu observes et \u00e9vites de prendre parti.<\/button>\n      <button data-value=\"D\">Tu proposes une id\u00e9e originale pour que tout le monde s\u2019amuse malgr\u00e9 tout.<\/button>\n    <\/div>\n\n    <div class=\"question\" data-question=\"5\" style=\"display:none;\">\n      <p>5. Ton style d\u2019amiti\u00e9 pr\u00e9f\u00e9r\u00e9 est\u2026<\/p>\n      <button data-value=\"A\">Sinc\u00e8re et fid\u00e8le, toujours l\u00e0 pour l\u2019autre.<\/button>\n      <button data-value=\"B\">Fun, rempli de rires et d\u2019aventures.<\/button>\n      <button data-value=\"C\">Paisible et tranquille, sans drame.<\/button>\n      <button data-value=\"D\">Spontan\u00e9 et surprenant, chaque jour est diff\u00e9rent.<\/button>\n    <\/div>\n\n    <div class=\"question\" data-question=\"6\" style=\"display:none;\">\n      <p>6. Lors d\u2019un projet de groupe, tu es\u2026<\/p>\n      <button data-value=\"A\">La personne qui organise et coordonne tout.<\/button>\n      <button data-value=\"B\">Celle qui motive et encourage tout le monde.<\/button>\n      <button data-value=\"C\">Celle qui fait sa part calmement et sans bruit.<\/button>\n      <button data-value=\"D\">Celle qui propose des id\u00e9es inattendues mais efficaces.<\/button>\n    <\/div>\n\n    <div class=\"question\" data-question=\"7\" style=\"display:none;\">\n      <p>7. Ton amie parfaite, c\u2019est quelqu\u2019un qui\u2026<\/p>\n      <button data-value=\"A\">Est fiable et honn\u00eate.<\/button>\n      <button data-value=\"B\">Est dr\u00f4le et pleine d\u2019\u00e9nergie.<\/button>\n      <button data-value=\"C\">Est calme et compr\u00e9hensive.<\/button>\n      <button data-value=\"D\">Est spontan\u00e9e et originale.<\/button>\n    <\/div>\n  <\/div>\n\n  <div id=\"quizResult\" style=\"display:none;text-align:center;margin-top:25px;\">\n    <h3>Ton r\u00e9sultat :<\/h3>\n    <img decoding=\"async\" id=\"resultImage\" src=\"\" alt=\"\" style=\"width:220px;height:auto;border-radius:12px;margin-bottom:15px;\">\n    <p id=\"resultText\" style=\"font-size:16px;color:#555;\"><\/p>\n    <div style=\"margin-top:15px;\">\n      <button onclick=\"shareFacebook()\" style=\"padding:10px 15px;margin:5px;background:#3b5998;color:white;border:none;border-radius:6px;cursor:pointer;\">Partager sur Facebook<\/button>\n      <button onclick=\"shareTwitter()\" style=\"padding:10px 15px;margin:5px;background:#1da1f2;color:white;border:none;border-radius:6px;cursor:pointer;\">Partager sur Twitter<\/button>\n      <button onclick=\"shareInstagram()\" style=\"padding:10px 15px;margin:5px;background:#c13584;color:white;border:none;border-radius:6px;cursor:pointer;\">Partager sur Instagram<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  const questions = document.querySelectorAll(\"#quizQuestions .question\");\n  let answers = [];\n\n  questions.forEach((q, index) => {\n    q.querySelectorAll(\"button\").forEach(btn => {\n      btn.addEventListener(\"click\", () => {\n        answers.push(btn.getAttribute(\"data-value\"));\n        q.style.display = \"none\";\n        if (index + 1 < questions.length) {\n          questions[index + 1].style.display = \"block\";\n        } else {\n          showResult();\n        }\n      });\n    });\n  });\n\n  function showResult() {\n    const counts = { A: 0, B: 0, C: 0, D: 0 };\n    answers.forEach(a => counts[a]++);\n    let max = \"A\";\n    for (let key in counts) if (counts[key] > counts[max]) max = key;\n\n    const results = {\n      A: {\n        text: \"\ud83c\udf80 La Confidente : Toujours l\u00e0 pour tes amis, fiable et g\u00e9n\u00e9reuse en conseils.\",\n        img: \"https:\/\/media.giphy.com\/media\/26xBwdIuRJiAIqHwA\/giphy.gif\"\n      },\n      B: {\n        text: \"\ud83c\udf89 La Folle du Groupe : Toujours pr\u00eate \u00e0 faire rire et \u00e0 cr\u00e9er des moments m\u00e9morables.\",\n        img: \"https:\/\/media.giphy.com\/media\/3o6ZsYI6w2rmXl3T3e\/giphy.gif\"\n      },\n      C: {\n        text: \"\ud83c\udf38 La Sage : Calme et r\u00e9fl\u00e9chie, tu apportes s\u00e9r\u00e9nit\u00e9 et stabilit\u00e9 au groupe.\",\n        img: \"https:\/\/media.giphy.com\/media\/l0MYt5jPR6QX5pnqM\/giphy.gif\"\n      },\n      D: {\n        text: \"\u2728 L\u2019Impr\u00e9visible : Spontan\u00e9e et cr\u00e9ative, tu surprends toujours tes amis avec des id\u00e9es originales.\",\n        img: \"https:\/\/media.giphy.com\/media\/3oKIPwoeGErMmaI43C\/giphy.gif\"\n      }\n    };\n\n    document.getElementById(\"quizResult\").style.display = \"block\";\n    document.getElementById(\"resultText\").innerText = results[max].text;\n    document.getElementById(\"resultImage\").src = results[max].img;\n  }\n\n  function shareFacebook() {\n    const url = encodeURIComponent(window.location.href);\n    const text = encodeURIComponent(\"D\u00e9couvrez quel type d'amie vous \u00eates !\");\n    window.open(`https:\/\/www.facebook.com\/sharer\/sharer.php?u=${url}&quote=${text}`, '_blank');\n  }\n\n  function shareTwitter() {\n    const url = encodeURIComponent(window.location.href);\n    const text = encodeURIComponent(\"D\u00e9couvrez quel type d'amie vous \u00eates !\");\n    window.open(`https:\/\/twitter.com\/intent\/tweet?url=${url}&text=${text}`, '_blank');\n  }\n\n  function shareInstagram() {\n    alert(\"Sur Instagram, copiez le lien de cette page dans votre bio ou stories pour partager !\");\n  }\n<\/script>\n\n<style>\n  #friendQuiz button {\n    display: block;\n    margin: 8px 0;\n    padding: 12px 15px;\n    background-color: #ff69b4;\n    color: white;\n    border: none;\n    border-radius: 8px;\n    cursor: pointer;\n    width: 100%;\n    font-size: 15px;\n    transition: background 0.3s;\n  }\n  #friendQuiz button:hover {\n    background-color: #ff1493;\n  }\n  @media screen and (max-width:600px){\n    #friendQuiz h2{font-size:22px;}\n    #friendQuiz p{font-size:15px;}\n    #friendQuiz button{font-size:14px;padding:10px;}\n    #resultImage{width:180px;}\n  }\n<\/style>\n\n","protected":false},"excerpt":{"rendered":"<p>Quel type d\u2019amie es-tu ? \ud83c\udf80 1. Quand une amie est triste, tu\u2026 L\u2019\u00e9coute et la r\u00e9conforte avec des conseils. Essaye de la faire rire pour qu\u2019elle oublie ses soucis. La laisse tranquille et attends qu\u2019elle vienne vers toi. Fais&#8230; <a href=\"https:\/\/clubvivremieux.com\/index.php\/quel-type-damie-es-tu\/\" class=\"readmore\">Read more<span class=\"screen-reader-text\">Quel type d\u2019amie es-tu ?<\/span><span class=\"fa fa-angle-double-right\" aria-hidden=\"true\"><\/span><\/a><\/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-1266","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1266","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=1266"}],"version-history":[{"count":1,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1266\/revisions"}],"predecessor-version":[{"id":1267,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1266\/revisions\/1267"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}