{"id":61346,"date":"2026-02-22T23:41:14","date_gmt":"2026-02-22T23:41:14","guid":{"rendered":"https:\/\/greenschoolsgreenfuture.org\/?page_id=61346"},"modified":"2026-03-15T23:43:14","modified_gmt":"2026-03-15T23:43:14","slug":"progress","status":"publish","type":"page","link":"https:\/\/greenschoolsgreenfuture.org\/fr\/progress\/","title":{"rendered":"progress"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"61346\" class=\"elementor elementor-61346\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a422ef e-flex e-con-boxed e-con e-parent\" data-id=\"2a422ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3a2d5e elementor-widget elementor-widget-html\" data-id=\"f3a2d5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* --- 1. BASIC SETUP --- *\/\r\n    .gsgf-timeline-wrapper * { margin: 0; padding: 0; box-sizing: border-box; }\r\n    .gsgf-timeline-wrapper { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #333; }\r\n\r\n    .horizontal-timeline-section {\r\n        padding: 40px 10px;\r\n        text-align: center;\r\n        overflow: hidden;\r\n        background-color: transparent; \r\n    }\r\n\r\n    .timeline-title { color: #2c5e3b; margin-bottom: 5px; font-size: 2rem; font-weight: bold; }\r\n    .timeline-subtitle { color: #666; margin-bottom: 30px; font-size: 1rem; }\r\n\r\n    \/* --- 2. SCROLL CONTAINER --- *\/\r\n    .timeline-scroll-wrapper {\r\n        width: 100%;\r\n        overflow-x: auto;\r\n        overflow-y: hidden; \r\n        padding: 20px 0;\r\n        -ms-overflow-style: none;  \r\n        scrollbar-width: none;  \r\n        cursor: grab;\r\n    }\r\n    .timeline-scroll-wrapper::-webkit-scrollbar { display: none; }\r\n    .timeline-scroll-wrapper:active { cursor: grabbing; }\r\n\r\n    \/* The Track holding the items *\/\r\n    .timeline-track {\r\n        display: flex;\r\n        align-items: center;\r\n        position: relative;\r\n        padding: 0 20px; \r\n        width: max-content; \r\n        height: 450px; \r\n    }\r\n\r\n    \/* The Main Horizontal Line *\/\r\n    .timeline-track::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 80px; \r\n        right: 80px; \r\n        height: 3px;\r\n        background-color: #d1e2d6;\r\n        transform: translateY(-50%);\r\n        z-index: 0; \r\n    }\r\n\r\n    \/* --- 3. TIMELINE ITEMS & BOXES --- *\/\r\n    .timeline-item {\r\n        position: relative;\r\n        width: 160px; \r\n        height: 100%;\r\n        flex-shrink: 0;\r\n        display: flex;\r\n        justify-content: center;\r\n        opacity: 0;\r\n        transform: scale(0.9);\r\n        transition: all 0.5s ease-out;\r\n        z-index: 5; \r\n    }\r\n    .timeline-item.show { opacity: 1; transform: scale(1); }\r\n\r\n    \/* The Dot on the line *\/\r\n    .timeline-dot {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 26px; \r\n        height: 26px;\r\n        border-radius: 50%;\r\n        background-color: white;\r\n        border: 3px solid #ccc;\r\n        z-index: 3;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: all 0.3s;\r\n    }\r\n\r\n    \/* Connecting Stem *\/\r\n    .timeline-item::after {\r\n        content: '';\r\n        position: absolute;\r\n        left: 50%;\r\n        width: 2px;\r\n        background-color: #ccc;\r\n        transform: translateX(-50%);\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* The Content Box *\/\r\n    .timeline-content {\r\n        position: absolute;\r\n        width: 145px; \r\n        background: white;\r\n        padding: 12px; \r\n        border-radius: 8px;\r\n        box-shadow: 0 4px 12px rgba(0,0,0,0.06);\r\n        text-align: center; \r\n        transition: transform 0.3s ease;\r\n        z-index: 5;\r\n    }\r\n    .timeline-content:hover {\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 8px 20px rgba(0,0,0,0.12);\r\n    }\r\n\r\n    \/* Alternating Top\/Bottom Layout for Steps 2-12 *\/\r\n    .timeline-item:nth-child(odd) .timeline-content { bottom: 50%; margin-bottom: 30px; }\r\n    .timeline-item:nth-child(odd)::after { bottom: 50%; height: 30px; }\r\n    \r\n    .timeline-item:nth-child(even) .timeline-content { top: 50%; margin-top: 30px; }\r\n    .timeline-item:nth-child(even)::after { top: 50%; height: 30px; }\r\n\r\n    \/* ========================================================== *\/\r\n    \/* --- BOOKEND OVERRIDES: FORCES Step 1 & 13 ON the line --- *\/\r\n    \/* ========================================================== *\/\r\n    \r\n    .timeline-item:first-child::after,\r\n    .timeline-item:last-child::after { display: none !important; }\r\n    \r\n    .timeline-item:first-child .timeline-dot,\r\n    .timeline-item:last-child .timeline-dot { display: none !important; }\r\n\r\n    .timeline-track .timeline-item:first-child .timeline-content,\r\n    .timeline-track .timeline-item:last-child .timeline-content {\r\n        top: 50% !important;\r\n        bottom: auto !important;\r\n        margin-top: 0 !important;\r\n        margin-bottom: 0 !important;\r\n        transform: translateY(-50%) !important;\r\n        z-index: 10;\r\n    }\r\n    \r\n    .timeline-item:first-child .timeline-content { border: 3px solid #4CAF50; }\r\n    .timeline-item:last-child .timeline-content { border: 3px solid #b0bec5; }\r\n\r\n    .timeline-track .timeline-item:first-child .timeline-content:hover,\r\n    .timeline-track .timeline-item:last-child .timeline-content:hover { \r\n        transform: translateY(-50%) scale(1.05) !important; \r\n    }\r\n\r\n    \/* ========================================================== *\/\r\n\r\n    \/* Text Styling *\/\r\n    .step-badge {\r\n        display: inline-block;\r\n        padding: 3px 6px;\r\n        border-radius: 10px;\r\n        font-size: 0.6rem;\r\n        font-weight: bold;\r\n        margin-bottom: 5px;\r\n        text-transform: uppercase;\r\n    }\r\n    .timeline-content h3 { margin: 0 0 5px 0; color: #333; font-size: 0.85rem; line-height: 1.1; }\r\n    .timeline-content p { margin: 0; color: #666; line-height: 1.3; font-size: 0.7rem; }\r\n\r\n    \/* --- 4. HIGH ATTENTION DONATE BUTTON --- *\/\r\n    .donate-btn-inside {\r\n        display: inline-block;\r\n        margin-top: 10px;\r\n        padding: 6px 12px;\r\n        background-color: transparent;\r\n        color: #4CAF50; \r\n        border: 2px solid #4CAF50; \r\n        text-decoration: none;\r\n        font-size: 0.75rem;\r\n        font-weight: bold;\r\n        border-radius: 20px;\r\n        transition: all 0.3s ease;\r\n        animation: grab-attention 3s infinite;\r\n    }\r\n    \r\n    .donate-btn-inside:hover {\r\n        background-color: #4CAF50; \r\n        color: white; \r\n        animation: none;\r\n        box-shadow: 0 4px 10px rgba(76, 175, 80, 0.3);\r\n    }\r\n\r\n    @keyframes grab-attention {\r\n        0%   { transform: scale(1); background-color: transparent; color: #4CAF50; box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.4); }\r\n        10%  { transform: scale(1.1) rotate(-3deg); background-color: #4CAF50; color: white; }\r\n        20%  { transform: scale(1.15) rotate(3deg); background-color: #4CAF50; color: white; }\r\n        30%  { transform: scale(1.1) rotate(-3deg); background-color: #4CAF50; color: white; box-shadow: 0 0 0 10px rgba(76, 175, 80, 0); }\r\n        40%  { transform: scale(1); background-color: transparent; color: #4CAF50; box-shadow: 0 0 0 0 rgba(76, 175, 80, 0); }\r\n        100% { transform: scale(1); }\r\n    }\r\n\r\n    \/* --- BOTTOM CALL TO ACTION TEXT --- *\/\r\n    .timeline-footer-text {\r\n        margin-top: 15px;\r\n        font-size: 1.15rem;\r\n        color: #555;\r\n        padding: 0 15px;\r\n        line-height: 1.5;\r\n    }\r\n    .timeline-footer-text a {\r\n        color: #4CAF50;\r\n        font-weight: bold;\r\n        text-decoration: none;\r\n        transition: color 0.3s ease;\r\n    }\r\n    .timeline-footer-text a:hover {\r\n        color: #2c5e3b;\r\n        text-decoration: underline;\r\n    }\r\n\r\n    \/* --- 5. CENTERED MASSIVE FIREWORKS CSS --- *\/\r\n    .firework-wrapper {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 0; \r\n        height: 0;\r\n        pointer-events: none;\r\n        z-index: -1; \r\n    }\r\n    \r\n    .particle {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 8px; \r\n        height: 8px;\r\n        border-radius: 50%;\r\n        animation: explode 1.5s cubic-bezier(0.1, 0.9, 0.2, 1) infinite;\r\n    }\r\n\r\n    @keyframes explode {\r\n        0% { transform: translate(-50%, -50%) scale(1); opacity: 1; }\r\n        100% { transform: translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(0); opacity: 0; }\r\n    }\r\n\r\n    .delay-1 { animation-delay: 0.2s; }\r\n    .delay-2 { animation-delay: 0.4s; }\r\n    .delay-3 { animation-delay: 0.6s; }\r\n\r\n    \/* --- 6. ANIMATED ICONS CSS --- *\/\r\n    .box-icon { width: 28px; height: 28px; margin: 0 auto 8px auto; display: block; }\r\n\r\n    .completed .timeline-dot { border-color: #4CAF50; background-color: #4CAF50; }\r\n    .completed::after { background-color: #4CAF50; }\r\n    .completed .step-badge { background-color: #e8f5e9; color: #4CAF50; }\r\n    .completed .box-icon { stroke: #4CAF50; }\r\n    \r\n    .active .timeline-dot { border-color: #FF9800; background-color: #FF9800; }\r\n    .active::after { background-color: #FF9800; }\r\n    .active .timeline-content { border-top: 3px solid #FF9800; }\r\n    .active .step-badge { background-color: #fff3e0; color: #FF9800; }\r\n    .active .box-icon { stroke: #FF9800; }\r\n\r\n    .upcoming .timeline-dot { border-color: #b0bec5; }\r\n    .upcoming .step-badge { background-color: #eceff1; color: #78909c; }\r\n    .upcoming .timeline-content { background-color: #fafafa; }\r\n    .upcoming .box-icon { stroke: #90a4ae; }\r\n\r\n    .dot-svg { width: 14px; height: 14px; z-index: 5; }\r\n    .check-path { stroke-dasharray: 25; stroke-dashoffset: 25; transition: stroke-dashoffset 0.6s ease-out 0.3s; }\r\n    .timeline-item.show .check-path { stroke-dashoffset: 0; }\r\n\r\n    @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-4px); } 100% { transform: translateY(0px); } }\r\n    @keyframes pulse-heart { 0% { transform: scale(1); } 50% { transform: scale(1.15); } 100% { transform: scale(1); } }\r\n    @keyframes spin-slow { 100% { transform: rotate(360deg); } }\r\n    @keyframes bounce-pin { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }\r\n    @keyframes flip-coin { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } }\r\n    @keyframes rock-hammer { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(15deg); } 75% { transform: rotate(-15deg); } }\r\n    @keyframes shine-star { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.6; transform: scale(0.85); } }\r\n\r\n    .anim-float { animation: float 3s ease-in-out infinite; }\r\n    .anim-pulse { animation: pulse-heart 2s ease-in-out infinite; }\r\n    .anim-spin { animation: spin-slow 6s linear infinite; transform-origin: center; }\r\n    .anim-bounce { animation: bounce-pin 1.5s ease-in-out infinite; }\r\n    .anim-flip { animation: flip-coin 3s linear infinite; }\r\n    .anim-rock { animation: rock-hammer 2s ease-in-out infinite; transform-origin: bottom right; }\r\n    .anim-shine { animation: shine-star 2s ease-in-out infinite; }\r\n<\/style>\r\n\r\n<div class=\"gsgf-timeline-wrapper\">\r\n    <section class=\"horizontal-timeline-section\">\r\n        \r\n        <div class=\"timeline-scroll-wrapper\" id=\"scroll-wrapper\">\r\n            <div class=\"timeline-track\">\r\n                \r\n                <div class=\"timeline-item completed\">\r\n                    <div class=\"timeline-content\">\r\n                        <svg class=\"box-icon anim-float\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M9 18h6\"><\/path><path d=\"M10 22h4\"><\/path><path d=\"M15.09 14c.18-.98.65-1.74 1.41-2.5A6 6 0 1 0 7.5 11.5c.76.76 1.23 1.52 1.41 2.5z\"><\/path>\r\n                        <\/svg>\r\n                        <div class=\"step-badge\">Step 1<\/div>\r\n                        <h3>R & D<\/h3>\r\n                        <p>Research and concept development.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-item completed\">\r\n                    <div class=\"timeline-dot\"><svg class=\"dot-svg\" viewbox=\"0 0 24 24\"><path class=\"check-path\" d=\"M5 13l4 4L19 7\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg><\/div>\r\n                    <div class=\"timeline-content\">\r\n                        <svg class=\"box-icon anim-float\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path>\r\n                            <rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\" ry=\"1\"><\/rect>\r\n                            <path d=\"M9 14h6\"><\/path><path d=\"M9 10h6\"><\/path>\r\n                        <\/svg>\r\n                        <div class=\"step-badge\">Step 2<\/div>\r\n                        <h3>Foundation<\/h3>\r\n                        <p>Charity registered & Board assembled.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-item completed\">\r\n                    <div class=\"timeline-dot\"><svg class=\"dot-svg\" viewbox=\"0 0 24 24\"><path class=\"check-path\" d=\"M5 13l4 4L19 7\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg><\/div>\r\n                    <div class=\"timeline-content\">\r\n                        <svg class=\"box-icon anim-spin\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                            <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\r\n                            <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\r\n                        <\/svg>\r\n                        <div class=\"step-badge\">Step 3<\/div>\r\n                        <h3>Digital Launch<\/h3>\r\n                        <p>Website & social media live.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-item completed\">\r\n                    <div class=\"timeline-dot\"><svg class=\"dot-svg\" viewbox=\"0 0 24 24\"><path class=\"check-path\" d=\"M5 13l4 4L19 7\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg><\/div>\r\n                    <div class=\"timeline-content\">\r\n                        <svg class=\"box-icon anim-float\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M12 19l7-7 3 3-7 7-3-3z\"><\/path>\r\n                            <path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"><\/path>\r\n                            <path d=\"M2 2l7.58 7.58\"><\/path>\r\n                        <\/svg>\r\n                        <div class=\"step-badge\">Step 4<\/div>\r\n                        <h3>Architecture<\/h3>\r\n                        <p>Drafted eco-school master plans.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-item completed\">\r\n                    <div class=\"timeline-dot\"><svg class=\"dot-svg\" viewbox=\"0 0 24 24\"><path class=\"check-path\" d=\"M5 13l4 4L19 7\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg><\/div>\r\n                    <div class=\"timeline-content\">\r\n                        <svg class=\"box-icon anim-pulse\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M11 5L6 9H2v6h4l5 4V5z\"><\/path>\r\n                            <path d=\"M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07\"><\/path>\r\n                        <\/svg>\r\n                        <div class=\"step-badge\">Step 5<\/div>\r\n                        <h3>Community<\/h3>\r\n                        <p>Outreach & partnerships formed.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-item active\">\r\n                    <div class=\"timeline-dot\"><svg class=\"dot-svg\" viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"5\" fill=\"white\"\/><\/svg><\/div>\r\n                    <div class=\"timeline-content\">\r\n                        <svg class=\"box-icon anim-bounce\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n                            <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                        <\/svg>\r\n                        <div class=\"step-badge\">Step 6 - In Progress<\/div>\r\n                        <h3>Site Eval<\/h3>\r\n                        <p>Evaluating cities for the location.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-item active\">\r\n                    <div class=\"timeline-dot\"><svg class=\"dot-svg\" viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"5\" fill=\"white\"\/><\/svg><\/div>\r\n                    <div class=\"timeline-content\">\r\n                        <svg class=\"box-icon anim-flip\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                            <path d=\"M12 8v8\"><\/path>\r\n                            <path d=\"M14.5 9.5a2.5 2.5 0 0 0-2.5-2.5h-1a2.5 2.5 0 0 0 0 5h1a2.5 2.5 0 0 1 0 5h-1a2.5 2.5 0 0 1-2.5-2.5\"><\/path>\r\n                        <\/svg>\r\n                        <div class=\"step-badge\">Step 7 - We Are Here<\/div>\r\n                        <h3>Capital Phase<\/h3>\r\n                        <p>$2M Land Acquisition Target.<\/p>\r\n                        <a href=\"https:\/\/greenschoolsgreenfuture.org\/fr\/foundation\/\" target=\"_blank\" class=\"donate-btn-inside\">Faites un don<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-item upcoming\">\r\n                    <div class=\"timeline-dot\"><\/div>\r\n                    <div class=\"timeline-content\">\r\n                        <svg class=\"box-icon anim-float\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\"><\/path>\r\n                            <line x1=\"4\" y1=\"22\" x2=\"4\" y2=\"15\"><\/line>\r\n                        <\/svg>\r\n                        <div class=\"step-badge\">Step 8<\/div>\r\n                        <h3>Land Purchase<\/h3>\r\n                        <p>Securing the physical school site.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-item upcoming\">\r\n                    <div class=\"timeline-dot\"><\/div>\r\n                    <div class=\"timeline-content\">\r\n                        <svg class=\"box-icon anim-rock\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M15 14l6-6a2 2 0 0 0 0-2.82l-.18-.18a2 2 0 0 0-2.82 0l-6 6\"><\/path>\r\n                            <path d=\"M14 13L10 9\"><\/path>\r\n                            <path d=\"M11 16l-7 7-3-3 7-7\"><\/path>\r\n                            <path d=\"M15 14l1.5 1.5\"><\/path>\r\n                            <path d=\"M10 9l-1.5-1.5\"><\/path>\r\n                        <\/svg>\r\n                        <div class=\"step-badge\">Step 9<\/div>\r\n                        <h3>Construction<\/h3>\r\n                        <p>Permits, groundbreaking & eco-tech.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-item upcoming\">\r\n                    <div class=\"timeline-dot\"><\/div>\r\n                    <div class=\"timeline-content\">\r\n                        <svg class=\"box-icon anim-pulse\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n                            <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n                            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n                            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n                        <\/svg>\r\n                        <div class=\"step-badge\">Step 10<\/div>\r\n                        <h3>Hiring Staff<\/h3>\r\n                        <p>Hiring staff for school, ops & dorms.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-item upcoming\">\r\n                    <div class=\"timeline-dot\"><\/div>\r\n                    <div class=\"timeline-content\">\r\n                        <svg class=\"box-icon anim-float\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\r\n                            <line x1=\"2\" y1=\"20\" x2=\"22\" y2=\"20\"><\/line>\r\n                        <\/svg>\r\n                        <div class=\"step-badge\">Step 11<\/div>\r\n                        <h3>Equipment<\/h3>\r\n                        <p>Purchasing tech & school supplies.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-item upcoming\">\r\n                    <div class=\"timeline-dot\"><\/div>\r\n                    <div class=\"timeline-content\">\r\n                        <svg class=\"box-icon anim-spin\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\r\n                            <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\r\n                        <\/svg>\r\n                        <div class=\"step-badge\">Step 12<\/div>\r\n                        <h3>Final Prep<\/h3>\r\n                        <p>Finalizing campus setup & systems.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-item upcoming\">\r\n                    <div class=\"timeline-content\">\r\n                        <div class=\"firework-wrapper\">\r\n                            <div class=\"particle\" style=\"--dx: -90px; --dy: -90px; background: #FF5252;\"><\/div>\r\n                            <div class=\"particle\" style=\"--dx: 90px; --dy: -90px; background: #4CAF50;\"><\/div>\r\n                            <div class=\"particle delay-1\" style=\"--dx: -110px; --dy: 0px; background: #FFEB3B;\"><\/div>\r\n                            <div class=\"particle delay-1\" style=\"--dx: 110px; --dy: 0px; background: #FF9800;\"><\/div>\r\n                            <div class=\"particle delay-2\" style=\"--dx: -90px; --dy: 90px; background: #00BCD4;\"><\/div>\r\n                            <div class=\"particle delay-2\" style=\"--dx: 90px; --dy: 90px; background: #E040FB;\"><\/div>\r\n                            <div class=\"particle delay-3\" style=\"--dx: 0px; --dy: -110px; background: #FF5252;\"><\/div>\r\n                            <div class=\"particle delay-3\" style=\"--dx: 0px; --dy: 110px; background: #4CAF50;\"><\/div>\r\n                            <div class=\"particle delay-1\" style=\"--dx: -50px; --dy: -100px; background: #FF9800;\"><\/div>\r\n                            <div class=\"particle delay-2\" style=\"--dx: 50px; --dy: 100px; background: #00BCD4;\"><\/div>\r\n                        <\/div>\r\n\r\n                        <svg class=\"box-icon anim-shine\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\r\n                        <\/svg>\r\n                        <div class=\"step-badge\">Step 13<\/div>\r\n                        <h3>Grand Opening<\/h3>\r\n                        <p>Welcoming our first students!<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <p class=\"timeline-footer-text\">\r\n            We are now entering the capital development phase, \r\n            <a href=\"https:\/\/greenschoolsgreenfuture.org\/fr\/foundation\/\" target=\"_blank\">Become a Founding Partner.<\/a>\r\n        <\/p>\r\n\r\n    <\/section>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const scrollWrapper = document.getElementById('scroll-wrapper');\r\n        const timelineItems = document.querySelectorAll('.timeline-item');\r\n\r\n        const observerOptions = { root: scrollWrapper, rootMargin: '0px', threshold: 0.15 };\r\n        const observer = new IntersectionObserver((entries, observer) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('show');\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        timelineItems.forEach(item => observer.observe(item));\r\n\r\n        \/\/ --- BULLETPROOF PING-PONG AUTO SCROLL LOGIC ---\r\n        let autoScrollSpeed = 0.8; \r\n        let direction = 1; \r\n        let isInteracting = false; \r\n        let exactScroll = 0; \r\n\r\n        function autoScroll() {\r\n            let maxScroll = scrollWrapper.scrollWidth - scrollWrapper.clientWidth;\r\n\r\n            if (!isInteracting && maxScroll > 0) {\r\n                \r\n                if (exactScroll >= maxScroll - 1) {\r\n                    direction = -1; \r\n                } \r\n                else if (exactScroll <= 1) {\r\n                    direction = 1; \r\n                }\r\n\r\n                exactScroll += (autoScrollSpeed * direction);\r\n                scrollWrapper.scrollLeft = exactScroll;\r\n\r\n            } else if (isInteracting) {\r\n                exactScroll = scrollWrapper.scrollLeft;\r\n            }\r\n            requestAnimationFrame(autoScroll);\r\n        }\r\n        \r\n        setTimeout(() => {\r\n            exactScroll = scrollWrapper.scrollLeft;\r\n            requestAnimationFrame(autoScroll);\r\n        }, 300);\r\n\r\n        scrollWrapper.addEventListener('mouseenter', () => isInteracting = true);\r\n        scrollWrapper.addEventListener('mouseleave', () => isInteracting = false);\r\n        scrollWrapper.addEventListener('touchstart', () => isInteracting = true);\r\n        scrollWrapper.addEventListener('touchend', () => isInteracting = false);\r\n\r\n        let isDown = false;\r\n        let startX, scrollLeft;\r\n\r\n        scrollWrapper.addEventListener('mousedown', (e) => {\r\n            isDown = true;\r\n            isInteracting = true; \r\n            scrollWrapper.style.cursor = 'grabbing';\r\n            startX = e.pageX - scrollWrapper.offsetLeft;\r\n            scrollLeft = scrollWrapper.scrollLeft;\r\n        });\r\n        scrollWrapper.addEventListener('mouseleave', () => { isDown = false; scrollWrapper.style.cursor = 'grab'; });\r\n        scrollWrapper.addEventListener('mouseup', () => { isDown = false; scrollWrapper.style.cursor = 'grab'; isInteracting = false; });\r\n        scrollWrapper.addEventListener('mousemove', (e) => {\r\n            if (!isDown) return;\r\n            e.preventDefault();\r\n            const x = e.pageX - scrollWrapper.offsetLeft;\r\n            scrollWrapper.scrollLeft = scrollLeft - (x - startX) * 1.5; \r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d7c6448 e-flex e-con-boxed e-con e-parent\" data-id=\"d7c6448\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Step 1 R &#038; D Research and concept development. Step 2 Foundation Charity registered &#038; Board assembled. Step 3 Digital Launch Website &#038; social media live. Step 4 Architecture Drafted eco-school master plans. Step 5 Community Outreach &#038; partnerships formed. Step 6 &#8211; In Progress Site Eval Evaluating cities for the location. Step 7 &#8211; [&hellip;]<\/p>\n","protected":false},"author":103,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"give_campaign_id":0,"footnotes":""},"class_list":["post-61346","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>progress - Green Schools Green Future<\/title>\n<meta name=\"description\" content=\"progress - Green Schools Green Future\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/greenschoolsgreenfuture.org\/fr\/progress\/\" \/>\n<meta property=\"og:locale\" content=\"fr_CA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"progress - Green Schools Green Future\" \/>\n<meta property=\"og:description\" content=\"progress - Green Schools Green Future\" \/>\n<meta property=\"og:url\" content=\"https:\/\/greenschoolsgreenfuture.org\/fr\/progress\/\" \/>\n<meta property=\"og:site_name\" content=\"Green Schools Green Future\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/greenschoolsgreenfutureGSGF\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-15T23:43:14+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@GSGFprojects\" \/>\n<meta name=\"twitter:label1\" content=\"Estimation du temps de lecture\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/greenschoolsgreenfuture.org\\\/progress\\\/\",\"url\":\"https:\\\/\\\/greenschoolsgreenfuture.org\\\/progress\\\/\",\"name\":\"progress - Green Schools Green Future\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/greenschoolsgreenfuture.org\\\/#website\"},\"datePublished\":\"2026-02-22T23:41:14+00:00\",\"dateModified\":\"2026-03-15T23:43:14+00:00\",\"description\":\"progress - Green Schools Green Future\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/greenschoolsgreenfuture.org\\\/progress\\\/#breadcrumb\"},\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/greenschoolsgreenfuture.org\\\/progress\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/greenschoolsgreenfuture.org\\\/progress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/greenschoolsgreenfuture.org\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"progress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/greenschoolsgreenfuture.org\\\/#website\",\"url\":\"https:\\\/\\\/greenschoolsgreenfuture.org\\\/\",\"name\":\"Green Schools Green Future\",\"description\":\"Learn. Grow. Green.\",\"publisher\":{\"@id\":\"https:\\\/\\\/greenschoolsgreenfuture.org\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/greenschoolsgreenfuture.org\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-CA\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/greenschoolsgreenfuture.org\\\/#organization\",\"name\":\"Green Schools Green Future\",\"url\":\"https:\\\/\\\/greenschoolsgreenfuture.org\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-CA\",\"@id\":\"https:\\\/\\\/greenschoolsgreenfuture.org\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/greenschoolsgreenfuture.org\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/gsgf-transparent-04.png\",\"contentUrl\":\"https:\\\/\\\/greenschoolsgreenfuture.org\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/gsgf-transparent-04.png\",\"width\":332,\"height\":163,\"caption\":\"Green Schools Green Future\"},\"image\":{\"@id\":\"https:\\\/\\\/greenschoolsgreenfuture.org\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/greenschoolsgreenfutureGSGF\\\/\",\"https:\\\/\\\/x.com\\\/GSGFprojects\",\"https:\\\/\\\/www.instagram.com\\\/greenschoolsgreenfuture\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company-beta\\\/18289799\\\/admin\\\/overview\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCtWxyZBx3oh5L6XWAODqp1Q\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"progress - Green Schools Green Future","description":"progress - Green Schools Green Future","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/greenschoolsgreenfuture.org\/fr\/progress\/","og_locale":"fr_CA","og_type":"article","og_title":"progress - Green Schools Green Future","og_description":"progress - Green Schools Green Future","og_url":"https:\/\/greenschoolsgreenfuture.org\/fr\/progress\/","og_site_name":"Green Schools Green Future","article_publisher":"https:\/\/www.facebook.com\/greenschoolsgreenfutureGSGF\/","article_modified_time":"2026-03-15T23:43:14+00:00","twitter_card":"summary_large_image","twitter_site":"@GSGFprojects","twitter_misc":{"Estimation du temps de lecture":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/greenschoolsgreenfuture.org\/progress\/","url":"https:\/\/greenschoolsgreenfuture.org\/progress\/","name":"progress - Green Schools Green Future","isPartOf":{"@id":"https:\/\/greenschoolsgreenfuture.org\/#website"},"datePublished":"2026-02-22T23:41:14+00:00","dateModified":"2026-03-15T23:43:14+00:00","description":"progress - Green Schools Green Future","breadcrumb":{"@id":"https:\/\/greenschoolsgreenfuture.org\/progress\/#breadcrumb"},"inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/greenschoolsgreenfuture.org\/progress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/greenschoolsgreenfuture.org\/progress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/greenschoolsgreenfuture.org\/"},{"@type":"ListItem","position":2,"name":"progress"}]},{"@type":"WebSite","@id":"https:\/\/greenschoolsgreenfuture.org\/#website","url":"https:\/\/greenschoolsgreenfuture.org\/","name":"Green Schools Green Future","description":"Learn. Grow. Green.","publisher":{"@id":"https:\/\/greenschoolsgreenfuture.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/greenschoolsgreenfuture.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA"},{"@type":"Organization","@id":"https:\/\/greenschoolsgreenfuture.org\/#organization","name":"Green Schools Green Future","url":"https:\/\/greenschoolsgreenfuture.org\/","logo":{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/greenschoolsgreenfuture.org\/#\/schema\/logo\/image\/","url":"https:\/\/greenschoolsgreenfuture.org\/wp-content\/uploads\/2022\/09\/gsgf-transparent-04.png","contentUrl":"https:\/\/greenschoolsgreenfuture.org\/wp-content\/uploads\/2022\/09\/gsgf-transparent-04.png","width":332,"height":163,"caption":"Green Schools Green Future"},"image":{"@id":"https:\/\/greenschoolsgreenfuture.org\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/greenschoolsgreenfutureGSGF\/","https:\/\/x.com\/GSGFprojects","https:\/\/www.instagram.com\/greenschoolsgreenfuture\/","https:\/\/www.linkedin.com\/company-beta\/18289799\/admin\/overview\/","https:\/\/www.youtube.com\/channel\/UCtWxyZBx3oh5L6XWAODqp1Q"]}]}},"campaignId":"","_links":{"self":[{"href":"https:\/\/greenschoolsgreenfuture.org\/fr\/wp-json\/wp\/v2\/pages\/61346","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greenschoolsgreenfuture.org\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/greenschoolsgreenfuture.org\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/greenschoolsgreenfuture.org\/fr\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/greenschoolsgreenfuture.org\/fr\/wp-json\/wp\/v2\/comments?post=61346"}],"version-history":[{"count":34,"href":"https:\/\/greenschoolsgreenfuture.org\/fr\/wp-json\/wp\/v2\/pages\/61346\/revisions"}],"predecessor-version":[{"id":61495,"href":"https:\/\/greenschoolsgreenfuture.org\/fr\/wp-json\/wp\/v2\/pages\/61346\/revisions\/61495"}],"wp:attachment":[{"href":"https:\/\/greenschoolsgreenfuture.org\/fr\/wp-json\/wp\/v2\/media?parent=61346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}