{"id":57425,"date":"2025-04-30T09:57:26","date_gmt":"2025-04-30T09:57:26","guid":{"rendered":"https:\/\/www.greenpeace.org\/africa\/?page_id=57425"},"modified":"2026-06-29T13:09:46","modified_gmt":"2026-06-29T13:09:46","slug":"time-to-resist-thank-you","status":"publish","type":"page","link":"https:\/\/www.greenpeace.org\/africa\/en\/act\/time-to-resist\/time-to-resist-thank-you\/","title":{"rendered":"Time to Resist &#8211; Thank You"},"content":{"rendered":"\n<meta name=\"robots\" content=\"noindex\" \/>\n\n<iframe loading=\"lazy\" style=\"overflow: hidden; margin: 0px auto; display: block;\" xml=\"lang\" src=\"https:\/\/counter.greenpeace.org\/count?id=africattr\" width=\"1\" height=\"1\" frameborder=\"0\" scrolling=\"no\"><\/iframe>\n\n<iframe loading=\"lazy\" style=\"overflow: hidden;\" src=\"https:\/\/counter.greenpeace.org\/count?id=timetoresist\" width=\"1\" height=\"1\" frameborder=\"0\" scrolling=\"no\"><\/iframe>\n\n<!-- Add this to the style section -->\n<style>\nbody {\n  background-color: #f6f4ef !important;\n  background-image: url('https:\/\/www.greenpeace.org\/static\/planet4-africa-stateless-develop\/2025\/04\/7546ca9c-gp0su55ia_medium-res-1200px.jpg') !important;\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}\n\/* Gradient overlay for better readability *\/\nbody: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.5), rgba(0, 0, 0, 0.7));\n  z-index: -1;\n}\n.page-header-background:after {\n  background: none !important;\n}\n.form-bg {\n  height: fit-content;\n  background: rgba(255, 255, 255, 0.85) !important;\n  border-radius: 8px;\n  padding: 20px;\n  margin-top: 20px;\n}\n.row>* {\n  width: auto !important;\n}\n.skewed-overlay {\n  display: none !important;\n}\nh1, h2 {\n  color: #ffffff !important;\n  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);\n}\np {\n  font-family: helvetica;\n  color: #ffffff !important;\n}\n.form-bg p {\n  color: #000 !important;\n  text-shadow: none;\n}\n.text-bg {\n  background: rgba(0, 0, 0, 0.6);\n  padding: 15px;\n  border-radius: 5px;\n  margin-bottom: 15px;\n}\n.row h3 {\n  color: #FFF !important;\n}\n.text-bg a {\n  color: #00AAFD !important;\n}\n.text-bg a:visited {\n  color: #DA65FF !important;\n}\n.counter-title {\n  color: #FFF;\n  margin: 0;\n}\n.counter-target {\n  margin-bottom: 0 !important;\n}\n.counter-text {\n  text-align: left;\n}\n.form-ag {\n  align-self: self-start;\n}\n.site-footer, .nav-menu>ul, .nav-search-form, .nav-menu-toggle, .nav-search-toggle {\n  display: none;\n}\n.site-logo {\n  padding: 5px;\n}\n.has-white-background-color {\n  padding: 20px;\n  border-radius: 30px 30px 30px 30px;\n}\n@media screen and (max-width: 600px) {\n  .desktop-p, .desktop-spacer {\n    visibility: hidden;\n    display: none;\n  }\n  \n  .gform_wrapper .gform_footer input[type=submit] {\n    min-height: 52px !important;\n  }\n  \n  h1 {\n    margin-bottom: 10px;\n  }\n  \n  :where(.wp-block-columns.is-layout-flex) {\n    gap: 0.5em;\n  }\n}\n@media screen and (min-width: 600px) {\n  .mobile-p, .mobile-spacer {\n    visibility: hidden;\n    display: none;\n  }\n}\n.gform_validation_errors {\n  display: none;\n}\n.form-ag {\n  flex-basis: 33.33% !important;\n}\n.has-grey-900-color {\n   line-height:20px;\n}\n.top-navigation {\n  background: transparent !important;\n  position: static !important;\n}\n.page-content.no-page-title {\n  padding-top: 0 !important;\n}\n.site-logo {\n  pointer-events: none;\n}\n\/* Change text highlight\/selection color *\/\n::selection {\n  background-color: #66cc00;\n  color: #ffffff;\n}\n.gform_p4_confirmation {\n    background-color: #ff6e00b5;\n    padding: 10px;\n    margin-bottom: 25px;\n    border-radius: 10px;\n    color: white;\n    font-size: 25px;\n    font-family: 'GreenpeaceSans';\n}\n\n\/* Thank you page custom styles *\/\n.custom-frame {\n    background-color: rgba(255, 255, 255, 1);\n    border-radius: 15px;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);\n    padding: 30px;\n    text-align: center;\n    max-width: 800px;\n    margin: 60px auto 20px;\n}\n.custom-button-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    margin: 0 auto;\n    padding: 20px 0;\n}\n.custom-button, .custom-social-button {\n    width: 250px;\n    height: 50px;\n    color: white;\n    border: none;\n    cursor: pointer;\n    font-size: 16px;\n    margin: 12px 0;\n    font-family: 'Montserrat', helvetica, sans-serif;\n    font-weight: bold;\n    border-radius: 30px;\n    transition: all 0.3s ease;\n}\n.custom-button {\n    background-color: #66cc00;\n}\n.custom-button:hover {\n    background-color: #59b300;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n.custom-social-button {\n    color: white;\n    border: none;\n    cursor: pointer;\n    font-size: 16px;\n    margin: 12px 0;\n    font-family: 'Montserrat', helvetica, sans-serif;\n    font-weight: bold;\n}\n.custom-social-button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n.custom-facebook-button {\n    background-color: #3b5998;\n}\n.custom-twitter-button {\n    background-color: #1da1f2;\n}\n.custom-instagram-button {\n    background-color: #c32aa3;\n}\n.custom-whatsapp-button {\n    background-color: #25d366;\n}\n.custom-hidden {\n    display: none;\n}\n.custom-h2 {\n    color: #333 !important;\n    text-shadow: none;\n    font-family: 'GreenpeaceSans', helvetica, sans-serif;\n    margin-bottom: 25px;\n}\n#greeting {\n    font-size: 36px;\n    margin-top: 60px;\n    font-family: 'GreenpeaceSans', helvetica, sans-serif;\n}\n@media screen and (max-width: 600px) {\n    .custom-frame {\n        margin: 30px 15px;\n        padding: 20px;\n        max-width: 90%;\n    }\n    #greeting {\n        font-size: 28px;\n        margin-top: 40px;\n    }\n    .custom-button, .custom-social-button {\n        width: 90%;\n    }\n}\n\n\/* Heart Animation Styles - UPDATED FOR SLOWER ANIMATION *\/\n@keyframes heartbeat {\n    0% { transform: scale(1); }\n    25% { transform: scale(1.3); } \/* Reduced scaling from 1.4 *\/\n    50% { transform: scale(1.1); } \/* Reduced scaling from 1.2 *\/\n    75% { transform: scale(1.4); } \/* Reduced scaling from 1.6 *\/\n    100% { transform: scale(1); }\n}\n\n.heart-icon {\n    display: inline-block;\n    margin-right: 8px;\n    transition: all 0.3s ease;\n    width: 18px;\n    height: 18px;\n}\n\n#yesDonate {\n    position: relative;\n    overflow: hidden;\n}\n\n#yesDonate:hover .heart-icon {\n    animation: heartbeat 2.5s infinite; \/* Increased duration from 1.2s to 2.5s *\/\n    color: #ff4d4d;\n}\n\n\/* Button content transition *\/\n#yesDonate span {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    transition: all 0.3s ease;\n}\n\n#yesDonate:hover span {\n    transform: scale(1.05);\n}\n\n\/* No Thank You button transition *\/\n#noThanks {\n    background-color: #66cc00;\n    transition: background-color 0.5s ease;\n}\n\n#noThanks:hover {\n    background-color: #000000;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n\n\/* You can also enhance the animation with a pulse effect *\/\n@keyframes pulse {\n    0% { background-color: #66cc00; }\n    50% { background-color: #000000; }\n    100% { background-color: #66cc00; }\n}\n\n#noThanks:active {\n    animation: pulse 0.8s ease;\n}\n<\/style>\n\n<h1 style=\"text-align: center;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\" id=\"greeting\"><\/h1>\n   \n<div class=\"custom-frame\">\n    <div class=\"custom-button-container\">\n        <h2 class=\"custom-h2\">The more people taking action, the more impact we&#8217;ll have. Will you please share this campaign with your family and friends?<\/h2>\n        <button class=\"custom-social-button custom-facebook-button\" onclick=\"shareSocial('https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/act.gp\/3YSajdI')\">Share on Facebook<\/button>\n\n<button class=\"custom-social-button\" style=\"background-color: #000000;\" onclick=\"shareSocial('https:\/\/twitter.com\/intent\/tweet?text=Just%20signed%20this%20important%20petition%20to%20resist%20billionaires%20taking%20over%20our%20rights%20and%20freedoms.%20Join%20me%20and%20add%20your%20name%3A%20https:\/\/act.gp\/4iBS971')\">Share on X<\/button>\n\n<button class=\"custom-social-button\" style=\"background-color: #1185FE;\" onclick=\"shareSocial('https:\/\/bsky.app\/intent\/compose?text=Just%20signed%20this%20important%20petition%20to%20resist%20billionaires%20taking%20over%20our%20rights%20and%20freedoms.%20Join%20me%20and%20add%20your%20name%3A%20https:\/\/act.gp\/4lUBQoS')\">Share on Bluesky<\/button>\n\n<button class=\"custom-social-button custom-whatsapp-button\" onclick=\"shareSocial('https:\/\/api.whatsapp.com\/send\/?phone&#038;text=Just%20signed%20this%20important%20petition%20to%20resist%20billionaires%20taking%20over%20our%20rights%20and%20freedoms.%20Join%20me%20and%20add%20your%20name%3A%20https:\/\/act.gp\/time-to-resist')\">Share on WhatsApp<\/button>\n        \n        <div id=\"donation-section\" class=\"custom-hidden\" style=\"width: 100%; margin-top: 30px;\">\n            <h2 id=\"donateText\" class=\"custom-h2\">Our work is 100% funded by people like you, will you support us by giving a regular amount per month?<\/h2>\n            <button id=\"yesDonate\" class=\"custom-button\" onclick=\"donatePage()\">\n                <span>\n                    <svg class=\"heart-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"white\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path>\n                    <\/svg>\n                    Yes, I will donate\n                <\/span>\n            <\/button>\n            <button id=\"noThanks\" class=\"custom-button\" onclick=\"scrollToTop()\">No thank you<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Get and display the name from URL parameters when page loads\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Function to get query parameters from the URL\n        function getQueryParams() {\n            let params = {};\n            let queryString = window.location.search.substring(1);\n            let queries = queryString.split(\"&\");\n            for (let i = 0; i < queries.length; i++) {\n                let pair = queries[i].split(\"=\");\n                params[pair[0]] = decodeURIComponent(pair[1]);\n            }\n            return params;\n        }\n\n        \/\/ Function to capitalize the first letter of a string\n        function capitalizeFirstLetter(string) {\n            return string.charAt(0).toUpperCase() + string.slice(1);\n        }\n\n        \/\/ Get the query parameters\n        let queryParams = getQueryParams();\n\n        \/\/ Get the firstname parameter\n        let firstname = queryParams[\"firstname\"];\n\n        \/\/ Display the capitalized firstname on the page\n        if (firstname) {\n            document.getElementById(\"greeting\").textContent = `${capitalizeFirstLetter(firstname)}, thanks for signing the petition!`;\n        } else {\n            document.getElementById(\"greeting\").textContent = \"Thanks for signing the petition!\";\n        }\n    });\n\n    \/\/ Function to handle social sharing and reveal donation section\n    function shareSocial(url) {\n        \/\/ Open the share URL in a new window\/tab\n        window.open(url, '_blank');\n        \n        \/\/ Show the donation section with a slight delay\n        setTimeout(function() {\n            \/\/ Get the donation section element\n            var donationSection = document.getElementById('donation-section');\n            \n            \/\/ Remove the hidden class to make it visible\n            donationSection.classList.remove('custom-hidden');\n            \n            \/\/ Scroll to the donation section\n            var donateText = document.getElementById('donateText');\n            var elementPosition = donateText.getBoundingClientRect().top + window.scrollY;\n            var offsetPosition = elementPosition - 50;\n            \n            window.scrollTo({\n                top: offsetPosition,\n                behavior: 'smooth'\n            });\n        }, 500);\n    }\n\n    \/\/ Function to handle donation button click\n    function donatePage() {\n        window.open('https:\/\/africadonate.greenpeace.org\/page\/FUNBTJYHLCU?utm_campaign=TTR&#038;utm_source=ty-donation&#038;utm_medium=petition-website&#038;utm_content=ty-dnt-btn&#038;utm_term=ty-page-time-to-resist', '_blank');\n    }\n\n    \/\/ Function to scroll to top\n    function scrollToTop() {\n        window.scrollTo({\n            top: 0,\n            behavior: 'smooth'\n        });\n    }\n<\/script>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Get the firstname parameter from the URL\n  const urlParams = new URLSearchParams(window.location.search);\n  const firstName = urlParams.get('firstname');\n  \n  \/\/ If the firstname parameter exists, store it and clean the URL\n  if (firstName) {\n    \/\/ Store the name in a variable we can use\n    window.userName = firstName;\n    \n    \/\/ Clean the URL by removing the firstname parameter\n    const newUrl = window.location.pathname;\n    \n    \/\/ Replace the current URL without the query parameters\n    \/\/ This changes the URL without reloading the page\n    window.history.replaceState({}, document.title, newUrl);\n    \n    \/\/ Optional: Display the name in your thank you message\n    \/\/ Replace 'thanksMessage' with the actual ID of your thank you message element\n    const thanksElement = document.getElementById('thanksMessage');\n    if (thanksElement) {\n      thanksElement.textContent = `Thank you, ${firstName}, for your submission!`;\n    }\n  }\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Billionaires like Elon Musk were born in Africa but now use their power to infiltrate global politics, destroy the world and hurt the poorest in society.<\/p>\n","protected":false},"author":83,"featured_media":57421,"parent":57420,"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":"ET SLAPP","p4_local_project":"","p4_basket_name":"","p4_department":"","footnotes":""},"categories":[34],"tags":[46],"class_list":["post-57425","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\/57425","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=57425"}],"version-history":[{"count":10,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/pages\/57425\/revisions"}],"predecessor-version":[{"id":58451,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/pages\/57425\/revisions\/58451"}],"up":[{"embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/pages\/57420"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/media\/57421"}],"wp:attachment":[{"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/media?parent=57425"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/categories?post=57425"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greenpeace.org\/africa\/en\/wp-json\/wp\/v2\/tags?post=57425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}