{"id":59033,"date":"2025-09-30T09:01:01","date_gmt":"2025-09-30T09:01:01","guid":{"rendered":"https:\/\/www.greenpeace.org\/africa\/?page_id=59033"},"modified":"2026-06-29T13:06:09","modified_gmt":"2026-06-29T13:06:09","slug":"take-action-on-social-media-big-oil-just-got-served","status":"publish","type":"page","link":"https:\/\/www.greenpeace.org\/africa\/en\/take-action-on-social-media-big-oil-just-got-served\/","title":{"rendered":"Take action on social media: Big Oil Just Got Served!"},"content":{"rendered":"\n<style>\n        \/* Base page styles with video background *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Scope all styles to prevent interference with existing site elements *\/\n        .tweet-tool-wrapper * {\n            box-sizing: border-box;\n        }\n\n        body {\n            background-color: #f6f4ef !important;\n            background-image: url('https:\/\/www.greenpeace.org\/static\/planet4-africa-stateless\/2025\/09\/35c4418e-african-energy-week.jpg');\n            background-size: cover !important;\n            background-position: center center !important;\n            background-attachment: fixed !important;\n            background-repeat: no-repeat;\n            position: relative;\n            font-family: 'Helvetica', Arial, sans-serif;\n            min-height: 100vh;\n        }\n\n        \/* Background Video Styles - Hidden *\/\n        .background-video-container {\n            display: none;\n        }\n\n        \/* Gradient overlay for better readability *\/\n        body:before {\n            content: \"\";\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.75));\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: #FFD700 !important;\n            background-color: #000000;\n            padding: 15px 30px;\n            display: inline-block;\n            text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.9);\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: rgba(0, 0, 0, 0.85);\n            padding: 35px 40px;\n            border-radius: 10px;\n            color: #ffffff !important;\n            line-height: 1.8;\n            border: 2px solid rgba(255, 215, 0, 0.3);\n        }\n\n        .intro-text p {\n            margin-bottom: 15px;\n            color: #ffffff !important;\n            font-size: 1.25rem;\n            font-weight: 500;\n        }\n\n        .intro-text strong {\n            color: #FFD700;\n            font-weight: 700;\n        }\n\n        \/* Tweet Tool Card *\/\n        .tweet-tool-card {\n            background: rgba(255, 255, 255, 0.95);\n            border-radius: 20px;\n            padding: 40px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.2);\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: #333 !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: #f8f9fa;\n            border: 2px solid #e9ecef;\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: #333;\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.3);\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.4);\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, #FFD700 0%, #FFA500 100%);\n            color: #000000;\n            box-shadow: 0 8px 25px rgba(255, 215, 0, 0.4);\n            font-weight: 800;\n        }\n\n        .btn-next:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 35px rgba(255, 215, 0, 0.5);\n            background: linear-gradient(135deg, #FFA500 0%, #FFD700 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: rgba(0, 0, 0, 0.75);\n            padding: 20px;\n            border-radius: 10px;\n            border: 2px solid rgba(255, 215, 0, 0.3);\n            text-align: center;\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: #FFD700;\n            font-weight: 700;\n            font-size: 1.3rem;\n        }\n\n        \/* Donation Section *\/\n        .donation-section {\n            background: rgba(255, 255, 255, 0.95);\n            border-radius: 20px;\n            padding: 50px 40px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.2);\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: #333 !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: #333 !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: #FFA500;\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.4);\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.5);\n            background: linear-gradient(135deg, #ff4400 0%, #ff6600 100%);\n        }\n\n        .thank-you-message {\n            background: rgba(255, 215, 0, 0.15);\n            border: 2px solid #FFD700;\n            border-radius: 15px;\n            padding: 20px;\n            margin-bottom: 30px;\n            color: #333 !important;\n        }\n\n        .thank-you-message h3 {\n            color: #FFA500 !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: #333;\n        }\n\n        \/* Social Share Section *\/\n        .social-share-section {\n            background: rgba(255, 255, 255, 0.95);\n            border-radius: 20px;\n            padding: 50px 40px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.2);\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: #333 !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: #333 !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.4);\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.5);\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 20px 60px rgba(0, 0, 0, 0.4);\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: rgba(0, 0, 0, 0.7);\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: #FFD700;\n            color: #000000;\n        }\n    <\/style>\n\n    <div class=\"tweet-tool-wrapper\">\n        <div class=\"container\">\n            <h1>\ud83d\udea8 BREAKING: Big Oil Just Got Served!<\/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>Greenpeace Africa activists are outside African Energy Week at the Cape Town Convention Centre, <strong>demanding polluters pay up for the damage they have caused to communities in Africa.<\/strong><\/p>\n                        \n                        <p>We need the rest of the world to know that brave activists are currently confronting oil and gas companies with a <strong>bill for their destructive activities, telling them to pay and get out of our continent.<\/strong><\/p>\n                        \n                        <p>That&#8217;s why we&#8217;re asking you to quickly <strong>send a message<\/strong> to key <strong>news and media organisations<\/strong> so they can get the word out there. Will you tweet at them <strong>(post on X)<\/strong> and ask them to amplify this story now?<\/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\">\n                        <p><span class=\"hashtag\">#MakePollutersPay<\/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 tag journalists and media houses under these posts on <a href=\"https:\/\/linkedin.com\/feed\/update\/urn:li:ugcPost:7378715359186673664\" target=\"_blank\" style=\"color: #66cc00; font-weight: 600; text-decoration: none;\">LinkedIn<\/a>, <a href=\"https:\/\/www.instagram.com\/reel\/DPOG-ZNle4V\/\" target=\"_blank\" style=\"color: #66cc00; font-weight: 600; text-decoration: none;\">Instagram<\/a>, <a href=\"https:\/\/bsky.app\/profile\/greenpeaceafrica.org\/post\/3m2266okq3c2j\" target=\"_blank\" style=\"color: #66cc00; font-weight: 600; text-decoration: none;\">Bluesky<\/a> or <a href=\"https:\/\/www.facebook.com\/share\/v\/178L3VKZzs\/\" target=\"_blank\" style=\"color: #66cc00; font-weight: 600; text-decoration: none;\">Facebook<\/a>.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Donation Section -->\n            <div class=\"donation-section\" id=\"donationSection\">\n                <div class=\"thank-you-message\">\n                    <h3>\ud83c\udf89 Thank you for taking action!<\/h3>\n                    <p style=\"margin-bottom: 0;\">Your voice matters in holding polluters accountable.<\/p>\n                    <p class=\"large-text\">Our work is 100% funded by people like you, will you support us by giving a regular amount per month?<\/p>\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                \n                <div>\n                    <a href=\"#\" class=\"skip-donate-link\" id=\"skipDonateLink\">Not right now, but I can share<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Social Share Section -->\n            <div class=\"social-share-section\" id=\"socialShareSection\">\n                <div class=\"share-message\">\n                    <h2>\ud83d\udce2 Spread the word!<\/h2>\n                    <p>Help us reach more people by sharing this campaign 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 make polluters pay! <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n   <script>\n    \/\/ SINGLE UNIFIED TWEET ARRAY - SAME FOR ALL DEVICES\n    const tweets = [\n        {\n            text: \"Dear @BBCAfrica, Greenpeace activists are at the African Energy Week in Cape Town, unveiling a massive bill for big oil, telling them to stop fossil fuel projects that continue to destroy communities in Africa. DM @GreenpeaceAfric for media contacts and images.#MakePollutersPay\"\n        },\n        {\n            text: \"Dear @AJEnglish, Greenpeace activists are at the African Energy Week in Cape Town, unveiling a huge bill for big oil, telling them to stop fossil fuel projects that continue to destroy communities in Africa. DM @GreenpeaceAfric for media contacts and images.#MakePollutersPay\"\n        },\n        {\n            text: \"Dear @SABCNews, Greenpeace activists are at the African Energy Week in Cape Town, unveiling a huge bill for big oil, telling them to stop fossil fuel projects that continue to destroy communities in Africa. DM @GreenpeaceAfric for media contacts and images.#MakePollutersPay\"\n        },\n        {\n            text: \"Dear @cnbcafrica, Greenpeace activists are at the African Energy Week in Cape Town, unveiling a huge bill for big oil, telling them to stop fossil fuel projects that continue to destroy communities in Africa. DM @GreenpeaceAfric for media contacts and images.#MakePollutersPay\"\n        }\n    ];\n\n    let currentTweetIndex = 0;\n\n    \/\/ Format tweet text for display with HTML\n    function formatTweetForDisplay(text) {\n        let formatted = text;\n        formatted = formatted.replace(\/n\/g, '<br>');\n        formatted = formatted.replace(\/#(w+)\/g, '<span class=\"hashtag\">#$1<\/span>');\n        formatted = formatted.replace(\/@(w+)\/g, '<strong>@$1<\/strong>');\n        return formatted;\n    }\n\n    \/\/ Update the displayed tweet\n    function updateTweet() {\n        const tweetContent = document.getElementById('tweetContent');\n        const tweetCounter = document.getElementById('tweetCounter');\n        \n        tweetContent.innerHTML = formatTweetForDisplay(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 with pre-populated text and scrolls to donation\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 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    \/\/ Donate button - opens in new tab and shows social share section\n    document.getElementById('donateBtn').addEventListener('click', function(e) {\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    \/\/ Skip donate link - scrolls to social share section\n    document.getElementById('skipDonateLink').addEventListener('click', function(e) {\n        e.preventDefault();\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    });\n\n    \/\/ WhatsApp share button\n    document.getElementById('whatsappBtn').addEventListener('click', function() {\n        const shareText = \"BREAKING: Greenpeace Africa activists are confronting Big Oil at African Energy Week in Cape Town, demanding polluters pay up for the damage they've caused! Join the movement to #MakePollutersPay\";\n        const shareUrl = window.location.href;\n        const whatsappUrl = `https:\/\/wa.me\/?text=${encodeURIComponent(shareText + 'nn' + shareUrl)}`;\n        \n        window.open(whatsappUrl, '_blank');\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 {\n  display: none;\n}\n\n<\/style>\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Send a message to key news and media organisations so they can get the word out there. <\/p>\n","protected":false},"author":83,"featured_media":59035,"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_seo_meta_title":"","p4_seo_meta_description":"","p4_campaign_name":"","p4_local_project":"","p4_basket_name":"","p4_department":"","footnotes":""},"categories":[33],"tags":[46],"class_list":["post-59033","page","type-page","status-publish","has-post-thumbnail","hentry","category-protecttheenvironment","tag-greenpeaceafrica"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/pages\/59033","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=59033"}],"version-history":[{"count":8,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/pages\/59033\/revisions"}],"predecessor-version":[{"id":61072,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/pages\/59033\/revisions\/61072"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/media\/59035"}],"wp:attachment":[{"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/media?parent=59033"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/categories?post=59033"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/tags?post=59033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}