{"id":1261,"date":"2025-11-28T08:29:19","date_gmt":"2025-11-28T08:29:19","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1261"},"modified":"2025-11-28T08:32:18","modified_gmt":"2025-11-28T08:32:18","slug":"quel-personnage-de-serie-ou-film-es-tu","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/quel-personnage-de-serie-ou-film-es-tu\/","title":{"rendered":"Quel personnage de s\u00e9rie ou film es-tu ?"},"content":{"rendered":"\n<!-- Quiz styl\u00e9 : Quel personnage de s\u00e9rie ou film es-tu ? -->\n<div id=\"quiz-container\" style=\"max-width:600px;margin:50px auto;font-family:Arial,sans-serif;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,0.2);overflow:hidden;\">\n  \n  <div style=\"background:#6C63FF;color:white;padding:20px;text-align:center;\">\n    <h2>Quel personnage de s\u00e9rie ou film es-tu ?<\/h2>\n    <p style=\"opacity:0.9;\">R\u00e9ponds \u00e0 ces 5 questions pour d\u00e9couvrir ton personnage !<\/p>\n  <\/div>\n\n  <div id=\"quiz-questions\" style=\"padding:20px;background:#f9f9f9;\">\n    <div class=\"question\" data-question=\"1\">\n      <p><strong>1. Comment d\u00e9crirais-tu ta personnalit\u00e9 ?<\/strong><\/p>\n      <button class=\"quiz-btn\" data-value=\"A\">Aventurier\u00b7\u00e8re et curieux\u00b7se<\/button>\n      <button class=\"quiz-btn\" data-value=\"B\">Calme et r\u00e9fl\u00e9chi\u00b7e<\/button>\n      <button class=\"quiz-btn\" data-value=\"C\">Dr\u00f4le et sociable<\/button>\n      <button class=\"quiz-btn\" data-value=\"D\">Ambitieux\u00b7se et d\u00e9termin\u00e9\u00b7e<\/button>\n    <\/div>\n\n    <div class=\"question\" data-question=\"2\" style=\"display:none;\">\n      <p><strong>2. Quel est ton passe-temps pr\u00e9f\u00e9r\u00e9 ?<\/strong><\/p>\n      <button class=\"quiz-btn\" data-value=\"A\">Explorer \/ Voyager<\/button>\n      <button class=\"quiz-btn\" data-value=\"B\">Lire \/ \u00c9tudier<\/button>\n      <button class=\"quiz-btn\" data-value=\"C\">Amis \/ Faire la f\u00eate<\/button>\n      <button class=\"quiz-btn\" data-value=\"D\">Travailler sur mes projets<\/button>\n    <\/div>\n\n    <div class=\"question\" data-question=\"3\" style=\"display:none;\">\n      <p><strong>3. Ton groupe d\u2019amis id\u00e9al ressemble \u00e0\u2026<\/strong><\/p>\n      <button class=\"quiz-btn\" data-value=\"A\">Un groupe d\u2019aventuriers<\/button>\n      <button class=\"quiz-btn\" data-value=\"B\">Petit cercle proche<\/button>\n      <button class=\"quiz-btn\" data-value=\"C\">Beaucoup de personnes dr\u00f4les<\/button>\n      <button class=\"quiz-btn\" data-value=\"D\">Ambitieux\u00b7se et motiv\u00e9\u00b7e<\/button>\n    <\/div>\n\n    <div class=\"question\" data-question=\"4\" style=\"display:none;\">\n      <p><strong>4. Ton style vestimentaire ?<\/strong><\/p>\n      <button class=\"quiz-btn\" data-value=\"A\">Pratique et aventurier<\/button>\n      <button class=\"quiz-btn\" data-value=\"B\">Classique et soign\u00e9<\/button>\n      <button class=\"quiz-btn\" data-value=\"C\">Color\u00e9 et fun<\/button>\n      <button class=\"quiz-btn\" data-value=\"D\">\u00c9l\u00e9gant et sophistiqu\u00e9<\/button>\n    <\/div>\n\n    <div class=\"question\" data-question=\"5\" style=\"display:none;\">\n      <p><strong>5. Si tu devais choisir un pouvoir, ce serait\u2026<\/strong><\/p>\n      <button class=\"quiz-btn\" data-value=\"A\">Voyager instantan\u00e9ment<\/button>\n      <button class=\"quiz-btn\" data-value=\"B\">Lire dans les pens\u00e9es<\/button>\n      <button class=\"quiz-btn\" data-value=\"C\">Faire rire et influencer<\/button>\n      <button class=\"quiz-btn\" data-value=\"D\">Devenir talentueux\u00b7se en tout<\/button>\n    <\/div>\n  <\/div>\n\n  <div id=\"quiz-result\" style=\"display:none;text-align:center;background:white;padding:20px;\">\n    <h3 style=\"color:#6C63FF;\">Ton personnage est :<\/h3>\n    <img decoding=\"async\" id=\"result-img\" src=\"\" alt=\"\" style=\"width:200px;height:200px;border-radius:10px;margin:15px 0;object-fit:cover;\">\n    <p id=\"result-text\" style=\"font-size:18px;font-weight:bold;\"><\/p>\n    <button onclick=\"location.reload()\" style=\"background:#6C63FF;color:white;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;\">Recommencer<\/button>\n  <\/div>\n<\/div>\n\n<style>\n.quiz-btn {\n  display:block;\n  width:100%;\n  padding:12px;\n  margin:8px 0;\n  border:none;\n  border-radius:10px;\n  background:#eee;\n  cursor:pointer;\n  font-size:16px;\n  transition:all 0.2s;\n}\n.quiz-btn:hover {\n  background:#6C63FF;\n  color:white;\n}\n<\/style>\n\n<script>\nlet currentQuestion = 1;\nconst totalQuestions = 5;\nconst answers = {};\nconst buttons = document.querySelectorAll(\".quiz-btn\");\n\nbuttons.forEach(btn => {\n  btn.addEventListener(\"click\", () => {\n    const q = currentQuestion;\n    answers[\"q\" + q] = btn.dataset.value;\n\n    document.querySelector('.question[data-question=\"'+q+'\"]').style.display = \"none\";\n    currentQuestion++;\n    if(currentQuestion <= totalQuestions){\n      document.querySelector('.question[data-question=\"'+currentQuestion+'\"]').style.display = \"block\";\n    } else {\n      showResult();\n    }\n  });\n});\n\nfunction showResult(){\n  const counts = {A:0,B:0,C:0,D:0};\n  Object.values(answers).forEach(v=>counts[v]++);\n  const max = Math.max(...Object.values(counts));\n  const resultKey = Object.keys(counts).find(k=>counts[k]===max);\n\n  let resultText = \"\";\n  let resultImg = \"\";\n\n  if(resultKey===\"A\"){\n    resultText=\"Lara Croft \/ Indiana Jones \u2013 Aventurier\u00b7\u00e8re et courageux\u00b7se !\";\n    resultImg=\"https:\/\/images.unsplash.com\/photo-1501594907352-04cda38ebc29?fit=crop&w=200&h=200\";\n  }\n  else if(resultKey===\"B\"){\n    resultText=\"Hermione Granger \/ Jon Snow \u2013 Intellectuel\u00b7le et r\u00e9fl\u00e9chi\u00b7e !\";\n    resultImg=\"https:\/\/images.unsplash.com\/photo-1529626455594-4ff0802cfb7e?fit=crop&w=200&h=200\";\n  }\n  else if(resultKey===\"C\"){\n    resultText=\"Elle Woods \/ Joey Tribbiani \u2013 Dr\u00f4le et sociable !\";\n    resultImg=\"https:\/\/images.unsplash.com\/photo-1517841905240-472988babdf9?fit=crop&w=200&h=200\";\n  }\n  else if(resultKey===\"D\"){\n    resultText=\"Tony Stark \/ Daenerys Targaryen \u2013 Ambitieux\u00b7se et d\u00e9termin\u00e9\u00b7e !\";\n    resultImg=\"https:\/\/images.unsplash.com\/photo-1524504388940-b1c1722653e1?fit=crop&w=200&h=200\";\n  }\n\n  document.getElementById(\"quiz-questions\").style.display=\"none\";\n  document.getElementById(\"quiz-result\").style.display=\"block\";\n  document.getElementById(\"result-text\").innerText=resultText;\n  document.getElementById(\"result-img\").src=resultImg;\n}\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Quel personnage de s\u00e9rie ou film es-tu ? R\u00e9ponds \u00e0 ces 5 questions pour d\u00e9couvrir ton personnage ! 1. Comment d\u00e9crirais-tu ta personnalit\u00e9 ? Aventurier\u00b7\u00e8re et curieux\u00b7se Calme et r\u00e9fl\u00e9chi\u00b7e Dr\u00f4le et sociable Ambitieux\u00b7se et d\u00e9termin\u00e9\u00b7e 2. Quel est ton&#8230; <a href=\"https:\/\/clubvivremieux.com\/index.php\/quel-personnage-de-serie-ou-film-es-tu\/\" class=\"readmore\">Read more<span class=\"screen-reader-text\">Quel personnage de s\u00e9rie ou film 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-1261","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1261","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=1261"}],"version-history":[{"count":2,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1261\/revisions"}],"predecessor-version":[{"id":1264,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1261\/revisions\/1264"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}