{"id":1240,"date":"2025-11-28T07:20:24","date_gmt":"2025-11-28T07:20:24","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1240"},"modified":"2025-11-28T07:20:43","modified_gmt":"2025-11-28T07:20:43","slug":"quel-est-ton-style-amoureux","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/quel-est-ton-style-amoureux\/","title":{"rendered":"Quel est ton style amoureux ?"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Test amoureux \u2013 Quel est ton style en amour ?<\/title>\n\n  <style>\n    body {\n      font-family: Arial, sans-serif;\n      background: #ffeef7;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      min-height: 100vh;\n    }\n\n    .quiz-container {\n      background: #fff;\n      padding: 30px;\n      border-radius: 20px;\n      box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n      width: 90%;\n      max-width: 500px;\n    }\n\n    h1 {\n      text-align: center;\n      color: #e63983;\n    }\n\n    .question {\n      font-size: 1.2em;\n      margin-bottom: 20px;\n      color: #333;\n    }\n\n    .answers button {\n      width: 100%;\n      padding: 12px;\n      margin: 8px 0;\n      border: none;\n      border-radius: 10px;\n      background: #ff8fcf;\n      color: white;\n      font-size: 1em;\n      cursor: pointer;\n      transition: 0.2s;\n    }\n\n    .answers button:hover {\n      background: #e63983;\n    }\n\n    #result {\n      display: none;\n      text-align: center;\n      font-size: 1.3em;\n      color: #e63983;\n      margin-top: 20px;\n    }\n  <\/style>\n<\/head>\n\n<body>\n\n  <div class=\"quiz-container\">\n    <h1>Quel est ton style amoureux ?<\/h1>\n\n    <div id=\"quiz\">\n      <div class=\"question\" id=\"question\"><\/div>\n      <div class=\"answers\" id=\"answers\"><\/div>\n    <\/div>\n\n    <div id=\"result\"><\/div>\n  <\/div>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\nconst questions = [\n  {\n    q: \"Comment r\u00e9agis-tu quand quelqu\u2019un te pla\u00eet ?\",\n    a: [\n      { text: \"Je deviens toute douce et attentive\", points: \"romantique\" },\n      { text: \"Je flirte clairement\", points: \"passion\" },\n      { text: \"Je reste myst\u00e9rieuse\", points: \"mystere\" },\n      { text: \"Je rigole, je taquine\", points: \"joueuse\" }\n    ]\n  },\n  {\n    q: \"Ton id\u00e9al de premier rendez-vous :\",\n    a: [\n      { text: \"Un d\u00eener cosy\", points: \"romantique\" },\n      { text: \"Une soir\u00e9e intense\", points: \"passion\" },\n      { text: \"Une balade originale\", points: \"mystere\" },\n      { text: \"Une activit\u00e9 fun\", points: \"joueuse\" }\n    ]\n  },\n  {\n    q: \"Quand tu es en couple, tu es plut\u00f4t :\",\n    a: [\n      { text: \"Tr\u00e8s tendre\", points: \"romantique\" },\n      { text: \"Fusionnelle\", points: \"passion\" },\n      { text: \"Ind\u00e9pendante\", points: \"mystere\" },\n      { text: \"Dr\u00f4le et spontan\u00e9e\", points: \"joueuse\" }\n    ]\n  }\n];\n\nlet current = 0;\nlet score = { romantique: 0, passion: 0, mystere: 0, joueuse: 0 };\n\nfunction showQuestion() {\n  const q = questions[current];\n  document.getElementById(\"question\").textContent = q.q;\n\n  const answersDiv = document.getElementById(\"answers\");\n  answersDiv.innerHTML = \"\";\n\n  q.a.forEach(answer => {\n    const btn = document.createElement(\"button\");\n    btn.textContent = answer.text;\n    btn.onclick = () => {\n      score[answer.points]++;\n      current++;\n      if (current < questions.length) showQuestion();\n      else showResult();\n    };\n    answersDiv.appendChild(btn);\n  });\n}\n\nfunction showResult() {\n  document.getElementById(\"quiz\").style.display = \"none\";\n  const resultDiv = document.getElementById(\"result\");\n  resultDiv.style.display = \"block\";\n\n  const maxType = Object.keys(score).reduce((a, b) =>\n    score[a] > score[b] ? a : b\n  );\n\n  const resultsText = {\n    romantique: \"Tu es une amoureuse ROMANTIQUE : douce et sensible \u2665\",\n    passion: \"Tu es une amoureuse PASSIONN\u00c9E : intense et vibrante !\",\n    mystere: \"Tu es une amoureuse MYST\u00c8RE : fascinante et \u00e9l\u00e9gante.\",\n    joueuse: \"Tu es une amoureuse JOUEUSE : fun, p\u00e9tillante et impr\u00e9visible !\"\n  };\n\n  resultDiv.textContent = resultsText[maxType];\n}\n\nshowQuestion();\n\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Test amoureux \u2013 Quel est ton style en amour ? Quel est ton style amoureux ?<\/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-1240","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1240","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=1240"}],"version-history":[{"count":1,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1240\/revisions"}],"predecessor-version":[{"id":1241,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1240\/revisions\/1241"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}