Mini-Quiz: Vivre dans ce monde actuel<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\nbody { font-family: 'Roboto', sans-serif; background: #f4f6f9; margin:0; padding:0; }\n.quiz-container { max-width:800px; margin:40px auto; background:#fff; border-radius:12px; box-shadow:0 8px 20px rgba(0,0,0,0.1); padding:30px; overflow:hidden; }\nh1 { text-align:center; color:#333; }\n.progress-bar { width:100%; background:#e0e0e0; border-radius:50px; margin-bottom:20px; height:20px; overflow:hidden; }\n.progress-bar-fill { height:100%; width:0; background: linear-gradient(90deg, #4facfe, #00f2fe); border-radius:50px; transition: width 0.4s ease; }\n.question { margin-bottom:20px; font-size:18px; color:#333; }\n.options { list-style:none; padding:0; }\n.options li { margin-bottom:12px; }\n.options button { width:100%; padding:12px 20px; font-size:16px; background:#f0f4f8; border:2px solid #ddd; border-radius:8px; cursor:pointer; color:#000; transition: all 0.3s; }\n.options button:hover { background:#4facfe; color:#fff; border-color:#4facfe; }\n.feedback { margin-top:10px; font-weight:bold; }\n#score-container { text-align:center; display:none; }\ninput[type=\"text\"], input[type=\"email\"] { width:100%; padding:10px; margin:8px 0 15px 0; border:1px solid #ccc; border-radius:6px; }\nbutton#start-btn { width:100%; padding:12px; background:#4facfe; border:none; border-radius:8px; color:white; font-size:18px; cursor:pointer; }\nbutton#start-btn:hover { background:#00f2fe; }\nbutton#download-certificate { margin-top:15px; padding:10px 20px; font-size:16px; background:#4facfe; color:white; border:none; border-radius:8px; cursor:pointer; }\nbutton#download-certificate:hover { background:#00f2fe; }\n#creator { margin-top:20px; font-size:18px; color:#1f497d; font-weight:bold; text-align:center; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"quiz-container\" id=\"quiz-container\">\n <h1>Mini-Cours: Vivre dans ce monde actuel<\/h1>\n <div id=\"registration\">\n <input type=\"text\" id=\"user-name\" placeholder=\"Votre nom complet\">\n <input type=\"email\" id=\"user-email\" placeholder=\"Votre email\">\n <button id=\"start-btn\">Commencer le quiz<\/button>\n <\/div>\n <div class=\"progress-bar\">\n <div class=\"progress-bar-fill\" id=\"progress-bar-fill\"><\/div>\n <\/div>\n <div id=\"quiz\" style=\"display:none;\">\n <div class=\"question\" id=\"question\"><\/div>\n <ul class=\"options\" id=\"options\"><\/ul>\n <div class=\"feedback\" id=\"feedback\"><\/div>\n <\/div>\n <div id=\"score-container\">\n <h2>Votre score: <span id=\"score\"><\/span>\/30<\/h2>\n <div id=\"level\"><\/div>\n <div id=\"creator\">Cr\u00e9\u00e9 par Guido SAVERIO<\/div>\n <button id=\"download-certificate\">T\u00e9l\u00e9charger le certificat PDF<\/button>\n <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n const questions = [\n {q:\"Question 1: Qu'est-ce que le stress moderne?\", a:[\"Un \u00e9tat mental\",\"Une maladie\",\"Une \u00e9motion\",\"Une th\u00e9orie\"], correct:0},\n {q:\"Question 2: Quelle est l'importance de la r\u00e9silience?\", a:[\"Aucune\",\"Moyenne\",\"\u00c9lev\u00e9e\",\"Variable\"], correct:2},\n {q:\"Question 3: Comment g\u00e9rer la surcharge d'information?\", a:[\"Ignorer tout\",\"Filtrer les sources\",\"Tout lire\",\"Se plaindre\"], correct:1},\n {q:\"Question 4: L'\u00e9quilibre travail-vie est important?\", a:[\"Oui\",\"Non\",\"Parfois\",\"Rarement\"], correct:0},\n {q:\"Question 5: La technologie am\u00e9liore-t-elle la communication?\", a:[\"Oui\",\"Non\",\"Seulement \u00e0 distance\",\"Jamais\"], correct:2},\n {q:\"Question 6: Qu'est-ce qu'une habitude saine?\", a:[\"Manger \u00e9quilibr\u00e9\",\"Dormir moins\",\"Travailler tout le temps\",\"Ignorer le sport\"], correct:0},\n {q:\"Question 7: L'exercice physique affecte le cerveau?\", a:[\"Oui\",\"Non\",\"Seulement les muscles\",\"Seulement le c\u0153ur\"], correct:0},\n {q:\"Question 8: La m\u00e9ditation r\u00e9duit le stress?\", a:[\"Oui\",\"Non\",\"Seulement chez les jeunes\",\"Seulement le matin\"], correct:0},\n {q:\"Question 9: Le sommeil est essentiel pour?\", a:[\"La m\u00e9moire\",\"La cr\u00e9ativit\u00e9\",\"La sant\u00e9\",\"Toutes les r\u00e9ponses\"], correct:3},\n {q:\"Question 10: Le multit\u00e2che est efficace?\", a:[\"Toujours\",\"Rarement\",\"Jamais\",\"Parfois\"], correct:1},\n {q:\"Question 11: Les r\u00e9seaux sociaux augmentent-ils le stress?\", a:[\"Oui\",\"Non\",\"Seulement pour les adultes\",\"Seulement pour les enfants\"], correct:0},\n {q:\"Question 12: La gratitude am\u00e9liore?\", a:[\"L'humeur\",\"La concentration\",\"La sant\u00e9\",\"Toutes les r\u00e9ponses\"], correct:3},\n {q:\"Question 13: L'organisation personnelle est utile?\", a:[\"Oui\",\"Non\",\"Parfois\",\"Rarement\"], correct:0},\n {q:\"Question 14: La lecture d\u00e9veloppe?\", a:[\"L'imagination\",\"La m\u00e9moire\",\"Les connaissances\",\"Toutes les r\u00e9ponses\"], correct:3},\n {q:\"Question 15: La socialisation est importante pour?\", a:[\"Le mental\",\"Le physique\",\"Les \u00e9motions\",\"Toutes les r\u00e9ponses\"], correct:3},\n {q:\"Question 16: La musique influence l'\u00e9tat d'esprit?\", a:[\"Oui\",\"Non\",\"Parfois\",\"Rarement\"], correct:0},\n {q:\"Question 17: Le rire est b\u00e9n\u00e9fique pour?\", a:[\"Le corps\",\"L'esprit\",\"Les relations\",\"Toutes les r\u00e9ponses\"], correct:3},\n {q:\"Question 18: La nature r\u00e9duit le stress?\", a:[\"Oui\",\"Non\",\"Seulement les for\u00eats\",\"Seulement l'eau\"], correct:0},\n {q:\"Question 19: L'alimentation influence l'humeur?\", a:[\"Oui\",\"Non\",\"Seulement les enfants\",\"Jamais\"], correct:0},\n {q:\"Question 20: L'hydratation est essentielle pour?\", a:[\"Le cerveau\",\"Le corps\",\"La peau\",\"Toutes les r\u00e9ponses\"], correct:3},\n {q:\"Question 21: L'optimisme est un facteur de?\", a:[\"Bonheur\",\"Succ\u00e8s\",\"Sant\u00e9\",\"Toutes les r\u00e9ponses\"], correct:3},\n {q:\"Question 22: Le journal personnel aide \u00e0?\", a:[\"R\u00e9flexion\",\"Organisation\",\"Gestion du stress\",\"Toutes les r\u00e9ponses\"], correct:3},\n {q:\"Question 23: La procrastination est un probl\u00e8me pour?\", a:[\"La productivit\u00e9\",\"Le mental\",\"Le stress\",\"Toutes les r\u00e9ponses\"], correct:3},\n {q:\"Question 24: La respiration profonde est utile pour?\", a:[\"Relaxation\",\"Concentration\",\"\u00c9nergie\",\"Toutes les r\u00e9ponses\"], correct:3},\n {q:\"Question 25: La connexion sociale impacte?\", a:[\"Le bonheur\",\"Le stress\",\"La sant\u00e9\",\"Toutes les r\u00e9ponses\"], correct:3},\n {q:\"Question 26: Le minimalisme r\u00e9duit?\", a:[\"Le stress\",\"Le temps\",\"Les d\u00e9penses\",\"Toutes les r\u00e9ponses\"], correct:3},\n {q:\"Question 27: Le b\u00e9n\u00e9volat am\u00e9liore?\", a:[\"L'empathie\",\"Le moral\",\"Les relations\",\"Toutes les r\u00e9ponses\"], correct:3},\n {q:\"Question 28: Les loisirs sont essentiels pour?\", a:[\"L'\u00e9quilibre\",\"Le bien-\u00eatre\",\"La cr\u00e9ativit\u00e9\",\"Toutes les r\u00e9ponses\"], correct:3},\n {q:\"Question 29: La planification quotidienne aide \u00e0?\", a:[\"La productivit\u00e9\",\"Le stress\",\"L'organisation\",\"Toutes les r\u00e9ponses\"], correct:3},\n {q:\"Question 30: Apprendre en continu est important pour?\", a:[\"La carri\u00e8re\",\"Le cerveau\",\"L'adaptation\",\"Toutes les r\u00e9ponses\"], correct:3}\n ];\n\n let currentQuestion = 0;\n let score = 0;\n const quizEl = document.getElementById('quiz');\n const questionEl = document.getElementById('question');\n const optionsEl = document.getElementById('options');\n const feedbackEl = document.getElementById('feedback');\n const progressBarFill = document.getElementById('progress-bar-fill');\n const scoreContainer = document.getElementById('score-container');\n const levelEl = document.getElementById('level');\n const testName = \"Mini-Cours: Vivre dans ce monde actuel\";\n\n document.getElementById('start-btn').addEventListener('click', () => {\n const name = document.getElementById('user-name').value.trim();\n const email = document.getElementById('user-email').value.trim();\n if(name === '' || email === '') { alert(\"Veuillez remplir votre nom et email !\"); return; }\n document.getElementById('registration').style.display = 'none';\n quizEl.style.display = 'block';\n showQuestion();\n });\n\n function showQuestion() {\n const q = questions[currentQuestion];\n questionEl.textContent = q.q;\n optionsEl.innerHTML = '';\n feedbackEl.textContent = '';\n q.a.forEach((option, index) => {\n const btn = document.createElement('button');\n btn.textContent = option;\n btn.addEventListener('click', () => selectOption(index));\n optionsEl.appendChild(btn);\n });\n progressBarFill.style.width = `${((currentQuestion)\/questions.length)*100}%`;\n }\n\n function selectOption(selected) {\n const correct = questions[currentQuestion].correct;\n if(selected === correct){\n score++;\n feedbackEl.textContent = \"Correct!\";\n feedbackEl.style.color = \"green\";\n } else {\n feedbackEl.textContent = `Incorrect! La bonne r\u00e9ponse \u00e9tait: ${questions[currentQuestion].a[correct]}`;\n feedbackEl.style.color = \"red\";\n }\n setTimeout(() => {\n currentQuestion++;\n if(currentQuestion < questions.length){ showQuestion(); } \n else { showScore(); }\n }, 800);\n }\n\n function showScore() {\n quizEl.style.display = 'none';\n scoreContainer.style.display = 'block';\n document.getElementById('score').textContent = score;\n progressBarFill.style.width = `100%`;\n let level = '';\n if(score >= 27) level = 'Excellent';\n else if(score >= 20) level = 'Bien';\n else if(score >= 10) level = 'Moyen';\n else level = 'D\u00e9butant';\n levelEl.textContent = `Niveau: ${level}`;\n }\n\n document.getElementById('download-certificate').addEventListener('click', () => {\n const { jsPDF } = window.jspdf;\n const doc = new jsPDF();\n const name = document.getElementById('user-name').value;\n const siteURL = window.location.origin;\n const today = new Date();\n const dateString = today.toLocaleDateString('fr-FR');\n\n doc.setFontSize(14);\n doc.setTextColor(31, 73, 125);\n doc.text(`Certificat fourni par : ${siteURL}`, 105, 20, {align:\"center\"});\n doc.text(`Test pass\u00e9 ce jour le ${dateString}`, 105, 30, {align:\"center\"});\n doc.text(`Nom du test : ${testName}`, 105, 40, {align:\"center\"});\n\n doc.setFontSize(22);\n doc.setTextColor(0,0,0);\n doc.text(\"Certificat de R\u00e9ussite\", 105, 60, {align:\"center\"});\n doc.setFontSize(16);\n doc.text(`Nom: ${name}`, 105, 80, {align:\"center\"});\n doc.text(`Score: ${score}\/30`, 105, 90, {align:\"center\"});\n doc.text(\"Cr\u00e9\u00e9 par Guido SAVERIO\", 105, 100, {align:\"center\"});\n\n doc.save(\"certificat_quiz.pdf\");\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Mini-Quiz: Vivre dans ce monde actuel Mini-Cours: Vivre dans ce monde actuel Commencer le quiz Votre score: \/30 Cr\u00e9\u00e9 par Guido SAVERIO T\u00e9l\u00e9charger le certificat PDF<\/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-1695","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1695","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=1695"}],"version-history":[{"count":11,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1695\/revisions"}],"predecessor-version":[{"id":1707,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1695\/revisions\/1707"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}