{"id":1904,"date":"2025-12-08T13:09:29","date_gmt":"2025-12-08T13:09:29","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1904"},"modified":"2025-12-08T13:28:59","modified_gmt":"2025-12-08T13:28:59","slug":"routine-de-joie-au-reveil","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/routine-de-joie-au-reveil\/","title":{"rendered":"Routine de joie au r\u00e9veil"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"256\" height=\"384\" src=\"https:\/\/clubvivremieux.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-8-dec.-2025-14_19.png\" alt=\"\" class=\"wp-image-1909\" srcset=\"https:\/\/clubvivremieux.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-8-dec.-2025-14_19.png 256w, https:\/\/clubvivremieux.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-8-dec.-2025-14_19-200x300.png 200w\" sizes=\"auto, (max-width: 256px) 100vw, 256px\" \/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">Une bulle de joie pour bien commencer ta journ\u00e9e<\/h3>\n\n\n\n<p>Avant de te lancer dans le tourbillon du quotidien, prends une minute pour r\u00e9veiller ton \u00e9nergie, ton corps et ton c\u0153ur.<br>Cette mini-routine a \u00e9t\u00e9 cr\u00e9\u00e9e pour t\u2019offrir un moment simple, l\u00e9ger et nourrissant \u2014 une parenth\u00e8se rien qu\u2019\u00e0 toi.<\/p>\n\n\n\n<p>Clique sur le module ci-dessous et laisse-toi guider, \u00e9tape apr\u00e8s \u00e9tape.<br>Un petit geste\u2026 et la joie trouve d\u00e9j\u00e0 sa place.<\/p>\n\n\n\n<div id=\"routine-joie-widget\"><\/div>\n\n<script>\n(function() {\n  const container = document.getElementById(\"routine-joie-widget\");\n\n  \/\/ Cr\u00e9ation du Shadow DOM (CSS et JS isol\u00e9s)\n  const shadow = container.attachShadow({ mode: \"open\" });\n\n  \/\/ HTML interne\n  const html = `\n    <style>\n      :host {\n        font-family: \"Poppins\", sans-serif;\n      }\n\n      .container {\n        width: 100%;\n        max-width: 600px;\n        padding: 20px;\n        margin: auto;\n        font-family: \"Poppins\", sans-serif;\n      }\n\n      .card {\n        background: white;\n        border-radius: 20px;\n        box-shadow: 0 8px 20px rgba(0,0,0,0.08);\n        padding: 24px;\n        margin-bottom: 20px;\n        transition: 0.3s ease;\n      }\n\n      .card h2 {\n        margin-top: 0;\n        font-size: 1.4rem;\n        color: #333;\n      }\n\n      .step {\n        display: none;\n      }\n\n      .step.active {\n        display: block;\n      }\n\n      button {\n        background: #ffb84d;\n        border: none;\n        padding: 12px 20px;\n        border-radius: 14px;\n        font-size: 1rem;\n        cursor: pointer;\n        transition: 0.3s ease;\n        width: 100%;\n        margin-top: 10px;\n      }\n\n      button:hover {\n        background: #ffa726;\n      }\n\n      .progress {\n        text-align: center;\n        margin-bottom: 16px;\n        font-size: 0.9rem;\n        color: #555;\n      }\n    <\/style>\n\n    <div class=\"container\">\n      <div class=\"progress\" id=\"progress-indicator\">\u00c9tape 1 \/ 7<\/div>\n\n      <div class=\"card step active\" id=\"step1\">\n        <h2>1. R\u00e9veil en douceur<\/h2>\n        <p>\u00c9tire doucement tes bras, ton dos, tes jambes\u2026 comme si tu ouvrais les volets de ton corps.<\/p>\n        <button data-next>Suivant<\/button>\n      <\/div>\n\n      <div class=\"card step\" id=\"step2\">\n        <h2>2. Trois respirations lumineuses<\/h2>\n        <p>Inspire une lumi\u00e8re claire. Expire les tensions. Tu allumes l\u2019\u00e9tincelle de la journ\u00e9e.<\/p>\n        <button data-next>Suivant<\/button>\n      <\/div>\n\n      <div class=\"card step\" id=\"step3\">\n        <h2>3. Une phrase de joie<\/h2>\n        <p>Choisis une phrase comme : \u00ab Aujourd\u2019hui, j\u2019accueille la joie, m\u00eame en petit. \u00bb<\/p>\n        <button data-next>Suivant<\/button>\n      <\/div>\n\n      <div class=\"card step\" id=\"step4\">\n        <h2>4. Un geste de gratitude<\/h2>\n        <p>Pense \u00e0 une chose agr\u00e9able : le calme, un projet, quelqu\u2019un que tu aimes\u2026<\/p>\n        <button data-next>Suivant<\/button>\n      <\/div>\n\n      <div class=\"card step\" id=\"step5\">\n        <h2>5. Un mini-mouvement joyeux<\/h2>\n        <p>\u00c9tirement, pas de danse, ou rotations d\u2019\u00e9paules. Invite la joie \u00e0 entrer.<\/p>\n        <button data-next>Suivant<\/button>\n      <\/div>\n\n      <div class=\"card step\" id=\"step6\">\n        <h2>6. Un plaisir du matin<\/h2>\n        <p>Une gorg\u00e9e d\u2019eau fra\u00eeche, un th\u00e9 savour\u00e9, l\u2019air du matin ou une musique douce.<\/p>\n        <button data-next>Suivant<\/button>\n      <\/div>\n\n      <div class=\"card step\" id=\"step7\">\n        <h2>7. Intention du c\u0153ur<\/h2>\n        <p>Par exemple : \u00ab Aujourd\u2019hui, je veux cr\u00e9er un moment doux. \u00bb<\/p>\n        <button id=\"restart\">Recommencer<\/button>\n      <\/div>\n    <\/div>\n  `;\n\n  shadow.innerHTML = html;\n\n  \/\/ JS interne (isol\u00e9 du reste de la page)\n  let currentStep = 1;\n  const steps = 7;\n  const prog = shadow.getElementById(\"progress-indicator\");\n\n  shadow.querySelectorAll(\"[data-next]\").forEach(btn => {\n    btn.addEventListener(\"click\", () => {\n      shadow.getElementById(`step${currentStep}`).classList.remove(\"active\");\n      currentStep++;\n      shadow.getElementById(`step${currentStep}`).classList.add(\"active\");\n      prog.textContent = `\u00c9tape ${currentStep} \/ ${steps}`;\n    });\n  });\n\n  shadow.getElementById(\"restart\").addEventListener(\"click\", () => {\n    shadow.getElementById(`step${currentStep}`).classList.remove(\"active\");\n    currentStep = 1;\n    shadow.getElementById(\"step1\").classList.add(\"active\");\n    prog.textContent = `\u00c9tape 1 \/ ${steps}`;\n  });\n})();\n<\/script>\n\n\n\n<h1 class=\"wp-block-heading has-luminous-vivid-amber-background-color has-background\">\u2728 <strong>R\u00e9sum\u00e9 express (\u00e0 retenir)<\/strong><\/h1>\n\n\n\n<p class=\"has-text-align-center has-medium-font-size\"><strong>Respire \u2013 Souris \u2013 Remercie \u2013 Bouge \u2013 Savoure \u2013 Intentionne.<\/strong><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Une bulle de joie pour bien commencer ta journ\u00e9e Avant de te lancer dans le tourbillon du quotidien, prends une minute pour r\u00e9veiller ton \u00e9nergie, ton corps et ton c\u0153ur.Cette mini-routine a \u00e9t\u00e9 cr\u00e9\u00e9e pour t\u2019offrir un moment simple, l\u00e9ger&#8230; <a href=\"https:\/\/clubvivremieux.com\/index.php\/routine-de-joie-au-reveil\/\" class=\"readmore\">Read more<span class=\"screen-reader-text\">Routine de joie au r\u00e9veil<\/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-1904","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1904","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=1904"}],"version-history":[{"count":5,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1904\/revisions"}],"predecessor-version":[{"id":1913,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1904\/revisions\/1913"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}