{"id":60764,"date":"2026-05-25T15:26:48","date_gmt":"2026-05-25T15:26:48","guid":{"rendered":"https:\/\/www.greenpeace.org\/africa\/?page_id=60764"},"modified":"2026-05-25T15:27:51","modified_gmt":"2026-05-25T15:27:51","slug":"call-on-the-south-african-government-to-act","status":"publish","type":"page","link":"https:\/\/www.greenpeace.org\/africa\/en\/call-on-the-south-african-government-to-act\/","title":{"rendered":"Call on the South African government to act"},"content":{"rendered":"\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>Call on the South African government to act<\/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>Africa Day was born from a continent that fought together for freedom. South Africa\u2019s liberation was supported and championed by neighbours across Africa.<\/p>\n                        \n                        <p>But in recent months we have seen a sharp rise xenophobic attacks and intimidation in South Africa. That is not acceptable. Africans turning on each other is not how we will achieve social, environmental and economic justice. <\/p>\n                        \n                        <p>The frustration is real. Unemployment is real. Violence and xenophobia are not the answer.<\/p>\n\n                        <p>We commend the statements made by leading officials, but we need action. <strong>Please pick a message of solidarity and tweet. Add your voice today.<\/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\">SELECT YOUR TWEET (X) POST<\/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                                POST ON \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                                SHOW NEXT MESSAGE\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;\">If you are not on X or think you have more power elsewhere, please spread the tags on these channels. <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>, or <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>Thank you for taking action!<\/h2>\n                    <p>Help us reach more people and help stop xenophobic attacks in South Africa by sharing this with your family and friends on 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                    Share on WhatsApp\n                <\/button>\n                \n                <p class=\"share-note\">Together, we can stop xenophobia!<\/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>Our work is 100% funded by people like you. Will you support us by giving a regular amount per month?<\/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 Donate Now\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n   <script>\n    \/\/ SINGLE UNIFIED TWEET ARRAY - SAME FOR ALL DEVICES\n    const tweets = [\n        {\n            text: \"The frustration is real. Unemployment is real. The pressure on housing, on schools, on hospitals - it is real. South Africans are struggling, but xenophobia and violence are not the answer. #AfricaDay #UbuntuNotXenophobia\"\n        },\n        {\n            text: \"Let's stand with one another and against violence. We know what South Africa is capable of. We have seen its courage. #AfricaDay #UbuntuNotXenophobia\"\n        },\n        {\n            text: \".@PresidencyZA Africa is watching. The world is watching. Thank you for speaking out, now we need action. Xenophobia and violence have no place in a democratic South Africa. Yes, condemn it. Prosecute it. End it.\\n\\n#UbuntuNotXenophobia #AfricaDay\"\n        },\n        {\n            text: \".@PresidencyZA Attacking a foreign national is not protest - it is a crime. Preaching hate on South African streets is not free speech - it is incitement. Thank you for speaking out against xenophobia. Please do more to end violence and intimidation.\\n\\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) + ' of ' + 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 = \"We believe every African deserves dignity and safety. We're asking the SA government to uphold the spirit of Ubuntu this Africa Day and protect every African in the country. #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\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Call on the South African government to act Africa Day was born from a continent that fought together for freedom. South Africa\u2019s liberation was supported and championed by neighbours across Africa. But in recent months we have seen a sharp rise xenophobic attacks and intimidation in South Africa. That is not acceptable. Africans turning on [&hellip;]<\/p>\n","protected":false},"author":83,"featured_media":60767,"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":[34],"tags":[46],"class_list":["post-60764","page","type-page","status-publish","has-post-thumbnail","hentry","category-inspirethemovement","tag-greenpeaceafrica"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/pages\/60764","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/users\/83"}],"replies":[{"embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/comments?post=60764"}],"version-history":[{"count":4,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/pages\/60764\/revisions"}],"predecessor-version":[{"id":60770,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/pages\/60764\/revisions\/60770"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/media\/60767"}],"wp:attachment":[{"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/media?parent=60764"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/categories?post=60764"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/tags?post=60764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}