{"id":1541,"date":"2025-12-01T22:55:51","date_gmt":"2025-12-01T22:55:51","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1541"},"modified":"2025-12-01T23:01:02","modified_gmt":"2025-12-01T23:01:02","slug":"1541-2","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/1541-2\/","title":{"rendered":"Quel dessert ou film de No\u00ebl correspond \u00e0 ton humeur ?"},"content":{"rendered":"\n<!-- Quiz No\u00ebl compatible WordPress -->\n<div id=\"quiz-noel\" style=\"max-width:600px;margin:auto;font-family:sans-serif;text-align:center;background:#fff8f0;padding:25px;border-radius:20px;box-shadow:0 6px 20px rgba(0,0,0,0.15);\">\n\n  <h2 style=\"color:#c0392b;margin-bottom:10px;\">\ud83c\udf84 Quel dessert ou film de No\u00ebl correspond \u00e0 ton humeur ?<\/h2>\n  <p style=\"color:#555;margin-bottom:20px;\">Clique sur tes r\u00e9ponses pour d\u00e9couvrir ton r\u00e9sultat !<\/p>\n\n  <!-- Question 1 -->\n  <div class=\"question\" id=\"q1\">\n    <p>1\ufe0f\u20e3 Comment d\u00e9crirais-tu ton humeur de No\u00ebl cette ann\u00e9e ?<\/p>\n    <div class=\"options\">\n      <label><input type=\"radio\" name=\"q1\" value=\"chocolat\"> Cocooning et douceur<\/label><br>\n      <label><input type=\"radio\" name=\"q1\" value=\"buche\"> Gourmande et festive<\/label><br>\n      <label><input type=\"radio\" name=\"q1\" value=\"vin\"> \u00c9pic\u00e9e et aventureuse<\/label><br>\n      <label><input type=\"radio\" name=\"q1\" value=\"pain\"> Traditionnelle et nostalgique<\/label>\n    <\/div>\n  <\/div>\n\n  <!-- Question 2 -->\n  <div class=\"question\" id=\"q2\" style=\"display:none;\">\n    <p>2\ufe0f\u20e3 Quel type d\u2019ambiance pr\u00e9f\u00e8res-tu pour les f\u00eates ?<\/p>\n    <div class=\"options\">\n      <label><input type=\"radio\" name=\"q2\" value=\"chocolat\"> Soir\u00e9es au chaud \u00e0 lire un livre<\/label><br>\n      <label><input type=\"radio\" name=\"q2\" value=\"buche\"> Grandes tabl\u00e9es et rires<\/label><br>\n      <label><input type=\"radio\" name=\"q2\" value=\"vin\"> March\u00e9s de No\u00ebl et vin chaud<\/label><br>\n      <label><input type=\"radio\" name=\"q2\" value=\"pain\"> D\u00e9corations et contes de No\u00ebl<\/label>\n    <\/div>\n  <\/div>\n\n  <!-- Question 3 -->\n  <div class=\"question\" id=\"q3\" style=\"display:none;\">\n    <p>3\ufe0f\u20e3 Si tu devais choisir un film de No\u00ebl\u2026<\/p>\n    <div class=\"options\">\n      <label><input type=\"radio\" name=\"q3\" value=\"chocolat\"> Un film doux et tendre<\/label><br>\n      <label><input type=\"radio\" name=\"q3\" value=\"buche\"> Une com\u00e9die familiale<\/label><br>\n      <label><input type=\"radio\" name=\"q3\" value=\"vin\"> Une aventure magique<\/label><br>\n      <label><input type=\"radio\" name=\"q3\" value=\"pain\"> Un classique nostalgique<\/label>\n    <\/div>\n  <\/div>\n\n  <!-- Question 4 -->\n  <div class=\"question\" id=\"q4\" style=\"display:none;\">\n    <p>4\ufe0f\u20e3 Ta boisson pr\u00e9f\u00e9r\u00e9e pour No\u00ebl ?<\/p>\n    <div class=\"options\">\n      <label><input type=\"radio\" name=\"q4\" value=\"chocolat\"> Chocolat chaud<\/label><br>\n      <label><input type=\"radio\" name=\"q4\" value=\"vin\"> Vin chaud<\/label><br>\n      <label><input type=\"radio\" name=\"q4\" value=\"buche\"> Cocktail de f\u00eate<\/label><br>\n      <label><input type=\"radio\" name=\"q4\" value=\"pain\"> Th\u00e9 aux \u00e9pices<\/label>\n    <\/div>\n  <\/div>\n\n  <!-- Question 5 -->\n  <div class=\"question\" id=\"q5\" style=\"display:none;\">\n    <p>5\ufe0f\u20e3 Comment veux-tu te sentir apr\u00e8s les f\u00eates ?<\/p>\n    <div class=\"options\">\n      <label><input type=\"radio\" name=\"q5\" value=\"chocolat\"> R\u00e9confort\u00e9 et relax<\/label><br>\n      <label><input type=\"radio\" name=\"q5\" value=\"buche\"> Heureux et festif<\/label><br>\n      <label><input type=\"radio\" name=\"q5\" value=\"vin\"> Dynamique et joyeux<\/label><br>\n      <label><input type=\"radio\" name=\"q5\" value=\"pain\"> Nostalgique et chaleureux<\/label>\n    <\/div>\n  <\/div>\n\n  <!-- Bouton suivant -->\n  <button id=\"nextBtn\" style=\"background:#c0392b;color:white;padding:10px 20px;border:none;border-radius:15px;cursor:pointer;margin-top:15px;\">Suivant<\/button>\n\n  <!-- R\u00e9sultat -->\n  <div id=\"quiz-result\" style=\"display:none;margin-top:20px;\">\n    <h3 id=\"result-title\" style=\"color:#c0392b;\"><\/h3>\n    <img decoding=\"async\" id=\"result-image\" src=\"\" alt=\"\" style=\"width:200px;border-radius:15px;margin:15px 0;box-shadow:0 4px 10px rgba(0,0,0,0.1);\">\n    <p id=\"result-text\" style=\"color:#555;\"><\/p>\n    <button onclick=\"location.reload();\" style=\"background:#c0392b;color:white;padding:10px 20px;border:none;border-radius:15px;cursor:pointer;\">Refaire le quiz<\/button>\n  <\/div>\n\n<\/div>\n\n<script>\n  let currentQ = 1;\n  const totalQ = 5;\n  const scores = {chocolat:0, buche:0, vin:0, pain:0};\n\n  document.getElementById('nextBtn').addEventListener('click', function(){\n    const selected = document.querySelector('input[name=\"q'+currentQ+'\"]:checked');\n    if(!selected){ alert(\"Merci de choisir une r\u00e9ponse.\"); return; }\n    scores[selected.value]++;\n    document.getElementById('q'+currentQ).style.display='none';\n    currentQ++;\n    if(currentQ <= totalQ){\n      document.getElementById('q'+currentQ).style.display='block';\n    } else {\n      \/\/ afficher r\u00e9sultat\n      let max = Math.max(...Object.values(scores));\n      let result = Object.keys(scores).find(k => scores[k] === max);\n      const titles = {\n        chocolat:\"\u2615 Tu es un chocolat chaud !\",\n        buche:\"\ud83c\udf70 Tu es une b\u00fbche festive !\",\n        vin:\"\ud83c\udf77 Tu es un vin chaud \u00e9pic\u00e9 !\",\n        pain:\"\ud83c\udf6a Tu es un pain d'\u00e9pices classique !\"\n      };\n      const texts = {\n        chocolat:\"Cette ann\u00e9e, tu es douceur et cocooning. Rien de mieux qu\u2019un chocolat chaud au coin du feu avec un plaid douillet.\",\n        buche:\"Tu es la star des f\u00eates : gourmande, festive et pleine de joie. La b\u00fbche, c\u2019est toi en version sucr\u00e9e !\",\n        vin:\"Aventurier et \u00e9pic\u00e9, tu apportes chaleur et bonne humeur partout o\u00f9 tu passes.\",\n        pain:\"Classique et r\u00e9confortant, tu incarnes l\u2019esprit traditionnel de No\u00ebl. Doux, nostalgique et chaleureux.\"\n      };\n      const images = {\n        chocolat:\"https:\/\/i.ibb.co\/7rgz2n6\/chocolat-chaud.png\",\n        buche:\"https:\/\/i.ibb.co\/5FhFhvP\/buche.png\",\n        vin:\"https:\/\/i.ibb.co\/WnGx2qM\/vin-chaud.png\",\n        pain:\"https:\/\/i.ibb.co\/fGmrk5Y\/pain-epices.png\"\n      };\n      document.getElementById('quiz-result').style.display='block';\n      document.getElementById('result-title').textContent = titles[result];\n      document.getElementById('result-text').textContent = texts[result];\n      document.getElementById('result-image').src = images[result];\n      this.style.display='none';\n    }\n  });\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf84 Quel dessert ou film de No\u00ebl correspond \u00e0 ton humeur ? Clique sur tes r\u00e9ponses pour d\u00e9couvrir ton r\u00e9sultat ! 1\ufe0f\u20e3 Comment d\u00e9crirais-tu ton humeur de No\u00ebl cette ann\u00e9e ? Cocooning et douceur Gourmande et festive \u00c9pic\u00e9e et aventureuse&#8230; <a href=\"https:\/\/clubvivremieux.com\/index.php\/1541-2\/\" class=\"readmore\">Read more<span class=\"screen-reader-text\">Quel dessert ou film de No\u00ebl correspond \u00e0 ton humeur ?<\/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-1541","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1541","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=1541"}],"version-history":[{"count":4,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1541\/revisions"}],"predecessor-version":[{"id":1545,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1541\/revisions\/1545"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}