{"id":41993,"date":"2025-09-11T17:00:34","date_gmt":"2025-09-11T15:00:34","guid":{"rendered":"https:\/\/twnaf.com\/?page_id=41993"},"modified":"2025-09-11T17:39:58","modified_gmt":"2025-09-11T15:39:58","slug":"the-30-characteristics-of-maturity","status":"publish","type":"page","link":"https:\/\/twnaf.com\/fr\/the-30-characteristics-of-maturity\/","title":{"rendered":"Les 30 caract\u00e9ristiques de la maturit\u00e9"},"content":{"rendered":"\n<section class=\"wp-block-greenshift-blocks-row alignfull gspb_row gspb_row-id-gsbp-dbea5f5\" id=\"gspb_row-id-gsbp-dbea5f5\">\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--12 gspb_col-id-gsbp-4be4b18\" id=\"gspb_col-id-gsbp-4be4b18\">\n<!-- Main container for the maturity assessment -->\n<div id=\"maturity-assessment-container\" class=\"bg-white\">\n\n    <!-- 1. Tailwind CSS Script -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n    <!-- 2. Custom CSS Styles -->\n    <style>\n        #maturity-assessment-container .accordion-content {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.4s ease-in-out;\n        }\n        \n        #maturity-assessment-container .accordion-button svg {\n            transition: transform 0.3s ease;\n        }\n\n        #maturity-assessment-container .accordion-button.active svg {\n            transform: rotate(180deg);\n        }\n\n        #maturity-assessment-container .slider {\n            -webkit-appearance: none; appearance: none; height: 8px; border-radius: 5px;\n            background: linear-gradient(to right, #ef4444 0%, #f59e0b 50%, #10b981 100%);\n            outline: none; opacity: 0.8; transition: opacity 0.2s;\n        }\n        #maturity-assessment-container .slider:hover { opacity: 1; }\n        #maturity-assessment-container .slider::-webkit-slider-thumb {\n            -webkit-appearance: none; appearance: none; width: 24px; height: 24px;\n            border-radius: 50%; background: #ffffff; border: 3px solid #374151;\n            cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,0.2);\n        }\n        #maturity-assessment-container .slider::-moz-range-thumb {\n            width: 24px; height: 24px; border-radius: 50%; background: #ffffff;\n            border: 3px solid #374151; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,0.2);\n        }\n    <\/style>\n\n    <!-- 3. HTML Content -->\n    <div class=\"max-w-6xl mx-auto px-4 pb-40\"> <!-- Padding at bottom prevents content from being hidden by sticky footer -->\n        <!-- Header -->\n        <div class=\"text-center pt-8 mb-8\">\n            <h1 class=\"text-3xl md:text-4xl font-bold text-gray-800 mb-4\">The 30 Characteristics of Maturity<\/h1>\n            <p class=\"text-base text-gray-600 max-w-3xl mx-auto\">\n                Tap a section to reveal the characteristics, then use the sliders to reflect on where you stand.\n            <\/p>\n            <div class=\"mt-6 flex items-center justify-center space-x-6 text-xs\">\n                <div class=\"flex items-center\"><div class=\"w-3 h-3 bg-red-500 rounded mr-2\"><\/div><span class=\"text-gray-600\">Immature<\/span><\/div>\n                <div class=\"flex items-center\"><div class=\"w-3 h-3 bg-yellow-500 rounded mr-2\"><\/div><span class=\"text-gray-600\">Developing<\/span><\/div>\n                <div class=\"flex items-center\"><div class=\"w-3 h-3 bg-green-500 rounded mr-2\"><\/div><span class=\"text-gray-600\">Mature<\/span><\/div>\n            <\/div>\n            \n            <!-- ADDED: Reset button placed here for subtlety -->\n            <div class=\"mt-4\">\n                <button onclick=\"resetAllSliders()\" class=\"text-sm text-gray-500 hover:text-gray-800 hover:underline transition-colors\">\n                    Reset All Sliders\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Accordion Assessment Groups (All 30 characteristics are included as before) -->\n        <div class=\"space-y-4\">\n            <!-- Group 1: Self-Management -->\n            <div>\n                <button class=\"accordion-button flex justify-between items-center w-full bg-gray-100 hover:bg-gray-200 p-4 rounded-lg text-left\">\n                    <span class=\"font-semibold text-lg text-gray-800\">Self-Management<\/span>\n                    <svg class=\"w-6 h-6 text-gray-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                <\/button>\n                <div class=\"accordion-content\"><div class=\"grid gap-4 md:grid-cols-1 lg:grid-cols-2 p-4 pt-4\">\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Taking Charge &#038; Being Responsible<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Not Taking Responsibility<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Taking Charge<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider1\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value1\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Making Good Choices<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Acting Without Thinking<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Making Good Choices<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider2\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value2\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Keeping Promises<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Being Unreliable<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Keeping Promises<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider6\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value6\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Planning for the Future<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Wanting Things Now<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Planning Ahead<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider10\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value10\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Being in Control of Yourself<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Feeling Helpless<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Being in Control<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider15\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value15\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Paying Attention to Your Actions<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Reacting Blindly<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Acting Mindfully<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider26\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value26\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Fixing Your Mistakes<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Blaming Others<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Fixing Mistakes<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider27\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value27\">Developing (50%)<\/span><\/div><\/div>\n                <\/div><\/div>\n            <\/div>\n\n            <!-- Group 2: Emotional Intelligence -->\n            <div>\n                <button class=\"accordion-button flex justify-between items-center w-full bg-gray-100 hover:bg-gray-200 p-4 rounded-lg text-left\">\n                    <span class=\"font-semibold text-lg text-gray-800\">Emotional Intelligence<\/span>\n                    <svg class=\"w-6 h-6 text-gray-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                <\/button>\n                <div class=\"accordion-content\"><div class=\"grid gap-4 md:grid-cols-1 lg:grid-cols-2 p-4 pt-4\">\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Understanding Feelings<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Hiding Your Feelings<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Understanding Them<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider4\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value4\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Feeling Confident<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Doubting Yourself<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Feeling Confident<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider9\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value9\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Accepting All of Yourself<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Hiding Parts of You<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Accepting All of You<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider21\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value21\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Laughing at Yourself<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Being Too Serious<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Laughing at Yourself<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider22\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value22\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Letting Go of the Past<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Holding Grudges<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Letting Go<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider25\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value25\">Developing (50%)<\/span><\/div><\/div>\n                <\/div><\/div>\n            <\/div>\n            \n            <!-- Group 3: Social Awareness -->\n             <div>\n                <button class=\"accordion-button flex justify-between items-center w-full bg-gray-100 hover:bg-gray-200 p-4 rounded-lg text-left\">\n                    <span class=\"font-semibold text-lg text-gray-800\">Social Awareness<\/span>\n                    <svg class=\"w-6 h-6 text-gray-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                <\/button>\n                <div class=\"accordion-content\"><div class=\"grid gap-4 md:grid-cols-1 lg:grid-cols-2 p-4 pt-4\">\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Caring About Others<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Only Thinking of Yourself<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Caring For Others<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider3\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value3\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Being Independent<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Needing Others Too Much<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Being Independent<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider5\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value5\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Helping Others<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Only Looking Out for You<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Helping Others<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider11\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value11\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Having Energy &#038; Inspiring Others<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Having No Energy<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Inspiring Others<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider17\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value17\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Thinking Beyond Yourself<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Stuck on Yourself<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Thinking Beyond You<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider20\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value20\">Developing (50%)<\/span><\/div><\/div>\n                <\/div><\/div>\n            <\/div>\n\n            <!-- Group 4: Resilience & Perspective -->\n             <div>\n                <button class=\"accordion-button flex justify-between items-center w-full bg-gray-100 hover:bg-gray-200 p-4 rounded-lg text-left\">\n                    <span class=\"font-semibold text-lg text-gray-800\">Resilience &#038; Perspective<\/span>\n                    <svg class=\"w-6 h-6 text-gray-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                <\/button>\n                <div class=\"accordion-content\"><div class=\"grid gap-4 md:grid-cols-1 lg:grid-cols-2 p-4 pt-4\">\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Learning &#038; Growing<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Stuck in Your Ways<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Learning &#038; Growing<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider7\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value7\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Standing With Pride<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Acting Small<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Standing With Pride<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider12\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value12\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Bouncing Back<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Giving Up Hope<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Bouncing Back<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider13\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value13\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Being Brave<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Avoiding Hard Things<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Being Brave<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider14\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value14\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Seeing the Big Picture<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Only Right or Wrong<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Seeing The Big Picture<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider19\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value19\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Being True to Yourself<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Pretending to Be<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Being True to Yourself<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider23\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value23\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Seeing Things as They Are<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Living a Dream World<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Seeing Reality<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider28\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value28\">Developing (50%)<\/span><\/div><\/div>\n                <\/div><\/div>\n            <\/div>\n\n            <!-- Group 5: Legacy & Contribution -->\n             <div>\n                <button class=\"accordion-button flex justify-between items-center w-full bg-gray-100 hover:bg-gray-200 p-4 rounded-lg text-left\">\n                    <span class=\"font-semibold text-lg text-gray-800\">Legacy &#038; Contribution<\/span>\n                    <svg class=\"w-6 h-6 text-gray-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                <\/button>\n                <div class=\"accordion-content\"><div class=\"grid gap-4 md:grid-cols-1 lg:grid-cols-2 p-4 pt-4\">\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Living in Balance<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Only Seeking Pleasure<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Living in Balance<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider8\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value8\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Keeping Safe &#038; Setting Rules<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Being Unguarded<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Setting Rules<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider16\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value16\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Knowing Right from Wrong<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Just Following Rules<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Knowing Right\/Wrong<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider18\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value18\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Helping the Next Generation<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Only Thinking of Today<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Helping Next Gen<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider24\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value24\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Being Thankful and Giving<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Feeling Entitled<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Being Thankful<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider29\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value29\">Developing (50%)<\/span><\/div><\/div>\n                    <div class=\"bg-white rounded-xl p-5 border\"><h3 class=\"text-base font-semibold text-gray-800 mb-2\">Working in a Healthy Way<\/h3><div class=\"flex text-xs text-gray-600 mb-2\"><span class=\"w-5\/12 text-left text-red-600 font-medium\">Obsessing over Results<\/span><span class=\"w-2\/12 text-center text-gray-400\">|<\/span><span class=\"w-5\/12 text-right text-green-600 font-medium\">Working Healthy<\/span><\/div><input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider w-full\" id=\"slider30\"><div class=\"text-center mt-2\"><span class=\"text-xs text-gray-500\" id=\"value30\">Developing (50%)<\/span><\/div><\/div>\n                <\/div><\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <!-- 4. Sticky Summary Footer -->\n    <div class=\"sticky bottom-0 left-0 right-0 bg-gray-50 shadow-[0_-4px_12px_-1px_rgba(0,0,0,0.07)] p-3 border-t border-gray-200\">\n        <div class=\"max-w-6xl mx-auto\">\n            <div class=\"flex justify-around items-center text-center\">\n                <div><div class=\"text-2xl font-bold text-red-500\" id=\"immatureCount\">0<\/div><div class=\"text-xs text-gray-600\">Growth Areas<\/div><\/div>\n                <div><div class=\"text-2xl font-bold text-yellow-500\" id=\"developingCount\">30<\/div><div class=\"text-xs text-gray-600\">Developing<\/div><\/div>\n                <div><div class=\"text-2xl font-bold text-green-500\" id=\"matureCount\">0<\/div><div class=\"text-xs text-gray-600\">Strengths<\/div><\/div>\n            <\/div>\n            <div class=\"text-center mt-2\"><div class=\"text-sm font-semibold text-gray-700\">Average Score: <span id=\"averageScore\">50%<\/span><\/div><\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- 5. JavaScript Logic -->\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const container = document.getElementById('maturity-assessment-container');\n            if (!container) return;\n            const $ = (selector) => container.querySelector(selector);\n            const $$ = (selector) => container.querySelectorAll(selector);\n\n            \/\/ Accordion Logic\n            const accordionButtons = $$('.accordion-button');\n            accordionButtons.forEach(button => {\n                button.addEventListener('click', () => {\n                    const content = button.nextElementSibling;\n                    const isActive = button.classList.contains('active');\n                    accordionButtons.forEach(otherButton => {\n                        otherButton.classList.remove('active');\n                        otherButton.nextElementSibling.style.maxHeight = null;\n                    });\n                    if (!isActive) {\n                        button.classList.add('active');\n                        content.style.maxHeight = content.scrollHeight + \"px\";\n                    }\n                });\n            });\n\n            \/\/ Slider & Summary Logic\n            const totalSliders = 30;\n            for (let i = 1; i <= totalSliders; i++) {\n                const slider = $(`#slider${i}`);\n                if (slider) {\n                    slider.addEventListener('input', function() {\n                        updateValue(i, this.value);\n                        updateSummary();\n                    });\n                }\n            }\n\n            function updateValue(sliderNum, value) {\n                const valueDisplay = $(`#value${sliderNum}`);\n                if (!valueDisplay) return;\n                let label, color;\n                if (value <= 33) { label = 'Immature'; color = 'text-red-600'; } \n                else if (value <= 66) { label = 'Developing'; color = 'text-yellow-600'; } \n                else { label = 'Mature'; color = 'text-green-600'; }\n                valueDisplay.innerHTML = `<span class=\"${color} font-medium\">${label} (${value}%)<\/span>`;\n            }\n\n            function updateSummary() {\n                let immature = 0, developing = 0, mature = 0, total = 0, count = 0;\n                for (let i = 1; i <= totalSliders; i++) {\n                    const slider = $(`#slider${i}`);\n                    if (slider) {\n                        const value = parseInt(slider.value, 10);\n                        total += value;\n                        count++;\n                        if (value <= 33) immature++;\n                        else if (value <= 66) developing++;\n                        else mature++;\n                    }\n                }\n                if ($('#immatureCount')) $('#immatureCount').textContent = immature;\n                if ($('#developingCount')) $('#developingCount').textContent = developing;\n                if ($('#matureCount')) $('#matureCount').textContent = mature;\n                if ($('#averageScore')) $('#averageScore').textContent = count > 0 ? Math.round(total \/ count) + '%' : '0%';\n            }\n\n            \/\/ ADDED: Reset function made globally accessible\n            window.resetAllSliders = function() {\n                for (let i = 1; i <= totalSliders; i++) {\n                    const slider = $(`#slider${i}`);\n                    if (slider) {\n                        slider.value = 50;\n                        updateValue(i, 50);\n                    }\n                }\n                updateSummary();\n            };\n\n            \/\/ Initial calculation on page load\n            updateSummary();\n        });\n    <\/script>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"give_campaign_id":0,"_gspb_post_css":"#gspb_row-id-gsbp-dbea5f5{justify-content:space-between;margin-top:0;margin-bottom:0;display:flex;flex-wrap:wrap;padding-top:2rem}#gspb_row-id-gsbp-dbea5f5>.gspb_row__content{display:flex;justify-content:space-between;margin:0 auto;width:100%;flex-wrap:wrap}.gspb_row{position:relative}div[id^=gspb_col-id]{box-sizing:border-box;position:relative;padding:var(--gs-row-column-padding, 15px min(3vw, 20px))}#gspb_col-id-gsbp-4be4b18.gspb_row__col--12{width:100%}@media (max-width:575.98px){#gspb_col-id-gsbp-4be4b18.gspb_row__col--12{width:100%}}","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-41993","page","type-page","status-publish","hentry"],"acf":[],"campaignId":"","_links":{"self":[{"href":"https:\/\/twnaf.com\/fr\/wp-json\/wp\/v2\/pages\/41993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twnaf.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twnaf.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twnaf.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twnaf.com\/fr\/wp-json\/wp\/v2\/comments?post=41993"}],"version-history":[{"count":6,"href":"https:\/\/twnaf.com\/fr\/wp-json\/wp\/v2\/pages\/41993\/revisions"}],"predecessor-version":[{"id":42009,"href":"https:\/\/twnaf.com\/fr\/wp-json\/wp\/v2\/pages\/41993\/revisions\/42009"}],"wp:attachment":[{"href":"https:\/\/twnaf.com\/fr\/wp-json\/wp\/v2\/media?parent=41993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}