{"id":1550,"date":"2025-12-01T23:13:58","date_gmt":"2025-12-01T23:13:58","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1550"},"modified":"2025-12-01T23:14:51","modified_gmt":"2025-12-01T23:14:51","slug":"1550-2","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/1550-2\/","title":{"rendered":"\u00a0Quel sera ton mot-cl\u00e9 pour 2026 ?"},"content":{"rendered":"\n<!-- D\u00e9but du Quiz Ultra-Festif Nouvel An -->\n<style>\n  body {\n    font-family: 'Arial', sans-serif;\n    background: linear-gradient(to right, #ffe5b4, #ffd1dc);\n  }\n\n  .quiz-container {\n    max-width: 700px;\n    margin: 40px auto;\n    padding: 35px;\n    background: #fff9f0;\n    border-radius: 25px;\n    box-shadow: 0 15px 30px rgba(0,0,0,0.15);\n    text-align: center;\n    transition: all 0.5s ease;\n    position: relative;\n  }\n\n  .quiz-container h2 {\n    color: #d35400;\n    margin-bottom: 25px;\n    font-size: 30px;\n  }\n\n  .question {\n    font-size: 20px;\n    margin-bottom: 20px;\n    opacity: 0;\n    transform: translateY(20px);\n    animation: fadeIn 0.5s forwards;\n  }\n\n  .answers button {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 10px;\n    width: 100%;\n    margin: 12px 0;\n    padding: 14px;\n    font-size: 16px;\n    color: white;\n    background: #f39c12;\n    border: none;\n    border-radius: 12px;\n    cursor: pointer;\n    transition: all 0.3s;\n  }\n\n  .answers button:hover {\n    background: #e67e22;\n    transform: scale(1.05);\n  }\n\n  .answers img {\n    width: 30px;\n    height: 30px;\n  }\n\n  .result {\n    font-size: 24px;\n    font-weight: bold;\n    margin-top: 25px;\n    opacity: 0;\n    transition: opacity 1s;\n  }\n\n  .share-buttons a {\n    margin: 10px 5px;\n    display: inline-block;\n    padding: 10px 18px;\n    border-radius: 10px;\n    text-decoration: none;\n    color: white;\n    background: #2980b9;\n    transition: all 0.3s;\n  }\n  .share-buttons a:hover {\n    background: #3498db;\n    transform: scale(1.05);\n  }\n\n  @keyframes fadeIn {\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* Confettis *\/\n  .confetti {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 0;\n    pointer-events: none;\n    z-index: 9999;\n  }\n\n  .confetti-piece {\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    background-color: red;\n    opacity: 0.8;\n    animation: fall 3s linear forwards;\n  }\n\n  @keyframes fall {\n    0% { transform: translateY(0) rotate(0deg); }\n    100% { transform: translateY(600px) rotate(360deg); opacity: 0; }\n  }\n<\/style>\n\n<div class=\"quiz-container\">\n  <h2>\ud83c\udf89 Quel sera ton mot-cl\u00e9 pour 2026 ?<\/h2>\n  <div id=\"quiz\"><\/div>\n  <div class=\"result\" id=\"result\"><\/div>\n  <div class=\"share-buttons\" id=\"shareButtons\"><\/div>\n<\/div>\n\n<div class=\"confetti\" id=\"confetti\"><\/div>\n\n<script>\nconst questions = [\n  {\n    q: \"Comment te sens-tu en ce moment ?\",\n    a: [\n      { text: \"Plein d\u2019\u00e9nergie et pr\u00eat \u00e0 conqu\u00e9rir le monde\", value: \"Succ\u00e8s\", icon: \"\ud83c\udfc6\" },\n      { text: \"Calme et r\u00e9fl\u00e9chi\", value: \"S\u00e9r\u00e9nit\u00e9\", icon: \"\ud83d\udd4a\ufe0f\" },\n      { text: \"Ouvert aux surprises\", value: \"Changement\", icon: \"\ud83d\udd04\" },\n      { text: \"Envie de partager de l\u2019amour autour de toi\", value: \"Amour\", icon: \"\u2764\ufe0f\" }\n    ]\n  },\n  {\n    q: \"Quel est ton objectif principal pour 2026 ?\",\n    a: [\n      { text: \"R\u00e9ussir mes projets professionnels\", value: \"Succ\u00e8s\", icon: \"\ud83c\udfc6\" },\n      { text: \"Trouver l\u2019\u00e9quilibre et la paix int\u00e9rieure\", value: \"S\u00e9r\u00e9nit\u00e9\", icon: \"\ud83d\udd4a\ufe0f\" },\n      { text: \"Explorer de nouvelles exp\u00e9riences\", value: \"Changement\", icon: \"\ud83d\udd04\" },\n      { text: \"Renforcer mes relations personnelles\", value: \"Amour\", icon: \"\u2764\ufe0f\" }\n    ]\n  },\n  {\n    q: \"Quelle activit\u00e9 te d\u00e9crit le mieux ?\",\n    a: [\n      { text: \"Travailler dur pour atteindre mes r\u00eaves\", value: \"Succ\u00e8s\", icon: \"\ud83c\udfc6\" },\n      { text: \"M\u00e9diter, me promener, profiter du moment\", value: \"S\u00e9r\u00e9nit\u00e9\", icon: \"\ud83d\udd4a\ufe0f\" },\n      { text: \"Essayer quelque chose de nouveau\", value: \"Changement\", icon: \"\ud83d\udd04\" },\n      { text: \"Passer du temps avec mes proches\", value: \"Amour\", icon: \"\u2764\ufe0f\" }\n    ]\n  },\n  {\n    q: \"Si tu devais choisir un symbole pour 2026, ce serait :\",\n    a: [\n      { text: \"\ud83c\udfc6\", value: \"Succ\u00e8s\", icon: \"\ud83c\udfc6\" },\n      { text: \"\ud83d\udd4a\ufe0f\", value: \"S\u00e9r\u00e9nit\u00e9\", icon: \"\ud83d\udd4a\ufe0f\" },\n      { text: \"\ud83d\udd04\", value: \"Changement\", icon: \"\ud83d\udd04\" },\n      { text: \"\u2764\ufe0f\", value: \"Amour\", icon: \"\u2764\ufe0f\" }\n    ]\n  },\n  {\n    q: \"Quelle couleur te repr\u00e9sente pour la nouvelle ann\u00e9e ?\",\n    a: [\n      { text: \"Dor\u00e9\", value: \"Succ\u00e8s\", icon: \"\ud83c\udfc6\" },\n      { text: \"Bleu clair\", value: \"S\u00e9r\u00e9nit\u00e9\", icon: \"\ud83d\udd4a\ufe0f\" },\n      { text: \"Orange\", value: \"Changement\", icon: \"\ud83d\udd04\" },\n      { text: \"Rose\", value: \"Amour\", icon: \"\u2764\ufe0f\" }\n    ]\n  },\n  {\n    q: \"Si tu devais d\u00e9crire ton \u00e9tat d\u2019esprit pour 2026 en un mot, ce serait :\",\n    a: [\n      { text: \"Ambition\", value: \"Succ\u00e8s\", icon: \"\ud83c\udfc6\" },\n      { text: \"Paix\", value: \"S\u00e9r\u00e9nit\u00e9\", icon: \"\ud83d\udd4a\ufe0f\" },\n      { text: \"Aventure\", value: \"Changement\", icon: \"\ud83d\udd04\" },\n      { text: \"C\u0153ur\", value: \"Amour\", icon: \"\u2764\ufe0f\" }\n    ]\n  }\n];\n\nlet currentQuestion = 0;\nlet scores = { \"Succ\u00e8s\":0, \"S\u00e9r\u00e9nit\u00e9\":0, \"Changement\":0, \"Amour\":0 };\n\nfunction showQuestion() {\n  const quizDiv = document.getElementById('quiz');\n  quizDiv.innerHTML = \"\";\n  const qObj = questions[currentQuestion];\n\n  const questionEl = document.createElement('div');\n  questionEl.className = 'question';\n  questionEl.textContent = qObj.q;\n  quizDiv.appendChild(questionEl);\n\n  const answersDiv = document.createElement('div');\n  answersDiv.className = 'answers';\n  qObj.a.forEach(ans => {\n    const btn = document.createElement('button');\n    btn.innerHTML = `${ans.icon} ${ans.text}`;\n    btn.onclick = () => selectAnswer(ans.value);\n    answersDiv.appendChild(btn);\n  });\n  quizDiv.appendChild(answersDiv);\n}\n\nfunction selectAnswer(value) {\n  scores[value]++;\n  currentQuestion++;\n  const quizDiv = document.getElementById('quiz');\n  quizDiv.style.opacity = 0;\n  setTimeout(() => {\n    if(currentQuestion < questions.length){\n      showQuestion();\n      quizDiv.style.opacity = 1;\n    } else {\n      showResult();\n    }\n  }, 400);\n}\n\nfunction showResult() {\n  const resultDiv = document.getElementById('result');\n  let maxScore = 0;\n  let keyword = \"\";\n  for(const k in scores){\n    if(scores[k] > maxScore){\n      maxScore = scores[k];\n      keyword = k;\n    }\n  }\n\n  const messages = {\n    \"Succ\u00e8s\": \"\ud83c\udfaf Ton mot-cl\u00e9 pour 2026 est \u201cSucc\u00e8s\u201d ! Cette ann\u00e9e, tu vises l\u2019accomplissement et tu vas briller dans tes projets.\",\n    \"S\u00e9r\u00e9nit\u00e9\": \"\ud83d\udd4a\ufe0f Ton mot-cl\u00e9 pour 2026 est \u201cS\u00e9r\u00e9nit\u00e9\u201d ! Une ann\u00e9e calme et \u00e9quilibr\u00e9e t\u2019attend, pleine de paix int\u00e9rieure.\",\n    \"Changement\": \"\ud83d\udd04 Ton mot-cl\u00e9 pour 2026 est \u201cChangement\u201d ! Pr\u00e9pare-toi \u00e0 de nouvelles exp\u00e9riences et \u00e0 sortir de ta zone de confort.\",\n    \"Amour\": \"\u2764\ufe0f Ton mot-cl\u00e9 pour 2026 est \u201cAmour\u201d ! Cette ann\u00e9e sera plac\u00e9e sous le signe des relations, de la tendresse et du partage.\"\n  };\n\n  resultDiv.textContent = messages[keyword];\n  resultDiv.style.opacity = 1;\n\n  document.body.style.backgroundColor = keyword === \"Succ\u00e8s\" ? \"#fff2cc\" :\n                                     keyword === \"S\u00e9r\u00e9nit\u00e9\" ? \"#d0f0fd\" :\n                                     keyword === \"Changement\" ? \"#ffe4b3\" :\n                                     \"#ffd1dc\";\n\n  \/\/ Boutons de partage\n  const shareDiv = document.getElementById('shareButtons');\n  shareDiv.innerHTML = `\n    <a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=${encodeURIComponent(location.href)}&#038;quote=${encodeURIComponent(messages[keyword])}\" target=\"_blank\">Partager sur Facebook<\/a>\n    <a href=\"https:\/\/twitter.com\/intent\/tweet?text=${encodeURIComponent(messages[keyword])}\" target=\"_blank\">Partager sur Twitter<\/a>\n  `;\n\n  \/\/ Lancer les confettis\n  launchConfetti();\n}\n\n\/\/ Confettis\nfunction launchConfetti() {\n  const confettiDiv = document.getElementById('confetti');\n  for(let i=0; i<100; i++){\n    const piece = document.createElement('div');\n    piece.className = 'confetti-piece';\n    piece.style.left = Math.random() * window.innerWidth + 'px';\n    piece.style.backgroundColor = `hsl(${Math.random()*360}, 70%, 60%)`;\n    piece.style.animationDuration = (2 + Math.random()*2) + 's';\n    confettiDiv.appendChild(piece);\n    setTimeout(()=>{piece.remove();}, 3000);\n  }\n}\n\n\/\/ Lancer le quiz\nshowQuestion();\n<\/script>\n<!-- Fin du Quiz Ultra-Festif Nouvel An -->\n\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf89 Quel sera ton mot-cl\u00e9 pour 2026 ?<\/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-1550","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1550","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=1550"}],"version-history":[{"count":2,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1550\/revisions"}],"predecessor-version":[{"id":1552,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1550\/revisions\/1552"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}