{"id":1521,"date":"2025-12-01T22:20:20","date_gmt":"2025-12-01T22:20:20","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1521"},"modified":"2025-12-01T22:22:42","modified_gmt":"2025-12-01T22:22:42","slug":"1521-2","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/1521-2\/","title":{"rendered":"Quel personnage de Saint-Nicolas es-tu ?\u00a0"},"content":{"rendered":"\n<style>\n#quiz-sn-container {\n  max-width: 600px;\n  margin: 30px auto;\n  padding: 20px;\n  background: #fff7e6;\n  border-radius: 20px;\n  box-shadow: 0 0 20px rgba(0,0,0,0.1);\n  font-family: \"Segoe UI\", sans-serif;\n}\n#quiz-sn-container h2 {\n  text-align: center;\n  color: #b64200;\n}\n.quiz-question {\n  margin: 15px 0;\n  font-weight: bold;\n  color: #8b3600;\n}\n.quiz-btn {\n  width: 100%;\n  padding: 12px;\n  margin: 6px 0;\n  border-radius: 12px;\n  border: none;\n  cursor: pointer;\n  background: #ffd49f;\n  transition: .2s;\n  font-size: 16px;\n}\n.quiz-btn:hover {\n  background: #ffb96a;\n}\n#quiz-sn-result {\n  display: none;\n  background: #fff;\n  padding: 20px;\n  margin-top: 20px;\n  border-radius: 15px;\n  text-align: center;\n  border: 2px solid #ffcc7a;\n}\n.result-title {\n  font-size: 22px;\n  font-weight: bold;\n  color: #b64200;\n}\n.result-text {\n  font-size: 16px;\n  color: #663300;\n}\n<\/style>\n\n<div id=\"quiz-sn-container\">\n  <h2>Quel personnage de Saint-Nicolas es-tu ? \ud83c\udf85<\/h2>\n  <div id=\"quiz-sn\"><\/div>\n  <div id=\"quiz-sn-result\"><\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n\nconst questions = [\n  {\n    q: \"1. Que pr\u00e9f\u00e8res-tu faire en d\u00e9cembre ?\",\n    a: [\n      { text: \"Distribuer des cadeaux\", value: \"saint\" },\n      { text: \"Remettre de l\u2019ordre\", value: \"fouettard\" },\n      { text: \"Manger tranquillement des carottes\", value: \"ane\" },\n      { text: \"\u00catre sage et profiter\", value: \"enfant\" }\n    ]\n  },\n  {\n    q: \"2. Ton \u00e9nergie naturelle ?\",\n    a: [\n      { text: \"Calme et bienveillante\", value: \"saint\" },\n      { text: \"Myst\u00e9rieuse et intense\", value: \"fouettard\" },\n      { text: \"Douce et fid\u00e8le\", value: \"ane\" },\n      { text: \"Enthousiaste et joyeuse\", value: \"enfant\" }\n    ]\n  },\n  {\n    q: \"3. Ton style de cadeau ?\",\n    a: [\n      { text: \"Utile et attentionn\u00e9\", value: \"saint\" },\n      { text: \"Qui remet les id\u00e9es en place\", value: \"fouettard\" },\n      { text: \"R\u00e9confortant et doux\", value: \"ane\" },\n      { text: \"Fun et simple\", value: \"enfant\" }\n    ]\n  },\n  {\n    q: \"4. Face aux impr\u00e9vus ?\",\n    a: [\n      { text: \"R\u00e9fl\u00e9chi\", value: \"saint\" },\n      { text: \"Direct\", value: \"fouettard\" },\n      { text: \"Stable\", value: \"ane\" },\n      { text: \"Spontan\u00e9\", value: \"enfant\" }\n    ]\n  }\n];\n\nconst results = {\n  saint: {\n    title: \"\ud83c\udf85 Tu es\u2026 Saint-Nicolas !\",\n    text: \"G\u00e9n\u00e9reux et protecteur, tu inspires confiance et chaleur autour de toi.\"\n  },\n  fouettard: {\n    title: \"\ud83d\ude08 Tu es\u2026 le P\u00e8re Fouettard !\",\n    text: \"Un peu s\u00e9v\u00e8re mais juste, tu veilles \u00e0 ce que tout reste sur le bon chemin.\"\n  },\n  ane: {\n    title: \"\ud83d\udc34 Tu es\u2026 l\u2019\u00e2ne de Saint-Nicolas !\",\n    text: \"Fid\u00e8le, doux et important pour l\u2019\u00e9quilibre de ton entourage.\"\n  },\n  enfant: {\n    title: \"\ud83c\udf81 Tu es\u2026 l\u2019enfant sage !\",\n    text: \"Positif et spontan\u00e9, tu apportes joie et insouciance aux autres.\"\n  }\n};\n\nlet current = 0;\nlet scores = { saint: 0, fouettard: 0, ane: 0, enfant: 0 };\n\nlet quizDiv = document.getElementById(\"quiz-sn\");\nlet resultDiv = document.getElementById(\"quiz-sn-result\");\n\nfunction loadQuestion() {\n  let q = questions[current];\n  quizDiv.innerHTML = `\n    <div class=\"quiz-question\">${q.q}<\/div>\n    ${q.a.map((ans,i) =>\n      `<button class=\"quiz-btn\" data-value=\"${ans.value}\">${ans.text}<\/button>`\n    ).join(\"\")}\n  `;\n\n  document.querySelectorAll(\".quiz-btn\").forEach(btn => {\n    btn.addEventListener(\"click\", function() {\n      selectAnswer(this.dataset.value);\n    });\n  });\n}\n\nfunction selectAnswer(value) {\n  scores[value]++;\n  current++;\n\n  if (current < questions.length) {\n    loadQuestion();\n  } else {\n    showResult();\n  }\n}\n\nfunction showResult() {\n  quizDiv.style.display = \"none\";\n\n  let result = Object.keys(scores).reduce((a,b) =>\n    scores[a] > scores[b] ? a : b\n  );\n\n  resultDiv.style.display = \"block\";\n  resultDiv.innerHTML = `\n    <div class=\"result-title\">${results[result].title}<\/div>\n    <div class=\"result-text\">${results[result].text}<\/div>\n  `;\n}\n\nloadQuestion();\n\n});\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Quel personnage de Saint-Nicolas es-tu ? \ud83c\udf85<\/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-1521","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1521","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=1521"}],"version-history":[{"count":3,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1521\/revisions"}],"predecessor-version":[{"id":1524,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1521\/revisions\/1524"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}