Post Motivation Interactif<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #f5f5f5;\n padding: 20px;\n }\n .card {\n background: white;\n padding: 25px;\n border-radius: 18px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n max-width: 450px;\n text-align: center;\n }\n .title {\n font-size: 1.4rem;\n font-weight: bold;\n margin-bottom: 12px;\n }\n .text {\n font-size: 1.1rem;\n line-height: 1.5;\n margin-bottom: 20px;\n }\n button {\n padding: 12px 20px;\n border: none;\n border-radius: 10px;\n background: #007bff;\n color: white;\n cursor: pointer;\n font-size: 1rem;\n transition: 0.3s;\n }\n button:hover {\n background: #0056b3;\n }\n #reactionBox {\n margin-top: 20px;\n font-size: 1.2rem;\n font-weight: bold;\n color: #28a745;\n display: none;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"card\">\n <div class=\"title\">Post Motivation<\/div>\n <div class=\"text\">\n Rappelle-toi :<br \/>\n \ud83d\udca5 Tu n\u2019as pas besoin d\u2019\u00eatre parfait.<br \/>\n \ud83d\udca5 Juste progressif.<br \/>\n Le progr\u00e8s \u2192 avant la perfection.\n <\/div>\n\n <button onclick=\"showReaction()\">Je m’engage \u00e0 progresser \ud83d\udcaa<\/button>\n\n <div id=\"reactionBox\">Bravo ! \ud83c\udf89 Un petit pas = un grand changement.<\/div>\n <\/div>\n\n <script>\n function showReaction() {\n document.getElementById(\"reactionBox\").style.display = \"block\";\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"max-width:550px;margin:30px auto;padding:25px;border-radius:15px;background:#ffffff;box-shadow:0 4px 15px rgba(0,0,0,0.1);font-family:Arial;text-align:center;\">\n \n <h2 style=\"font-size:24px;margin-bottom:10px;\">Post Mindset \ud83d\udca1<\/h2>\n\n <p style=\"font-size:18px;font-weight:bold;margin-bottom:20px;\">\n G\u00e9n\u00e8re instantan\u00e9ment un boost de motivation !\n <\/p>\n\n \n <div style=\"width:100%;background:#e0e0e0;border-radius:20px;overflow:hidden;margin:20px 0;\">\n <div id=\"progressBar\" style=\"height:14px;width:0%;background:#4a6cf7;transition:width 1s ease;\"><\/div>\n <\/div>\n\n <button id=\"startProgressBtn\" \n style=\"margin-top:10px;padding:12px 20px;font-size:16px;border:none;border-radius:10px;background:#4a6cf7;color:white;cursor:pointer;transition:0.3s;\">\n \ud83c\udfaf G\u00e9n\u00e9rer une phrase inspirante\n <\/button>\n\n \n <div id=\"hiddenMessage\" \n style=\"opacity:0;max-height:0;overflow:hidden;transition:all 0.6s ease;margin-top:20px;font-size:18px;font-weight:bold;\">\n <\/div>\n<\/div>\n\n<script>\n\/\/ Liste des messages al\u00e9atoires (tu peux en ajouter autant que tu veux)\nconst messages = [\n \"Petit pas \u2192 petit r\u00e9sultat \u2192 petite victoire \u2192 grosse \u00e9nergie. \u26a1\",\n \"Ta discipline te m\u00e8nera l\u00e0 o\u00f9 ta motivation n\u2019ira pas.\",\n \"Tu n'as pas besoin d'\u00eatre parfait, juste constant.\",\n \"Chaque jour est une nouvelle chance d\u2019\u00e9crire ton histoire.\",\n \"Tu as d\u00e9j\u00e0 surv\u00e9cu \u00e0 tout ce que tu pensais ne jamais surmonter.\",\n \"Commence avant d\u2019\u00eatre pr\u00eat. Le courage vient en marchant.\",\n \"Ta meilleure version t\u2019attend de l\u2019autre c\u00f4t\u00e9 de la peur.\",\n \"M\u00eame 1% de progr\u00e8s chaque jour finit par tout changer.\",\n \"Fais aujourd\u2019hui ce dont ton futur \u2018toi\u2019 te remerciera.\",\n \"L'action cr\u00e9e la clart\u00e9. La clart\u00e9 cr\u00e9e l\u2019\u00e9nergie.\"\n];\n\ndocument.getElementById(\"startProgressBtn\").addEventListener(\"click\", function() {\n const bar = document.getElementById(\"progressBar\");\n const msg = document.getElementById(\"hiddenMessage\");\n\n \/\/ Remise \u00e0 z\u00e9ro\n bar.style.width = \"0%\";\n msg.style.opacity = \"0\";\n msg.style.maxHeight = \"0\";\n\n \/\/ Effet barre de progression\n setTimeout(() => { bar.style.width = \"100%\"; }, 100);\n\n \/\/ Choisir une phrase al\u00e9atoire\n const randomMessage = messages[Math.floor(Math.random() * messages.length)];\n\n \/\/ Afficher le message apr\u00e8s la progression\n setTimeout(() => {\n msg.innerHTML = randomMessage;\n msg.style.opacity = \"1\";\n msg.style.maxHeight = \"200px\";\n }, 1100);\n\n this.innerHTML = \"\u2714\ufe0f Re-g\u00e9n\u00e9rer une phrase\";\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Post Motivation Interactif Post Motivation Rappelle-toi : \ud83d\udca5 Tu n\u2019as pas besoin d\u2019\u00eatre parfait. \ud83d\udca5 Juste progressif. Le progr\u00e8s \u2192 avant la perfection. Je m’engage \u00e0 progresser \ud83d\udcaa Bravo ! \ud83c\udf89 Un petit pas = un grand changement. Post Mindset… <a href=\"https:\/\/clubvivremieux.com\/index.php\/post-motivation\/\" class=\"readmore\">Read more<span class=\"screen-reader-text\">Post Motivation<\/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-1495","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1495","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=1495"}],"version-history":[{"count":3,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1495\/revisions"}],"predecessor-version":[{"id":1498,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1495\/revisions\/1498"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1495,"date":"2025-12-01T13:03:35","date_gmt":"2025-12-01T13:03:35","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1495"},"modified":"2025-12-01T13:09:34","modified_gmt":"2025-12-01T13:09:34","slug":"post-motivation","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/post-motivation\/","title":{"rendered":"Post Motivation"},"content":{"rendered":"\n\n\n\n \n \n Post Motivation Interactif<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #f5f5f5;\n padding: 20px;\n }\n .card {\n background: white;\n padding: 25px;\n border-radius: 18px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n max-width: 450px;\n text-align: center;\n }\n .title {\n font-size: 1.4rem;\n font-weight: bold;\n margin-bottom: 12px;\n }\n .text {\n font-size: 1.1rem;\n line-height: 1.5;\n margin-bottom: 20px;\n }\n button {\n padding: 12px 20px;\n border: none;\n border-radius: 10px;\n background: #007bff;\n color: white;\n cursor: pointer;\n font-size: 1rem;\n transition: 0.3s;\n }\n button:hover {\n background: #0056b3;\n }\n #reactionBox {\n margin-top: 20px;\n font-size: 1.2rem;\n font-weight: bold;\n color: #28a745;\n display: none;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"card\">\n <div class=\"title\">Post Motivation<\/div>\n <div class=\"text\">\n Rappelle-toi :<br \/>\n \ud83d\udca5 Tu n\u2019as pas besoin d\u2019\u00eatre parfait.<br \/>\n \ud83d\udca5 Juste progressif.<br \/>\n Le progr\u00e8s \u2192 avant la perfection.\n <\/div>\n\n <button onclick=\"showReaction()\">Je m’engage \u00e0 progresser \ud83d\udcaa<\/button>\n\n <div id=\"reactionBox\">Bravo ! \ud83c\udf89 Un petit pas = un grand changement.<\/div>\n <\/div>\n\n <script>\n function showReaction() {\n document.getElementById(\"reactionBox\").style.display = \"block\";\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"max-width:550px;margin:30px auto;padding:25px;border-radius:15px;background:#ffffff;box-shadow:0 4px 15px rgba(0,0,0,0.1);font-family:Arial;text-align:center;\">\n \n <h2 style=\"font-size:24px;margin-bottom:10px;\">Post Mindset \ud83d\udca1<\/h2>\n\n <p style=\"font-size:18px;font-weight:bold;margin-bottom:20px;\">\n G\u00e9n\u00e8re instantan\u00e9ment un boost de motivation !\n <\/p>\n\n \n <div style=\"width:100%;background:#e0e0e0;border-radius:20px;overflow:hidden;margin:20px 0;\">\n <div id=\"progressBar\" style=\"height:14px;width:0%;background:#4a6cf7;transition:width 1s ease;\"><\/div>\n <\/div>\n\n <button id=\"startProgressBtn\" \n style=\"margin-top:10px;padding:12px 20px;font-size:16px;border:none;border-radius:10px;background:#4a6cf7;color:white;cursor:pointer;transition:0.3s;\">\n \ud83c\udfaf G\u00e9n\u00e9rer une phrase inspirante\n <\/button>\n\n \n <div id=\"hiddenMessage\" \n style=\"opacity:0;max-height:0;overflow:hidden;transition:all 0.6s ease;margin-top:20px;font-size:18px;font-weight:bold;\">\n <\/div>\n<\/div>\n\n<script>\n\/\/ Liste des messages al\u00e9atoires (tu peux en ajouter autant que tu veux)\nconst messages = [\n \"Petit pas \u2192 petit r\u00e9sultat \u2192 petite victoire \u2192 grosse \u00e9nergie. \u26a1\",\n \"Ta discipline te m\u00e8nera l\u00e0 o\u00f9 ta motivation n\u2019ira pas.\",\n \"Tu n'as pas besoin d'\u00eatre parfait, juste constant.\",\n \"Chaque jour est une nouvelle chance d\u2019\u00e9crire ton histoire.\",\n \"Tu as d\u00e9j\u00e0 surv\u00e9cu \u00e0 tout ce que tu pensais ne jamais surmonter.\",\n \"Commence avant d\u2019\u00eatre pr\u00eat. Le courage vient en marchant.\",\n \"Ta meilleure version t\u2019attend de l\u2019autre c\u00f4t\u00e9 de la peur.\",\n \"M\u00eame 1% de progr\u00e8s chaque jour finit par tout changer.\",\n \"Fais aujourd\u2019hui ce dont ton futur \u2018toi\u2019 te remerciera.\",\n \"L'action cr\u00e9e la clart\u00e9. La clart\u00e9 cr\u00e9e l\u2019\u00e9nergie.\"\n];\n\ndocument.getElementById(\"startProgressBtn\").addEventListener(\"click\", function() {\n const bar = document.getElementById(\"progressBar\");\n const msg = document.getElementById(\"hiddenMessage\");\n\n \/\/ Remise \u00e0 z\u00e9ro\n bar.style.width = \"0%\";\n msg.style.opacity = \"0\";\n msg.style.maxHeight = \"0\";\n\n \/\/ Effet barre de progression\n setTimeout(() => { bar.style.width = \"100%\"; }, 100);\n\n \/\/ Choisir une phrase al\u00e9atoire\n const randomMessage = messages[Math.floor(Math.random() * messages.length)];\n\n \/\/ Afficher le message apr\u00e8s la progression\n setTimeout(() => {\n msg.innerHTML = randomMessage;\n msg.style.opacity = \"1\";\n msg.style.maxHeight = \"200px\";\n }, 1100);\n\n this.innerHTML = \"\u2714\ufe0f Re-g\u00e9n\u00e9rer une phrase\";\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Post Motivation Interactif Post Motivation Rappelle-toi : \ud83d\udca5 Tu n\u2019as pas besoin d\u2019\u00eatre parfait. \ud83d\udca5 Juste progressif. Le progr\u00e8s \u2192 avant la perfection. Je m’engage \u00e0 progresser \ud83d\udcaa Bravo ! \ud83c\udf89 Un petit pas = un grand changement. Post Mindset… <a href=\"https:\/\/clubvivremieux.com\/index.php\/post-motivation\/\" class=\"readmore\">Read more<span class=\"screen-reader-text\">Post Motivation<\/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-1495","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1495","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=1495"}],"version-history":[{"count":3,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1495\/revisions"}],"predecessor-version":[{"id":1498,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1495\/revisions\/1498"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}