{"id":60771,"date":"2026-05-26T08:49:06","date_gmt":"2026-05-26T08:49:06","guid":{"rendered":"https:\/\/www.greenpeace.org\/africa\/?page_id=60771"},"modified":"2026-05-26T08:49:13","modified_gmt":"2026-05-26T08:49:13","slug":"appelez-le-gouvernement-sud-africain-a-agir","status":"publish","type":"page","link":"https:\/\/www.greenpeace.org\/africa\/fr\/appelez-le-gouvernement-sud-africain-a-agir\/","title":{"rendered":"Appelez le gouvernement sud-africain \u00e0 agir"},"content":{"rendered":"\n\n<style>\n        \/* Base page styles - Light solidarity theme *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .tweet-tool-wrapper {\n            -webkit-user-select: text !important;\n            -moz-user-select: text !important;\n            -ms-user-select: text !important;\n            user-select: text !important;\n        }\n\n        .tweet-tool-wrapper * {\n            box-sizing: border-box;\n            -webkit-user-select: text !important;\n            -moz-user-select: text !important;\n            -ms-user-select: text !important;\n            user-select: text !important;\n        }\n\n        body {\n            background-color: #f0f5ed !important;\n            background-image: none !important;\n            position: relative;\n            font-family: 'Helvetica', Arial, sans-serif;\n            min-height: 100vh;\n        }\n\n        .background-video-container {\n            display: none;\n        }\n\n        \/* Soft gradient overlay - light greens *\/\n        body:before {\n            content: \"\";\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(160deg, #e8f5e3 0%, #f5f0e8 40%, #fdf8f0 100%);\n            z-index: -1;\n        }\n\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 40px 20px;\n        }\n\n        h1 {\n            color: #ffffff !important;\n            background-color: #198700;\n            padding: 15px 30px;\n            display: inline-block;\n            text-shadow: none;\n            font-size: 2.5rem;\n            margin-bottom: 30px;\n            font-weight: 900;\n            border-radius: 5px;\n        }\n\n        .container h1 {\n            text-align: center;\n            width: 100%;\n        }\n\n        .two-column-layout {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 30px;\n            align-items: start;\n        }\n\n        .left-column {\n            display: flex;\n            flex-direction: column;\n            gap: 0px;\n        }\n\n        .right-column {\n            display: flex;\n            flex-direction: column;\n            gap: 30px;\n        }\n\n        .intro-text {\n            background: #ffffff;\n            padding: 35px 40px;\n            border-radius: 10px;\n            color: #2d3436 !important;\n            line-height: 1.8;\n            border: 2px solid #c8e6c0;\n            box-shadow: 0 4px 20px rgba(25, 135, 0, 0.08);\n        }\n\n        .intro-text p {\n            margin-bottom: 15px;\n            color: #2d3436 !important;\n            font-size: 1.25rem;\n            font-weight: 500;\n        }\n\n        .intro-text strong {\n            color: #198700;\n            font-weight: 700;\n        }\n\n        \/* Tweet Tool Card *\/\n        .tweet-tool-card {\n            background: #ffffff;\n            border-radius: 20px;\n            padding: 40px;\n            box-shadow: 0 8px 30px rgba(25, 135, 0, 0.1);\n            border: 1px solid #d4e8cf;\n        }\n\n        .x-logo {\n            width: 40px;\n            height: 40px;\n            display: inline-block;\n            vertical-align: middle;\n            margin-right: 10px;\n        }\n\n        .tweet-tool-header {\n            display: flex;\n            align-items: center;\n            margin-bottom: 20px;\n        }\n\n        .tweet-tool-title {\n            color: #2d3436 !important;\n            font-size: 1.8rem;\n            font-weight: bold;\n            text-shadow: none !important;\n            margin: 0;\n            display: inline-block;\n        }\n\n        .tweet-content {\n            background: #f7faf6;\n            border: 2px solid #d4e8cf;\n            border-radius: 15px;\n            padding: 25px;\n            margin-bottom: 25px;\n            min-height: 200px;\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: #2d3436;\n            font-weight: 400 !important;\n        }\n\n        .tweet-tool-wrapper .tweet-tool-card .tweet-content,\n        .tweet-tool-wrapper .tweet-tool-card .tweet-content *,\n        .tweet-tool-wrapper .tweet-tool-card .tweet-content p,\n        .tweet-tool-wrapper .tweet-tool-card .tweet-content span,\n        .tweet-tool-wrapper .tweet-tool-card .tweet-content br {\n            font-weight: 400 !important;\n        }\n\n        .tweet-tool-wrapper .tweet-tool-card .tweet-content .mention {\n            font-weight: 700 !important;\n        }\n\n        .tweet-content .breaking {\n            color: #dc3545;\n            font-weight: bold;\n            display: block;\n            margin-bottom: 15px;\n        }\n\n        .tweet-content .hashtag {\n            color: #1da1f2;\n            font-weight: 500;\n        }\n\n        .button-group {\n            display: flex;\n            gap: 15px;\n            justify-content: center;\n            flex-wrap: wrap;\n        }\n\n        .btn {\n            padding: 15px 30px;\n            border: none;\n            border-radius: 15px;\n            font-size: 1.1rem;\n            font-weight: bold;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            white-space: nowrap;\n        }\n\n        .btn-tweet {\n            background: #000000;\n            color: white;\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n        }\n\n        .btn-tweet:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25);\n            background: #1a1a1a;\n        }\n\n        .btn-tweet .x-icon {\n            width: 18px;\n            height: 18px;\n            fill: white;\n        }\n\n        .btn-next {\n            background: linear-gradient(135deg, #198700 0%, #2ca50e 100%);\n            color: #ffffff;\n            box-shadow: 0 8px 25px rgba(25, 135, 0, 0.3);\n            font-weight: 800;\n        }\n\n        .btn-next:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 35px rgba(25, 135, 0, 0.4);\n            background: linear-gradient(135deg, #2ca50e 0%, #198700 100%);\n        }\n\n        .tweet-counter {\n            text-align: center;\n            color: #666;\n            margin-top: 15px;\n            font-size: 1rem;\n        }\n\n        .hashtag-section {\n            background: #198700;\n            padding: 20px;\n            border-radius: 10px;\n            border: none;\n            text-align: center;\n        }\n\n        .hashtag-section ::selection {\n            background-color: #ffffff;\n            color: #198700;\n        }\n\n        .hashtag-section ::-moz-selection {\n            background-color: #ffffff;\n            color: #198700;\n        }\n\n        .hashtag-section p {\n            color: #ffffff !important;\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        .hashtag-section p:first-child {\n            margin-bottom: 15px;\n        }\n\n        .hashtag-section .hashtag {\n            color: #ffffff;\n            font-weight: 700;\n            font-size: 1.3rem;\n        }\n\n        .hashtag-section a {\n            color: #c8e6c0 !important;\n            font-weight: 600;\n            text-decoration: none;\n        }\n\n        .hashtag-section a:hover {\n            color: #ffffff !important;\n            text-decoration: underline;\n        }\n\n        \/* Donation Section *\/\n        .donation-section {\n            background: #ffffff;\n            border-radius: 20px;\n            padding: 50px 40px;\n            box-shadow: 0 8px 30px rgba(25, 135, 0, 0.1);\n            border: 1px solid #d4e8cf;\n            margin-top: 40px;\n            text-align: center;\n            scroll-margin-top: 20px;\n            display: none;\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.5s ease, transform 0.5s ease;\n        }\n\n        .donation-section.show {\n            display: block;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .donation-section h2 {\n            color: #2d3436 !important;\n            font-size: 2.2rem;\n            font-weight: bold;\n            margin-bottom: 20px;\n            text-shadow: none !important;\n        }\n\n        .donation-section p {\n            color: #2d3436 !important;\n            font-size: 1.2rem;\n            line-height: 1.8;\n            margin-bottom: 30px;\n            text-shadow: none !important;\n        }\n\n        .donation-section strong {\n            color: #198700;\n            font-weight: 700;\n        }\n\n        .btn-donate {\n            background: linear-gradient(135deg, #ff6600 0%, #ff4400 100%);\n            color: #ffffff !important;\n            padding: 20px 50px;\n            border: none;\n            border-radius: 15px;\n            font-size: 1.3rem;\n            font-weight: bold;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            box-shadow: 0 8px 25px rgba(255, 102, 0, 0.3);\n            display: inline-block;\n            text-decoration: none;\n        }\n        \n        .btn-donate::after {\n            content: none !important;\n        }\n\n        .btn-donate:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 35px rgba(255, 102, 0, 0.4);\n            background: linear-gradient(135deg, #ff4400 0%, #ff6600 100%);\n        }\n\n        .thank-you-message {\n            background: #f0f7ee;\n            border: 2px solid #c8e6c0;\n            border-radius: 15px;\n            padding: 20px;\n            margin-bottom: 30px;\n            color: #2d3436 !important;\n        }\n\n        .thank-you-message h3 {\n            color: #198700 !important;\n            font-size: 1.5rem;\n            margin-bottom: 10px;\n            text-shadow: none !important;\n            font-weight: 700;\n        }\n\n        .thank-you-message p.large-text {\n            font-size: 1.35rem;\n            font-weight: 600;\n            margin-top: 15px;\n        }\n\n        .skip-donate-link {\n            color: #666;\n            text-decoration: underline;\n            font-size: 1rem;\n            cursor: pointer;\n            transition: color 0.3s ease;\n            display: inline-block;\n            margin-top: 20px;\n        }\n\n        .skip-donate-link:hover {\n            color: #198700;\n        }\n\n        \/* Social Share Section *\/\n        .social-share-section {\n            background: #ffffff;\n            border-radius: 20px;\n            padding: 50px 40px;\n            box-shadow: 0 8px 30px rgba(25, 135, 0, 0.1);\n            border: 1px solid #d4e8cf;\n            margin-top: 40px;\n            text-align: center;\n            scroll-margin-top: 20px;\n            display: none;\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.5s ease, transform 0.5s ease;\n        }\n\n        .social-share-section.show {\n            display: block;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .share-message h2 {\n            color: #2d3436 !important;\n            font-size: 2.2rem;\n            font-weight: bold;\n            margin-bottom: 20px;\n            text-shadow: none !important;\n        }\n\n        .share-message p {\n            color: #2d3436 !important;\n            font-size: 1.2rem;\n            line-height: 1.8;\n            margin-bottom: 30px;\n            text-shadow: none !important;\n        }\n\n        .btn-whatsapp {\n            background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);\n            color: #ffffff !important;\n            padding: 20px 50px;\n            border: none;\n            border-radius: 15px;\n            font-size: 1.3rem;\n            font-weight: bold;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3);\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        .btn-whatsapp:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 35px rgba(37, 211, 102, 0.4);\n            background: linear-gradient(135deg, #128C7E 0%, #25D366 100%);\n        }\n\n        .whatsapp-icon {\n            width: 24px;\n            height: 24px;\n        }\n\n        .share-note {\n            margin-top: 20px;\n            color: #666 !important;\n            font-size: 1.1rem;\n            font-style: italic;\n        }\n\n        \/* Hero Image Section *\/\n        .hero-image-section {\n            width: 100%;\n            margin: 30px 0;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);\n        }\n\n        .hero-image {\n            width: 100%;\n            height: auto;\n            display: block;\n            object-fit: cover;\n        }\n\n        .hero-caption {\n            background: #198700;\n            padding: 15px 20px;\n            color: #ffffff !important;\n            font-size: 0.95rem;\n            font-style: italic;\n            text-align: center;\n        }\n\n        \/* Mobile optimization *\/\n        @media screen and (max-width: 768px) {\n            .two-column-layout {\n                grid-template-columns: 1fr;\n            }\n\n            h1 {\n                font-size: 2rem;\n            }\n\n            .intro-text {\n                padding: 25px 20px;\n            }\n\n            .intro-text p {\n                font-size: 1.1rem;\n            }\n\n            .tweet-tool-card {\n                padding: 25px 20px;\n                border-radius: 15px;\n            }\n\n            .tweet-tool-title {\n                font-size: 1.5rem;\n            }\n\n            .tweet-content {\n                padding: 20px;\n                font-size: 1rem;\n            }\n\n            .btn {\n                padding: 12px 20px;\n                font-size: 1rem;\n            }\n\n            .button-group {\n                flex-direction: column;\n            }\n\n            .donation-section {\n                padding: 30px 20px;\n            }\n\n            .donation-section h2 {\n                font-size: 1.8rem;\n            }\n\n            .donation-section p {\n                font-size: 1rem;\n            }\n\n            .btn-donate {\n                padding: 15px 30px;\n                font-size: 1.1rem;\n                width: 100%;\n            }\n\n            .skip-donate-link {\n                font-size: 0.9rem;\n            }\n\n            .social-share-section {\n                padding: 30px 20px;\n            }\n\n            .share-message h2 {\n                font-size: 1.8rem;\n            }\n\n            .share-message p {\n                font-size: 1rem;\n            }\n\n            .btn-whatsapp {\n                padding: 15px 30px;\n                font-size: 1.1rem;\n                width: 100%;\n            }\n\n            .share-note {\n                font-size: 1rem;\n            }\n\n            .hero-image-section {\n                margin: 20px 0;\n                border-radius: 15px;\n            }\n\n            .hero-caption {\n                font-size: 0.85rem;\n                padding: 12px 15px;\n            }\n        }\n\n        ::selection {\n            background-color: #198700;\n            color: #ffffff;\n        }\n    <\/style>\n\n    <div class=\"tweet-tool-wrapper\">\n        <div class=\"container\">\n            <h1>Appelez le gouvernement sud-africain \u00e0 agir<\/h1>\n\n            <div class=\"two-column-layout\">\n                <!-- Left Column: Intro Text -->\n                <div class=\"left-column\">\n                    <div class=\"intro-text\">\n                        <p>La Journ\u00e9e de l&#8217;Afrique est n\u00e9e d&#8217;un continent qui a lutt\u00e9 ensemble pour la libert\u00e9. La lib\u00e9ration de l&#8217;Afrique du Sud a \u00e9t\u00e9 soutenue et d\u00e9fendue par ses voisins \u00e0 travers toute l&#8217;Afrique.<\/p>\n                        \n                        <p>Mais ces derniers mois, nous avons constat\u00e9 une forte augmentation des attaques x\u00e9nophobes et des actes d&#8217;intimidation en Afrique du Sud. Cela n&#8217;est pas acceptable. Les Africains qui se retournent les uns contre les autres ne nous permettront pas d&#8217;atteindre la justice sociale, environnementale et \u00e9conomique.<\/p>\n                        \n                        <p>La frustration est r\u00e9elle. Le ch\u00f4mage est r\u00e9el. Mais la violence et la x\u00e9nophobie ne sont pas la solution.<\/p>\n\n                        <p>Nous saluons les d\u00e9clarations des autorit\u00e9s, mais des actions concr\u00e8tes sont n\u00e9cessaires. <strong>Exprimons notre solidarit\u00e9 et faisons entendre notre voix d\u00e8s aujourd&#8217;hui.<\/strong><\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Right Column: Tweet Tool and Hashtags -->\n                <div class=\"right-column\">\n                    <div class=\"tweet-tool-card\">\n                        <div class=\"tweet-tool-header\">\n                            <svg class=\"x-logo\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path fill=\"#000000\" d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\n                            <\/svg>\n                            <h2 class=\"tweet-tool-title\">S\u00c9LECTIONNEZ VOTRE TWEET (X)<\/h2>\n                        <\/div>\n                        \n                        <div class=\"tweet-content\" id=\"tweetContent\">\n                            <!-- Tweet content will be inserted here by JavaScript -->\n                        <\/div>\n\n                        <div class=\"button-group\">\n                            <button class=\"btn btn-tweet\" id=\"tweetBtn\">\n                                PUBLIER SUR \n                                <svg class=\"x-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                    <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"btn btn-next\" id=\"nextBtn\">\n                                MESSAGE SUIVANT\n                            <\/button>\n                        <\/div>\n\n                        <div class=\"tweet-counter\" id=\"tweetCounter\">\n                            <!-- Counter will be inserted here by JavaScript -->\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"hashtag-section\" id=\"hashtagSection\">\n                        <p><span class=\"hashtag\">#UbuntuNotXenophobia<\/span> <span class=\"hashtag\">#AfricaDay<\/span><\/p>\n                        <p style=\"margin-top: 10px; font-style: italic;\">Si vous n&#8217;\u00eates pas sur X ou pensez avoir plus d&#8217;impact ailleurs, partagez les hashtags sur ces canaux. <a href=\"https:\/\/www.linkedin.com\/newsletters\/greenpeace-africa-updates-7439608475321577472\/\" target=\"_blank\">LinkedIn<\/a>, <a href=\"https:\/\/www.instagram.com\/channel\/AbZIYAdJEhKmbsEA\/\" target=\"_blank\">Instagram<\/a>, ou <a href=\"https:\/\/www.facebook.com\/GreenpeaceAfrica\/\" target=\"_blank\">Facebook<\/a>.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Social Share Section (shown first after tweeting) -->\n            <div class=\"social-share-section\" id=\"socialShareSection\">\n                <div class=\"share-message\">\n                    <h2>\ud83d\udce2 Faites passer le message !<\/h2>\n                    <p>Aidez-nous \u00e0 toucher davantage de personnes et \u00e0 contribuer \u00e0 mettre fin aux attaques x\u00e9nophobes en Afrique du Sud en partageant ce message avec votre famille et vos amis sur WhatsApp.<\/p>\n                <\/div>\n                \n                <button class=\"btn-whatsapp\" id=\"whatsappBtn\">\n                    <svg class=\"whatsapp-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path fill=\"white\" d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\n                    <\/svg>\n                    Partager sur WhatsApp\n                <\/button>\n                \n                <p class=\"share-note\">Ensemble, nous pouvons mettre fin \u00e0 la x\u00e9nophobie !<\/p>\n            <\/div>\n\n            <!-- Donation Section (shown after WhatsApp share) -->\n            <div class=\"donation-section\" id=\"donationSection\">\n                <div class=\"thank-you-message\">\n                    <h3>Notre travail est financ\u00e9 \u00e0 100% par des personnes comme vous. Soutiendrez-vous notre action par un don mensuel r\u00e9gulier ?<\/h3>\n                <\/div>\n                \n                <a href=\"https:\/\/africadonate.greenpeace.org\/page\/general-campaign?utm_campaign=ppp&#038;utm_source=digital-activist&#038;utm_medium=main-website&#038;utm_content=button&#038;utm_term=ty-page-tweet-tool-1\" class=\"btn-donate\" id=\"donateBtn\" target=\"_blank\">\n                    \ud83d\udc9a Faire un don\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n   <script>\n    \/\/ SINGLE UNIFIED TWEET ARRAY - FRENCH VERSION\n    \/\/ Using Unicode escapes for accented characters to prevent encoding issues on CMS platforms\n    const tweets = [\n        {\n            text: \"La frustration est r\\u00e9elle. Le ch\\u00f4mage est r\\u00e9el. La pression sur le logement, les \\u00e9coles et les h\\u00f4pitaux est bien r\\u00e9elle. Les Sud-Africains traversent des difficult\\u00e9s, mais la x\\u00e9nophobie et la violence ne sont pas la solution.\\n#AfricaDay #UbuntuNotXenophobia\"\n        },\n        {\n            text: \"Restons solidaires et opposons-nous \\u00e0 la violence. Nous savons de quoi l'Afrique du Sud est capable. Nous avons vu son courage.\\n#AfricaDay #UbuntuNotXenophobia\"\n        },\n        {\n            text: \".@PresidencyZA L'Afrique regarde. Le monde regarde. Merci de vous \\u00eatre exprim\\u00e9s, mais maintenant nous avons besoin d'actions. La x\\u00e9nophobie et la violence n'ont pas leur place dans une Afrique du Sud d\\u00e9mocratique.\\n#UbuntuNotXenophobia #AfricaDay\"\n        },\n        {\n            text: \".@PresidencyZA Attaquer un ressortissant \\u00e9tranger n'est pas une forme de protestation. C'est un crime. Propager la haine dans les rues d'Afrique du Sud n'est pas de la libert\\u00e9 d'expression. C'est de l'incitation. Merci de vous \\u00eatre exprim\\u00e9s contre la x\\u00e9nophobie.\\n#UbuntuNotXenophobia #AfricaDay\"\n        }\n    ];\n\n    let currentTweetIndex = 0;\n\n    \/\/ Format tweet text for display - builds DOM nodes directly to avoid HTML parsing issues\n    function updateTweetContent(container, text) {\n        container.innerHTML = '';\n        container.style.setProperty('font-weight', '400', 'important');\n        \n        \/\/ Split by newlines first\n        var lines = text.split('\\n');\n        for (var i = 0; i < lines.length; i++) {\n            if (i > 0) {\n                container.appendChild(document.createElement('br'));\n            }\n            var line = lines[i];\n            if (line === '') continue;\n            \n            \/\/ Split line into tokens by spaces, preserving spaces\n            var tokens = line.split(\/(\\s+)\/);\n            for (var j = 0; j < tokens.length; j++) {\n                var token = tokens[j];\n                if (token.match(\/^\\.?@\\w+\/)) {\n                    \/\/ Handle @mention - bold\n                    var mentionSpan = document.createElement('span');\n                    mentionSpan.textContent = token;\n                    mentionSpan.style.setProperty('font-weight', '700', 'important');\n                    container.appendChild(mentionSpan);\n                } else if (token.match(\/^#\\w+\/)) {\n                    \/\/ Handle #hashtag - blue\n                    var hashSpan = document.createElement('span');\n                    hashSpan.textContent = token;\n                    hashSpan.style.setProperty('font-weight', '500', 'important');\n                    hashSpan.style.setProperty('color', '#1da1f2', 'important');\n                    container.appendChild(hashSpan);\n                } else {\n                    \/\/ Regular text - normal weight\n                    var textNode = document.createTextNode(token);\n                    container.appendChild(textNode);\n                }\n            }\n        }\n    }\n\n    \/\/ Update the displayed tweet\n    function updateTweet() {\n        var tweetContent = document.getElementById('tweetContent');\n        var tweetCounter = document.getElementById('tweetCounter');\n        \n        updateTweetContent(tweetContent, tweets[currentTweetIndex].text);\n        tweetCounter.textContent = 'Tweet ' + (currentTweetIndex + 1) + ' sur ' + tweets.length;\n    }\n\n    \/\/ Show next tweet\n    document.getElementById('nextBtn').addEventListener('click', function() {\n        currentTweetIndex = (currentTweetIndex + 1) % tweets.length;\n        updateTweet();\n    });\n\n    \/\/ Tweet button - opens Twitter and shows WhatsApp share section\n    document.getElementById('tweetBtn').addEventListener('click', function() {\n        \/\/ Get the raw tweet text\n        const tweetText = tweets[currentTweetIndex].text;\n        \n        \/\/ Clean and encode for Twitter URL\n        const cleanedText = tweetText.trim();\n        const twitterUrl = `https:\/\/twitter.com\/intent\/tweet?text=${encodeURIComponent(cleanedText)}`;\n        \n        window.open(twitterUrl, '_blank');\n        \n        setTimeout(function() {\n            const socialShareSection = document.getElementById('socialShareSection');\n            socialShareSection.classList.add('show');\n            \n            setTimeout(function() {\n                socialShareSection.scrollIntoView({ behavior: 'smooth', block: 'center' });\n            }, 100);\n        }, 300);\n    });\n\n    \/\/ WhatsApp share button - opens WhatsApp and shows donation section\n    document.getElementById('whatsappBtn').addEventListener('click', function() {\n        const shareText = \"Nous croyons que chaque Africain m\\u00e9rite dignit\\u00e9 et s\\u00e9curit\\u00e9. Nous demandons au gouvernement sud-africain de d\\u00e9fendre l'esprit d'Ubuntu en cette Journ\\u00e9e de l'Afrique et de prot\\u00e9ger chaque Africain dans le pays. #UbuntuNotXenophobia #AfricaDay\";\n        const shareUrl = window.location.href;\n        const whatsappUrl = `https:\/\/wa.me\/?text=${encodeURIComponent(shareText + '\\n\\n' + shareUrl)}`;\n        \n        window.open(whatsappUrl, '_blank');\n        \n        setTimeout(function() {\n            const donationSection = document.getElementById('donationSection');\n            donationSection.classList.add('show');\n            \n            setTimeout(function() {\n                donationSection.scrollIntoView({ behavior: 'smooth', block: 'center' });\n            }, 100);\n        }, 300);\n    });\n\n    \/\/ Initialize on page load\n    document.addEventListener('DOMContentLoaded', function() {\n        updateTweet();\n    });\n<\/script>\n\n<style>\n.site-footer, .nav-menu>ul, .nav-search-form, .nav-menu-toggle, .nav-search-toggle, .page-header, .nav-search-toggle.medium-and-less {\n  display: none;\n}\n\n\n.site-logo {\n\n   padding: 5px;\n\n}\n\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Exprimons notre solidarit\u00e9 et faisons entendre notre voix d\u00e8s aujourd\u2019hui.<\/p>\n","protected":false},"author":83,"featured_media":60768,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"ep_exclude_from_search":false,"p4_hide_page_title_checkbox":"on","p4_title":"","p4_subtitle":"","p4_description":"","background_image_id":"","background_image":"","p4_button_title":"","p4_button_link":"","p4_button_link_checkbox":"","p4_og_title":"","p4_og_description":"","p4_og_image":"","p4_og_image_id":"","p4_seo_canonical_url":"","p4_campaign_name":"","p4_local_project":"","p4_basket_name":"","p4_department":"","footnotes":""},"categories":[57],"tags":[42],"class_list":["post-60771","page","type-page","status-publish","has-post-thumbnail","hentry","category-inspirer-le-mouvement","tag-greenpeaceafrique"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.greenpeace.org\/africa\/fr\/wp-json\/wp\/v2\/pages\/60771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.greenpeace.org\/africa\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.greenpeace.org\/africa\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/fr\/wp-json\/wp\/v2\/users\/83"}],"replies":[{"embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/fr\/wp-json\/wp\/v2\/comments?post=60771"}],"version-history":[{"count":4,"href":"https:\/\/www.greenpeace.org\/africa\/fr\/wp-json\/wp\/v2\/pages\/60771\/revisions"}],"predecessor-version":[{"id":60775,"href":"https:\/\/www.greenpeace.org\/africa\/fr\/wp-json\/wp\/v2\/pages\/60771\/revisions\/60775"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/fr\/wp-json\/wp\/v2\/media\/60768"}],"wp:attachment":[{"href":"https:\/\/www.greenpeace.org\/africa\/fr\/wp-json\/wp\/v2\/media?parent=60771"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/fr\/wp-json\/wp\/v2\/categories?post=60771"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/fr\/wp-json\/wp\/v2\/tags?post=60771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}