CINXE.COM

Donate to Help Build A Powerful Climate Movement - 350

<!doctype html> <html class="no-blend ak-hosted" lang="en" > <head> <!-- Google Optimise Anti-flicker snippet --> <script> dataLayer = []; </script> <!-- Anti-flicker snippet (recommended) --> <style> .async-hide { opacity: 0 !important } </style> <script> (function (a, s, y, n, c, h, i, d, e) { s.className += ' ' + y; h.start = 1 * new Date; h.end = i = function () { s.className = s.className.replace(RegExp(' ?' + y), '') }; (a[n] = a[n] || []).hide = h; setTimeout(function () { i(); h.end = null }, c); h.timeout = c; })(window, document.documentElement, 'async-hide', 'dataLayer', 4000, { 'GTM-MNNGDHL': true }); </script> <!-- Google Tag Manager --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-MNNGDHL'); </script> <!-- Conversion Funnel Tracking --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-2JDP8BTBJM"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-2JDP8BTBJM'); </script> <!-- End Google Tag Manager --> <!-- Start VWO Async SmartCode --> <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" /> <script type='text/javascript' id='vwoCode'> window._vwo_code=window._vwo_code || (function() { var account_id=725714, version = 1.5, settings_tolerance=2000, library_tolerance=2500, use_existing_jquery=false, is_spa=1, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important', /* DO NOT EDIT BELOW THIS LINE */ f=false,w=window,d=document,vwoCodeEl=d.querySelector('#vwoCode'),code={use_existing_jquery:function(){return use_existing_jquery},library_tolerance:function(){return library_tolerance},hide_element_style:function(){return'{'+hide_element_style+'}'},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=d.createElement('script');t.fetchPriority='high';t.src=e;t.type='text/javascript';t.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(t)},getVersion:function(){return version},getMatchedCookies:function(e){var t=[];if(document.cookie){t=document.cookie.match(e)||[]}return t},getCombinationCookie:function(){var e=code.getMatchedCookies(/(?:^|;)\s?(_vis_opt_exp_\d+_combi=[^;$]*)/gi);e=e.map(function(e){try{var t=decodeURIComponent(e);if(!/_vis_opt_exp_\d+_combi=(?:\d+,?)+\s*$/.test(t)){return''}return t}catch(e){return''}});var i=[];e.forEach(function(e){var t=e.match(/([\d,]+)/g);t&&i.push(t.join('-'))});return i.join('|')},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;w.settings_timer=setTimeout(function(){_vwo_code.finish()},settings_tolerance);var e=d.currentScript,t=d.createElement('style'),i=e&&!e.async?hide_element?hide_element+'{'+hide_element_style+'}':'':code.lA=1,n=d.getElementsByTagName('head')[0];t.setAttribute('id','_vis_opt_path_hides');vwoCodeEl&&t.setAttribute('nonce',vwoCodeEl.nonce);t.setAttribute('type','text/css');if(t.styleSheet)t.styleSheet.cssText=i;else t.appendChild(d.createTextNode(i));n.appendChild(t);var o=this.getCombinationCookie();this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&f='+ +is_spa+'&vn='+version+(o?'&c='+o:''));return settings_timer}};w._vwo_settings_timer = code.init();return code;}()); </script> <!-- End VWO Async SmartCode --> <title>Donate to Help Build A Powerful Climate Movement - 350</title> <link rel="icon" type="image/png" href="https://s3.amazonaws.com/s3.350.org/images/favicon.png" /> <meta charset="utf-8" /> <meta name="google-site-verification" content="xBbyZ3PFWhcaCUUS4MfP-1L-BCB1CgGiUzcpOzbk6pM" /> <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta property="og:type" content="website" /> <meta property="fb:app_id" content="148617041897246" /> <meta property="og:locale" content="en_US" /> <meta property="og:image" content="https://dbqvwi2zcv14h.cloudfront.net/images/48770000686_542d486606_o.jpg" /> <meta name="twitter:image" content="https://dbqvwi2zcv14h.cloudfront.net/images/48770000686_542d486606_o.jpg" /> <meta property="og:title" content="Donate to Help Build A Powerful Climate Movement" /> <meta property="og:url" content="https://act.350.org/donate/web_banner_main_nav_v1" /> <meta name="description" property="og:description" content="We believe in a safe climate and a better future — a just, prosperous, and equitable world built with the power of ordinary people. Help us get there!"> <meta name="twitter:url" content="https://act.350.org/donate/web_banner_main_nav_v1" /> <meta name="twitter:title" content="Donate to Help Build A Powerful Climate Movement" /> <meta name="twitter:description" content="We believe in a safe climate and a better future — a just, prosperous, and equitable world built with the power of ordinary people. Help us get there!" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@350" /> <meta name="twitter:site:id" content="350.org" /> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <!--JQuery UI CSS--> <link href='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css' rel='stylesheet' /> <!--End--> <!--TimePicker CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css"/> <!--End--> <!-- TODO: Testing master push --> <link rel='stylesheet' id='baseline-css' href='https://dbqvwi2zcv14h.cloudfront.net/ak/ak-v3.css' type='text/css' media='screen' /> <link rel='stylesheet' href='https://dbqvwi2zcv14h.cloudfront.net/ak/custom.css' type='text/css' media='screen' /> <style> #body-mobile-background { background-color: ; background-image: url(https://dbqvwi2zcv14h.cloudfront.net/images/ec-background-image-optimised.jpeg); } </style> <link href="https://dbqvwi2zcv14h.cloudfront.net/ak/donate.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script> <script type="text/javascript" src="https://act.350.org/resources/actionkit.js"></script> <!--Recaptcha--> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <!--Timepicker JS--> <script src="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script> <!--[if lte IE 9]> <link href="https://dbqvwi2zcv14h.cloudfront.net/images/ak-v3-ie9.css" rel="stylesheet" type="text/css"> <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://dbqvwi2zcv14h.cloudfront.net/images/respond.js"></script> <![endif]--> <script type="text/javascript" src="https://dbqvwi2zcv14h.cloudfront.net/ak/donate.js"></script> <script language="javascript"> $(function () { $('input[name="amount"]').on( 'click', highlight_selected_amount_button); $('input[name="amount_other"]').on( 'click change', highlight_selected_amount_button); $('.ak_product_inputs').on('change blur', update_total); $('.ak_candidate_inputs').on('change blur', update_total); $('.ak-amount-radio-button') .on('change blur', update_total) .on('click', clear_other) .on('click', update_total); $('#ak-other-amount-field') .on('change blur', update_total) .on('click keypress', clear_radio_buttons) .on('click', update_total); // preselect an amount with a url parameter var arg_amount_selected = false; var arg_amount = 10; // Records Product "Details View" based on product click from Homepage dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. dataLayer.push({ 'ecommerce': { 'detail': { 'actionField': { 'list': 'web_crawler_desktop', }, 'products': [{ 'name': 'donation', 'id': 'id_donation', 'variant': 'preset' , 'price': '10', }] } } }); var currencyCode = getCurrencyCode(); dataLayer.push({ event: 'view_item', ecommerce: { currency: currencyCode, items: [{ item_id: '12459', item_name: 'web_banner_main_nav_v1', quantity: 1 }] } }); $('.ak-amount-wrapper .input-radio-button').each(function () { var current_amount = parseInt($(this).text().replace(/\D/g, '')); if (arg_amount && (arg_amount == current_amount)) { clear_radio_buttons(); $(this).trigger('click'); arg_amount_selected = true; } else if (arg_amount && !arg_amount_selected) { if ($(this).hasClass('input-radio-button-other')) { clear_radio_buttons(); $('#ak-other-amount-field').val(arg_amount).trigger('click'); } } else { // Make sure label is highlighted if an amount is pre-selected highlight_selected_amount_button.call( $('input[name="amount"]:checked').get(0) //|| //$('input[name="amount_other"]').get(0) ); } }); }); var address_fields = [ 'address1', 'address2', 'city', 'state', 'zip' , 'postal', 'region', 'country' ]; function country_change() { if ($('#country').val() == 'United States') { $('.ak-us-billing-fields').show().each(function () { $(this).children('input').prop('disabled', false); }); $('.ak-intl-billing-fields').hide(); $('.cards-non-us').hide(); $('.cards-us').show(); } else { $('.ak-us-billing-fields').hide(); $('.ak-intl-billing-fields').show().each(function () { $(this).children('input').prop('disabled', false); }); $('.cards-non-us').show(); $('.cards-us').hide(); } } function shipping_country_change() { if ( $('#shipping_country').val() == 'United States' ) { $('.ak-us-shipping-fields').show(); $('.ak-intl-shipping-fields').hide(); } else { $('.ak-us-shipping-fields').hide(); $('.ak-intl-shipping-fields').show(); } } $( function () { $('#country').on('change blur', country_change); $('#id_shipping_country').on('change blur', shipping_country_change); country_change(); shipping_country_change(); } ); function toggle_shipping() { if ($('#ak-shipping-same').prop("checked")) { sync_to_shipping(); $('#ak-shipping-fields').slideUp(); if ($('.ak-shipping-required').length) $('.ak-shipping-required').remove(); } else { clear_shipping(); $('#ak-shipping-fields').slideDown(); $('#ak-shipping-fields').append( "<input type='hidden' name='required' value='shipping_address1' class='ak-shipping-required'>"); $('#ak-shipping-fields').append( "<input type='hidden' name='required' value='shipping_city' class='ak-shipping-required'>"); $('#ak-shipping-fields').append( "<input type='hidden' name='required' value='shipping_state' class='ak-shipping-required'>"); $('#ak-shipping-fields').append( "<input type='hidden' name='required' value='shipping_zip' class='ak-shipping-required'>"); } } function clear_shipping(e) { var i, field, ship_field; for (i in address_fields) { field = address_fields[i]; ship_field = $('#id_shipping_' + field); ship_field.val("").change().prop("readonly", false); } shipping_country_change(); } function sync_to_shipping(e) { if (!$('#ak-shipping-same').prop("checked")) { return; } var i, field, ship_field, bill_value; for (i in address_fields) { field = address_fields[i]; ship_field = $('#id_shipping_' + field); bill_value = $('#id_' + field).val(); ship_field.val(bill_value).change().prop("readonly", true); } shipping_country_change(); } $(function () { $('#ak-shipping-same').on('change', toggle_shipping); toggle_shipping(); $('#id_address1, #id_address2, #id_city, #id_state, #id_zip, ' + '#id_region, #id_postal').on('change blur', sync_to_shipping); }); // classList changes when users change currency; use to pull three-leter ISO currency code function getCurrencyCode(){ var strCurrencyCode = 'USD'; // default to usd var objClassList = document.querySelector('#ak-amount-list').classList; var arrClassList = Array.from(objClassList); arrClassList.forEach(function(strClass){ if(strClass.substr(0,8) == 'currency'){ strCurrencyCode = strClass.substr(9); } }); return strCurrencyCode; } function change_step_one_label(current_step) { if (current_step == "1") { // Records Add to Cart var amount_container = $('li.ak-amount-container label.ak-radio-checked'); var amount; var price; var frequency; var currency = document.querySelector('li.ak-amount-container>label>span.ak-currency-sym').innerHTML; var button_amount = amount_container.find('span.ak-amount-button-amount').text(); var custom_amount = document.querySelector('#ak-other-amount-field') ? document.querySelector('#ak-other-amount-field').value : null; if (!custom_amount) { amount = button_amount; amount_type = 'preset'; price = button_amount; } else { amount = 'custom'; amount_type = 'custom'; price = custom_amount; } if ($('input[name="donation_type"][type="hidden"]').val() === 'recurring') { frequency = 'recurring'; } else { frequency = 'single'; } dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. dataLayer.push({ 'event': 'addToCart', 'ecommerce': { 'add': { 'products': [{ 'name': 'donation', 'id': 'id_donation', 'variant': amount_type, 'price': price, 'quantity': 1, 'dimension2': frequency }] } } }); var currencyCode = getCurrencyCode(); dataLayer.push({ event: 'add_to_cart', ecommerce: { currency: currencyCode, items: [{ item_id: '12459', item_name: 'web_banner_main_nav_v1', item_category: amount_type, item_variant: frequency, quantity: 1 }] } }); } else if (current_step == "2") { // Records Checkout Step 1 checkout_step_track(1); } } let step_has_errors = false; function three_step_advance() { // trigger validation on the step we're leaving var current_step = $('input[name="ak-donate-step"]:checked').val(); validate_step(current_step); if (!step_has_errors) { show_tick(current_step); change_step_one_label(current_step); // check radio button in next step $('input[name="ak-donate-step"]:checked') .closest('label') .removeClass('active-step') .next('label') .addClass('active-step') .find('input[type="radio"]') .prop('checked', true); three_step_reveal(); scroll_to_top_of_box(); } else { hide_tick(current_step); } } /** * Function Step */ function validate_step(step) { step_has_errors = false; if (step === "1") { validate_fields = ["amount"]; } else if (step == "2") { validate_fields = ["email", "first_name", "last_name", "name", "address1", "address2", "city", "state", "zip", "country", "region", "postal", "shipping_address1", "shipping_address2", "shipping_city", "shipping_state", "shipping_zip", "shipping_country", "shipping_region", "shipping_postal", "privacy" ]; } else { validate_fields = ["card_num", "exp_date_year", "exp_date_month", "exp_date"]; } doing_step_validation = true; actionkit.forms.validate(); doing_step_validation = false; if (step == "1") { step_has_errors = step_1_validation(); } if (step == "2" && !step_has_errors) { step_has_errors = step_2_validation(); } if (step == "3" && !step_has_errors) { step_has_errors = step_3_validation(); } // What do we do with this step_has_errors } function do_validate_credit_card() { // Check if we need to validate the CC if (actionkit.donations && actionkit.donations.skip_cc_validation) { // Don't validate CC. return false; } return true; } function step_3_validation() { var step_has_errors = false; if (!valid_email($('#id_email').val())) { if (!actionkit.errors) actionkit.errors = {}; actionkit.errors['email:invalid'] = actionkit.forms.errorMessage('email:invalid'); actionkit.forms.onValidationErrors(actionkit.errors); step_has_errors = true; } if (!do_validate_credit_card()) { return step_has_errors; // Leaves this function? } if (!valid_credit_card($('#ak-card_num').val())) { if (!actionkit.errors) actionkit.errors = {} actionkit.errors['card_num:invalid'] = actionkit.forms.errorMessage('card_num:invalid'); actionkit.forms.onValidationErrors(actionkit.errors); step_has_errors = true; } if (!valid_credit_card_code($('#ak-card_code').val())) { if (!actionkit.errors) actionkit.errors = {} actionkit.errors['card_code:invalid'] = actionkit.forms.errorMessage('card_code:invalid'); actionkit.forms.onValidationErrors(actionkit.errors); step_has_errors = true; } return step_has_errors; } function step_2_validation() { var step_has_errors = false; if (document.getElementById("country").value === "United States" && document.getElementById("id_state").value === "") { if (!actionkit.errors) actionkit.errors = {}; actionkit.errors['state:missing'] = actionkit.forms.errorMessage('state:missing'); actionkit.forms.onValidationErrors(actionkit.errors); step_has_errors = true; } return step_has_errors; } function step_1_validation() { var step_has_errors = false; // look for product selections var selected_products = false; product_infos().forEach(function (info) { if (info.quantity) { selected_products = true; } }); // look for candidate selections var selected_candidates = false; $('.ak_candidate_inputs').each(function (i) { if ($(this).val() != "") { selected_candidates = true; } }); // there's no built-in validation for amounts, so do it here if (!selected_products && !selected_candidates && !$('.ak-amount-radio-button').is(':checked') && $('#ak-other-amount-field').val() == "") { if (!actionkit.errors) actionkit.errors = {}; actionkit.errors['amount:missing'] = actionkit.forms.errorMessage('amount:missing'); actionkit.forms.onValidationErrors(actionkit.errors); step_has_errors = true; } else if (($('#ak-other-amount-field').val() != "" && $('#ak-other-amount-field').val() != undefined) && !/^\d*(\.\d{1,2})?$/.test($('#ak-other-amount-field').val())) { if (!actionkit.errors) actionkit.errors = {}; actionkit.errors['amount:invalid'] = actionkit.forms.errorMessage('amount:invalid'); actionkit.forms.onValidationErrors(actionkit.errors); step_has_errors = true; } var total = update_total(); if (!step_has_errors && total < 1.00) { if (!actionkit.errors) { actionkit.errors = {}; } err = actionkit.forms.errorMessage('amount:minimum'); err = err.replace("{0}", "1.00"); actionkit.errors['amount:minimum'] = err; actionkit.forms.onValidationErrors(actionkit.errors); step_has_errors = true; } return step_has_errors; } function submit_paypal() { validate_fields = [ "email", "first_name", "last_name", "name", "address1", "address2", "city", "state", "zip", "country", "region", "postal", "shipping_address1", "shipping_address2", "shipping_city", "shipping_state", "shipping_zip", "shipping_country", "shipping_region", "shipping_postal", "privacy" ]; doing_step_validation = true; actionkit.forms.validate(); doing_step_validation = false; if (!$.isEmptyObject(actionkit.errors)) { return false; } /* set the paypal=1 hidden field */ $('#ak-pay-by-paypal').val(1); /* clear out CC info if entered */ $('#ak-card_num').val(''); $('#ak-card_code').val(''); /* disable CC requirements */ $('#ak-card_num-required').remove(); $('#ak-card_code-required').remove(); $('#ak-exp_date_month-required').remove(); $('#ak-exp_date_year-required').remove(); /* and keep submitting */ checkout_step_track(2, "paypal"); return true; } function submit_cc() { /* clear paypal=1 hidden field, only needed if someone hit back */ $('#ak-pay-by-paypal').val(0); if ($('form.ak-donate-three-step').length > 0) { validate_step("3"); if (step_has_errors) { return false; } else { checkout_step_track(2, "cc"); return true; } } /* not doing 3-step, so we need to do all the validation here, * don't want to short-circuit and only run one step, better * to run all three even if all three have errors */ actionkit.forms.validate(); results = [step_1_validation(), step_2_validation(), step_3_validation()]; return !(results[0] || results[1] || results[2]); } function checkout_step_track(step, payment) { var amount_container = $('li.ak-amount-container label.ak-radio-checked'); var amount; var price; var frequency; var currency = document.querySelector('li.ak-amount-container>label>span.ak-currency-sym').innerHTML; var button_amount = amount_container.find('span.ak-amount-button-amount').text(); var custom_amount = document.querySelector('#ak-other-amount-field') ? document.querySelector('#ak-other-amount-field').value : null; if (!custom_amount) { amount = button_amount; amount_type = 'preset'; price = button_amount; } else { amount = 'custom'; amount_type = 'custom'; price = custom_amount; } if ($('input[name="donation_type"][type="hidden"]').val() === 'recurring') { frequency = 'recurring'; } else { frequency = 'single'; } var country = document.getElementById("country").value; dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. dataLayer.push({ 'event': 'checkout', 'ecommerce': { 'checkout': { // 'add' actionFieldObject measures. 'actionField': { 'step': step, 'option': country, }, 'products': [{ 'name': 'donation', 'id': 'id_donation', 'variant': amount_type, 'price': price, 'quantity': 1, 'dimension2': frequency, 'donationFrequency': frequency }] } } }); var currencyCode = getCurrencyCode(); dataLayer.push({ event: 'begin_checkout', ecommerce: { currency: currencyCode, value: price, items: [{ item_id: '12459', item_name: 'web_banner_main_nav_v1', item_category: frequency, item_variant: amount_type, quantity: 1 }] } }); } // Tab Creation Code $(function () { const CONSTANTS = { ACTIVE_PAYMENTS_CLASS: "payments-title-active", PAYPAL_TARGET_CLASS: "paypal-title" }; const paypalButton = $('#ak-paypal-button'); // Initially hide the ^^ button paypalButton.css({ display: 'none' }); const paymentsTitles = $(".payments-title"); // Get CC & PayPal Fields const ccFields = $(".cc-fields"); const paypalFields = $("paypal-fields"); const removeActivePaymentsClass = function () { $.each(paymentsTitles, function (index, title) { const titleCtn = $(title); titleCtn.removeClass(CONSTANTS.ACTIVE_PAYMENTS_CLASS); paypalFieldSelectedStepThree = false; ccFieldsSelectedStepThree = true; }); }; // Use this to hide fields as appropriately const toggleShowFields = function (fields, show) { $.each(fields, function (index, field) { const fieldCtn = $(field); fieldCtn.css({ 'display': show ? 'block' : 'none' }); }); }; $.each(paymentsTitles, function (index, title) { const titleCtn = $(title); titleCtn.click(function (e) { const clicked = $(e.target); const parentHasClass = clicked.parents('.' + CONSTANTS.ACTIVE_PAYMENTS_CLASS).length > 0; if (parentHasClass) return; else { const closestDiv = clicked.closest('.payments-title'); if (closestDiv.hasClass(CONSTANTS.PAYPAL_TARGET_CLASS)) { toggleShowFields(paypalFields, true); toggleShowFields(ccFields, false); paypalFieldOptionSelectedStepThree = true; paypalButton.css({ display: 'inline-block' }); } else { toggleShowFields(ccFields, true); toggleShowFields(paypalFields, false); paypalFieldOptionSelectedStepThree = false; paypalButton.css({ display: 'none' }); } removeActivePaymentsClass(); closestDiv.addClass(CONSTANTS.ACTIVE_PAYMENTS_CLASS); return; } if (clicked.hasClass(CONSTANTS.ACTIVE_PAYMENTS_CLASS)) return; // removeActivePaymentsClass() clicked.addClass(CONSTANTS.ACTIVE_PAYMENTS_CLASS); // Update Content if (clicked.hasClass(CONSTANTS.PAYPAL_TARGET_CLASS)) { toggleShowFields(paypalFields, true); toggleShowFields(ccFields, false); paypalFieldOptionSelectedStepThree = true; paypalButton.css({ display: 'inline-block' }); } else { paypalFieldOptionSelectedStepThree = false; toggleShowFields(ccFields, true); toggleShowFields(paypalFields, false); paypalButton.css({ display: 'none' }); } }); }) }); // Tab Creation Code End $(function () { $('#ak-paypal-button').on('click', submit_paypal); $('.ak-submit-button').on('click', submit_cc); }); </script> <style type="text/css"> .hosted-field { height: 67px; padding: 0px 7px; padding-top: 2em; padding-bottom: 0.7em; } .hosted-field.braintree-hosted-fields-invalid { border-color: { { templateset.custom_fields.color_error } } ; background: #fff0d4; } #ak-fieldbox-card_code { min-height: inherit; } #ak-fieldbox-card_code { margin: 0; min-height: inherit; width: auto; margin-bottom: 20px; } .button { margin-top: 20px; } @media screen and (min-width:720px) { #ak-fieldbox-card_code { margin: 0px 0 0 3%; width: 49%; } } </style> <script src="https://js.braintreegateway.com/web/3.69.0/js/client.min.js"></script> <script src="https://js.braintreegateway.com/web/3.69.0/js/three-d-secure.min.js"></script> <script src="https://js.braintreegateway.com/web/3.69.0/js/hosted-fields.min.js"></script> <script src="https://js.braintreegateway.com/web/3.69.0/js/data-collector.min.js"></script> <script src="https://js.braintreegateway.com/web/3.69.0/js/us-bank-account.min.js"></script> <script src="/resources/ak_braintree_vzero.js"></script> <script> $(function () { var form = document.querySelector("#act"), options = { form: form, fields: { number: { selector: '#ak-card_num-hosted' }, cvv: { selector: '#ak-card_code-hosted' }, expirationDate: { selector: '#ak-exp_date-hosted', placeholder: 'MM / YYYY' } }, styles: { 'input': { 'font-family': 'sans-serif', 'font-size': '1.1rem', 'font-weight': 'bold', 'color': '#17292e', 'padding': '0.6em' }, 'input.invalid': { 'color': '', 'background-color': '#fff0d4' }, 'input.valid': { } }, submitOnEmpty: function () { return $('#ak-pay-by-paypal').val() == 1; }, submit: form.querySelector(".ak-submit-button") }, toRemove = ["#ak-card_num", "#ak-card_code", "#ak-exp_date_month", "#ak-exp_date_year", "#ak-card_num-required", "#ak-exp_date_month-required", "#ak-exp_date_year-required", "#ak-card_code-required"]; toRemove.forEach(function (el) { $(el).remove(); }); // Fix to stop donation errors gettin redirected from the error page actionkit.utils.appendHiddenInput('referer_from_url', '1'); actionkit.donations.handleError = function (err) { if (window.console) { window.console.log(err); } if (!actionkit.errors) { actionkit.errors = {}; } switch (err.code) { case 'HOSTED_FIELDS_FIELDS_EMPTY': actionkit.errors['card_num:invalid'] = "Credit card fields are empty."; break; case 'HOSTED_FIELDS_FIELDS_INVALID': err.details.invalidFieldKeys.forEach(function (key) { var map = { 'number': 'card_num', 'cvv': 'card_code', 'expirationDate': 'card_exp' }; actionkit.errors[map[key] + ':invalid'] = "This field is invalid.";; }); break; case 'HOSTED_FIELDS_FAILED_TOKENIZATION': actionkit.errors['card_num:invalid'] = "Please check that your credit card is valid."; break; case 'HOSTED_FIELDS_TOKENIZATION_NETWORK_ERROR': actionkit.errors['card_num:invalid'] = "Network error."; break; default: actionkit.errors['card_num:invalid'] = "An error occurred: " + err.message; } $("button.ak-submit-button").removeClass("is-submitted"); actionkit.forms.onValidationErrors(actionkit.errors); }; actionkit.donations.initClient('eyJ2ZXJzaW9uIjoyLCJhdXRob3JpemF0aW9uRmluZ2VycHJpbnQiOiJleUowZVhBaU9pSktWMVFpTENKaGJHY2lPaUpGVXpJMU5pSXNJbXRwWkNJNklqSXdNVGd3TkRJMk1UWXRjSEp2WkhWamRHbHZiaUlzSW1semN5STZJbWgwZEhCek9pOHZZWEJwTG1KeVlXbHVkSEpsWldkaGRHVjNZWGt1WTI5dEluMC5leUpsZUhBaU9qRTNNekk0TURnMk1EWXNJbXAwYVNJNkltVm1ZVGN4TkRnd0xUZGpPV1l0TkRZM1lTMWhPVFZtTFRJNE5qQTBNamcwTURZd01DSXNJbk4xWWlJNklqaDNaRFp5Ylhsa2VtcDNhRGcyZW1JaUxDSnBjM01pT2lKb2RIUndjem92TDJGd2FTNWljbUZwYm5SeVpXVm5ZWFJsZDJGNUxtTnZiU0lzSW0xbGNtTm9ZVzUwSWpwN0luQjFZbXhwWTE5cFpDSTZJamgzWkRaeWJYbGtlbXAzYURnMmVtSWlMQ0oyWlhKcFpubGZZMkZ5WkY5aWVWOWtaV1poZFd4MElqcG1ZV3h6Wlgwc0luSnBaMmgwY3lJNld5SnRZVzVoWjJWZmRtRjFiSFFpWFN3aWMyTnZjR1VpT2xzaVFuSmhhVzUwY21WbE9sWmhkV3gwSWwwc0ltOXdkR2x2Ym5NaU9udDlmUS56UkJOWGttcWpTUDdGLVFWNTgxUDhFWWozLUhjV1dVUTViTEEwU3AwSHlXNDJ1NDVtSnJHemhKSFhMTy00UzhBeU4zSmJzSG4zX2FNWGFkdldlWEdWZyIsImNvbmZpZ1VybCI6Imh0dHBzOi8vYXBpLmJyYWludHJlZWdhdGV3YXkuY29tOjQ0My9tZXJjaGFudHMvOHdkNnJteWR6andoODZ6Yi9jbGllbnRfYXBpL3YxL2NvbmZpZ3VyYXRpb24iLCJncmFwaFFMIjp7InVybCI6Imh0dHBzOi8vcGF5bWVudHMuYnJhaW50cmVlLWFwaS5jb20vZ3JhcGhxbCIsImRhdGUiOiIyMDE4LTA1LTA4IiwiZmVhdHVyZXMiOlsidG9rZW5pemVfY3JlZGl0X2NhcmRzIl19LCJjbGllbnRBcGlVcmwiOiJodHRwczovL2FwaS5icmFpbnRyZWVnYXRld2F5LmNvbTo0NDMvbWVyY2hhbnRzLzh3ZDZybXlkemp3aDg2emIvY2xpZW50X2FwaSIsImVudmlyb25tZW50IjoicHJvZHVjdGlvbiIsIm1lcmNoYW50SWQiOiI4d2Q2cm15ZHpqd2g4NnpiIiwiYXNzZXRzVXJsIjoiaHR0cHM6Ly9hc3NldHMuYnJhaW50cmVlZ2F0ZXdheS5jb20iLCJhdXRoVXJsIjoiaHR0cHM6Ly9hdXRoLnZlbm1vLmNvbSIsInZlbm1vIjoib2ZmIiwiY2hhbGxlbmdlcyI6W10sInRocmVlRFNlY3VyZUVuYWJsZWQiOmZhbHNlLCJhbmFseXRpY3MiOnsidXJsIjoiaHR0cHM6Ly9jbGllbnQtYW5hbHl0aWNzLmJyYWludHJlZWdhdGV3YXkuY29tLzh3ZDZybXlkemp3aDg2emIifSwicGF5cGFsRW5hYmxlZCI6ZmFsc2UsImJyYWludHJlZV9hcGkiOnsidXJsIjoiaHR0cHM6Ly9wYXltZW50cy5icmFpbnRyZWUtYXBpLmNvbSIsImFjY2Vzc190b2tlbiI6ImV5SjBlWEFpT2lKS1YxUWlMQ0poYkdjaU9pSkZVekkxTmlJc0ltdHBaQ0k2SWpJd01UZ3dOREkyTVRZdGNISnZaSFZqZEdsdmJpSXNJbWx6Y3lJNkltaDBkSEJ6T2k4dllYQnBMbUp5WVdsdWRISmxaV2RoZEdWM1lYa3VZMjl0SW4wLmV5SmxlSEFpT2pFM016STRNRGd6T0RJc0ltcDBhU0k2SWpabFpUTTRPV0ZrTFRFek9HTXROR0UyTmkxaVl6UXdMVFUyWVRNNU5tVTFaREpqT0NJc0luTjFZaUk2SWpoM1pEWnliWGxrZW1wM2FEZzJlbUlpTENKcGMzTWlPaUpvZEhSd2N6b3ZMMkZ3YVM1aWNtRnBiblJ5WldWbllYUmxkMkY1TG1OdmJTSXNJbTFsY21Ob1lXNTBJanA3SW5CMVlteHBZMTlwWkNJNklqaDNaRFp5Ylhsa2VtcDNhRGcyZW1JaUxDSjJaWEpwWm5sZlkyRnlaRjlpZVY5a1pXWmhkV3gwSWpwbVlXeHpaWDBzSW5KcFoyaDBjeUk2V3lKMGIydGxibWw2WlNJc0ltMWhibUZuWlY5MllYVnNkQ0pkTENKelkyOXdaU0k2V3lKQ2NtRnBiblJ5WldVNlZtRjFiSFFpWFN3aWIzQjBhVzl1Y3lJNmUzMTkuWDIyS1dKNkE1Q0Q0WHA1aE9zTzBQUFNwamRhbXNmNHpJTkdTZVlzUkZVSW9iZzJkU2JkMlQ0TFFXa3VSa2U3UDAyc1NkaFFLaUtTcUd2amM4VXNzQ0EifX0=', options); // read by 3-step validation actionkit.donations.skip_cc_validation = true; actionkit.donations.vzero = true; $(".hosted-field.braintree-hosted-fields-invalid").prev().css("background-color", "#fff0d4"); }); </script> <style> .name-container fieldset { display: inline-flex; } .first-name-container, .last-name-container { flex: 1; } .first-name-container { border-right: solid 1px rgba(21, 36, 43, 0.3) !important; } .last-name-container { border-top: 0 !important; } </style> <!-- New styles for more accessible donate pages --> <style> #body-mobile-background { opacity: 1; } #action-lead .section-inner { background-color: #0E76D8; border-radius: 2px; padding: 0px 15px; } .bg-blue-fade { background-color: transparent !important; } #action-header { margin-top: 1.25rem; } #action-lead { padding: 2vh 4vw; } @media screen and (min-width:720px) { .bg-blue-fade { background-image: unset !important; } #action-header { margin-top: 0; } #action-lead { padding: 9vh 7.5vw; } } #action-lead .section-inner, #action-lead .section-inner a, #donation-other .section-inner, #donation-other .section-inner a, #site-footer .section-inner, #site-footer .section-inner a { color: white; } @media screen and (min-width:720px) { #action-lead .section-inner { padding: 75px 50px; } } #donation-other, #site-footer { background-color: #0E76D8; padding: 0; } #donation-other .section-inner, #site-footer .section-inner { padding: 50px; } </style> <style> #body-mobile-background { background-image: unset; background-color: #0E76D8; } @media screen and (min-width:720px) { #body-mobile-background { background-image: url(https://dbqvwi2zcv14h.cloudfront.net/images/ec-background-image-optimised.jpeg); } } </style> <script> $(function () { var searchParams = new URLSearchParams(window.location.search); if (searchParams.has('skip2') && searchParams.get('skip2') === 'true') { three_step_advance(); } $('#ak-currency-switcher').on('change', function() { var currencyVal = $(this).val(); if (currencyVal === 'Braintree Client-Side Encryption ZAR') { $('.paypal-title').hide(); } else { $('.paypal-title').show(); } }); }); </script> <!-- Hotjar Tracking Code --> <script> (function (h, o, t, j, a, r) { h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments) }; h._hjSettings = { hjid: 1573381, hjsv: 6 }; a = o.getElementsByTagName('head')[0]; r = o.createElement('script'); r.async = 1; r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv; a.appendChild(r); })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv='); </script> <script type="text/javascript"> dataLayer.push({ 'actionKitTemplate': '350.org - International v3', }); </script> <script type="text/javascript"> window.VWO = window.VWO || []; var qs = new URLSearchParams(document.location.search); if (qs.has("total")) { window.VWO.push(['track.revenueConversion', qs.get("total")]); } </script> </head> <body class="ak-pagetype-donate Donation en page-layout-condensed no-js ak-no-js "> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MNNGDHL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <script type="text/javascript"> actionkit.forms.initPage() </script> <section id="action-lead" class="section donate-lead action-lead title-section width-medium padding-medium bg-new_accessible_desktop-fade"> <div class="section-inner"> <form id="act" name="act" class=" ak-donate-three-step " method="POST" action="/act/" accept-charset="utf-8" autocomplete="on"> <a id="jump-to-form" href="#donate" class="tablet-hide desktop-hide mobile-hide bg-orange text-underline-none text-center arrow-down text-large2">Donate</a> <input type="hidden" name="page" value="web_banner_main_nav_v1"> <input type="hidden" name="orig_akid" value="None"> <div id="action-header" class="c5 ct10 cm10 c-wide"> <p id="action-pretitle" class="text-font-secondary"><span class="highlight bg-dkgray-trans">Support 350.org</span></p> <h2 id="action-title" class="title3 text-style-title3"> <p><span class="text-large2 text-lineheight-small2 text-underline-thick-orange">Donate</span></p> </h2> <div id="action-description" class=" text-large margin-top-none margin-bottom-huge"> <div data-read-more-after="2" > <p class="text-large3 text-lineheight-small2 text-strong margin-bottom-normal">Help 350.org build a powerful climate movement.</p> <p>We believe in a safe climate and a better future — a just, prosperous, and equitable world built with the power of ordinary people. Help us get there!</p> <!-- ak.wysiwyg=code --> </div> </div> </div> <div id="donate" class="action-form c5 ct10 cm10 c-wide margin-top-none"> <div class="ak-field-box ak-donate-three-step"> <!-- Render progress meter --> <!--Add .ak-donate-three-step for three-step--> <div class="ak-donate-menu ak-donate-three-step ak-donate-three-step-visible text-center margin-bottom-none box text-small bg-white-trans"> <label class="ak-donate-step ak-donate-step-1 active-step" for="ak-donate-step-1"> <span class="ak-step-number strong inline-dot bg-dkgray-trans">1</span> <span class="ak-step-complete inline-dot bg-dkgray-trans hidden">✔</span>&nbsp;<span class="ak-amount-label">Amount</span> <input type="radio" id="ak-donate-step-1" class="hidden" name="ak-donate-step" value="1" checked="checked"> </label> <label class="ak-donate-step ak-donate-step-2" for="ak-donate-step-2"> <span class="ak-step-number strong inline-dot bg-dkgray-trans">2</span> <span class="ak-step-complete inline-dot bg-dkgray-trans hidden">✔</span>&nbsp;<span>Info</span> <input type="radio" id="ak-donate-step-2" class="hidden" name="ak-donate-step" value="2"> </label> <label class="ak-donate-step ak-donate-step-3" for="ak-donate-step-3"> <span class="ak-step-number strong inline-dot bg-dkgray-trans">3</span> <span class="ak-step-complete inline-dot bg-dkgray-trans hidden">✔</span>&nbsp;<span>Payment</span> <input type="radio" id="ak-donate-step-3" class="hidden" name="ak-donate-step" value="3"> </label> </div> <div id="ak-donation-details" class="box box-medium bg-white"> <div id="ak-product-list" class="ak-donate-area-step-1 ak-errs-below"> </div> <!--product-list--> <!-- If has_candidates is true, renders option to donate to included candidates --> <div id="ak-candidate-list" class="ak-donate-area-step-1 ak-errs-below"> </div> <!-- If has_products is true, renders option to buy included products --> <div id="ak-amount-list" class="ak-err-above ak-donate-area-step-1 currency-USD"> <div id="ak-multi-currency"> <label class="text-small2 text-caps" for="amount">Currency</label> <select id="ak-currency-switcher" name="payment_account" class="ak-currencies"> <option class="ak-currency" checked id="id_currency_USD" value="Braintree Client-Side Encryption"> U.S. Dollar (USD $) </option> <option class="ak-currency" id="id_currency_AUD" value="Braintree Client-Side Encryption AUD"> Australian Dollar (AUD $) </option> <option class="ak-currency" id="id_currency_BRL" value="Braintree Client-Side Encryption BRL"> Brazilian Real (BRL R$) </option> <option class="ak-currency" id="id_currency_CAD" value="Braintree Client-Side Encryption CAD"> Canadian Dollar (CAD $) </option> <option class="ak-currency" id="id_currency_EUR" value="Braintree Client-Side Encryption EUR"> Euro (EUR €) </option> <option class="ak-currency" id="id_currency_GBP" value="Braintree Client-Side Encryption GBP"> British Pound (GBP £) </option> <option class="ak-currency" id="id_currency_JPY" value="Braintree Client-Side Encryption JPY"> Japanese Yen (JPY ¥) </option> <option class="ak-currency" id="id_currency_NZD" value="Braintree Client-Side Encryption NZD"> New Zealand Dollar (NZD $) </option> <option class="ak-currency" id="id_currency_ZAR" value="Braintree Client-Side Encryption ZAR"> South African Rand (ZAR R) </option> </select> </div> <script> // Select currency in AK currency switcher if query param `currency` is passed through in URL $(function() { function urlParam(name){ var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href); if (!results) { return 0; } return results[1] || 0; } if (urlParam('currency')) { $('#ak-currency-switcher').val('Braintree Client-Side Encryption ' + urlParam('currency')).change(); } }); </script> <div class="ak-amount-wrapper clearfix margin-bottom-small"> <h5 class="margin-bottom-normal ak-donate-three-step-hidden">Amount:</h5> <ul class="ak-unstyled nobullet text-large"> <li class="ak-amount-container c3_3 ct3_3 cm3_3 no-margin-bottom"> <label for="id_amount_35" class="input-radio-button bg-ltgray text-font-display text-large3 strong margin-bottom-small"> <span class="ak-currency-sym"></span><span class="ak-amount-button-amount">35</span> <input type="radio" id="id_amount_35" value="35" class="ak-amount-radio-button hidden" name="amount" > </label> <script> // Measures product impressions dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. dataLayer.push({ 'event': 'impression', 'ecommerce': { 'impressions': [ { 'name': 'donation', 'id': 'id_donation', 'list': 'ak_donation_page', 'variant': 'preset', 'price': '35', }] } }); </script> </li> <li class="ak-amount-container c3_3 ct3_3 cm3_3 no-margin-bottom"> <label for="id_amount_50" class="input-radio-button bg-ltgray text-font-display text-large3 strong margin-bottom-small"> <span class="ak-currency-sym"></span><span class="ak-amount-button-amount">50</span> <input type="radio" id="id_amount_50" value="50" class="ak-amount-radio-button hidden" name="amount" > </label> <script> // Measures product impressions dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. dataLayer.push({ 'event': 'impression', 'ecommerce': { 'impressions': [ { 'name': 'donation', 'id': 'id_donation', 'list': 'ak_donation_page', 'variant': 'preset', 'price': '50', }] } }); </script> </li> <li class="ak-amount-container c3_3 ct3_3 cm3_3 no-margin-bottom"> <label for="id_amount_100" class="input-radio-button bg-ltgray text-font-display text-large3 strong margin-bottom-small"> <span class="ak-currency-sym"></span><span class="ak-amount-button-amount">100</span> <input type="radio" id="id_amount_100" value="100" class="ak-amount-radio-button hidden" name="amount" > </label> <script> // Measures product impressions dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. dataLayer.push({ 'event': 'impression', 'ecommerce': { 'impressions': [ { 'name': 'donation', 'id': 'id_donation', 'list': 'ak_donation_page', 'variant': 'preset', 'price': '100', }] } }); </script> </li> <li class="ak-amount-container c3_3 ct3_3 cm3_3 no-margin-bottom"> <label for="id_amount_350" class="input-radio-button bg-ltgray text-font-display text-large3 strong margin-bottom-small"> <span class="ak-currency-sym"></span><span class="ak-amount-button-amount">350</span> <input type="radio" id="id_amount_350" value="350" class="ak-amount-radio-button hidden" name="amount" > </label> <script> // Measures product impressions dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. dataLayer.push({ 'event': 'impression', 'ecommerce': { 'impressions': [ { 'name': 'donation', 'id': 'id_donation', 'list': 'ak_donation_page', 'variant': 'preset', 'price': '350', }] } }); </script> </li> <li class="ak-amount-container c3_3 ct3_3 cm3_3 no-margin-bottom"> <label for="id_amount_500" class="input-radio-button bg-ltgray text-font-display text-large3 strong margin-bottom-small"> <span class="ak-currency-sym"></span><span class="ak-amount-button-amount">500</span> <input type="radio" id="id_amount_500" value="500" class="ak-amount-radio-button hidden" name="amount" > </label> <script> // Measures product impressions dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. dataLayer.push({ 'event': 'impression', 'ecommerce': { 'impressions': [ { 'name': 'donation', 'id': 'id_donation', 'list': 'ak_donation_page', 'variant': 'preset', 'price': '500', }] } }); </script> </li> <li id="ak-other-amount-container" class="c3_3 ct3_3 cm3_3 no-margin-bottom"> <noscript> <input type="radio" value="" class="ak-amount-radio-button" name="amount"> </noscript> <label for="ak-other-amount-field" class="input-radio-button input-radio-button-other bg-ltgray text-font-display text-large3 strong margin-bottom-small"> <span class="ak-currency-sym"></span> <input type="number" onkeypress="return (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57" id="ak-other-amount-field" class="text-font-display" name="amount_other" size="3"> </label> <script> // Measures product impressions dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. dataLayer.push({ 'event': 'impression', 'ecommerce': { 'impressions': [ { 'name': 'donation', 'id': 'id_donation', 'list': 'ak_donation_page', 'variant': 'custom', 'price': 'custom', }] } }); </script> </li> </ul> </div> </div> <div id="ak-donation-total-div"></div> <!-- Displays updated donation total based on selection of products/candidate donation amounts --> <script type="text/ak-template" for="ak-donation-total-div"> [% if (has_products || has_candidates) { %] <p class="ak-donation-total ak-donate-area-step-1"> <label for="amount">Total Amount</label> <span class="ak-currency-sym"></span><span class="ak-donation-total-amount"></span> </p> [% } setTimeout(update_total, 0); %] </script> <!-- Toggle button, donate once default --> <div id="ak-recurring-type" class="ak-donate-area-step-1 margin-bottom-small form-style-labelabove"> <div class="input-checkbox text-strong margin-bottom-none"> <input type="hidden" name="donation_type" id="donation_type" value="single"> <input type="checkbox" hidden name="donation_type_toggle" id="id_donation_type_toggle" data-donation-type="both" value=""> <span class="toggle-donation-type"> <span class="toggle-option-1 toggle-once">Donate once</span> <span class="toggle-option-2 toggle-monthly">Donate monthly</span> </span> </div> <div id="donation-toggle-bubble" class="default-once"> <svg id="monthly-heart" class="monthly-chosen hidden" width="50" height="50"> <image href="https://dbqvwi2zcv14h.cloudfront.net/ak-dev/monthly-heart.svg" width="50" height="50"></image> </svg> <div id="bubble-text"> <div class="once-chosen"> <strong>Make it monthly?</strong> Sustaining donations help us plan and focus on the future. </div> <div class='monthly-chosen hidden'><strong>Thank you for choosing a monthly donation!</strong><br> Giving monthly helps us plan for big, bold actions to fight back against the fossil fuel industry at key moments around the world. Thank you.</div> </div> </div> </div> <!-- If enabled, render option to donate in honor of someone else --> <fieldset id="in-honor-of" class="ak-donate-area-step-1 form-style-labelabove"> <div class="input checkbox input-checkbox margin-top-small margin-bottom-none text-strong"> <input type="checkbox" value="1" name="inhonorcheck" id="in-honor-check" /> <label for="in-honor-check">Donate in someone's honor.</label> </div> <div id="in-honor-of-fields" class="margin-bottom-normal"> <div class="input text input-text"> <label for="action_in_honor_of_name">Honoree's Name</label> <input type="text" id="action_in_honor_of_name" name="action_in_honor_of_name" /> </div> <div class="input input-text" title="The email address to send a notification of the donation to."> <label for="action_in_honor_of_email">Honoree's Email Address</label> <input type="email" id="action_in_honor_of_email" name="action_in_honor_of_email" /> </div> <div class="input input-textarea" title="An optional note to the honoree."> <label for="action_in_honor_of_note" title="An optional note to the honoree.">Note to Honoree</label> <textarea id="action_in_honor_of_note" name="action_in_honor_of_note" title="An optional note to the honoree."></textarea> </div> <p class="form-instructions text-small">We'll send a notification of your donation to this email address.</p> </div> <script> jQuery("#in-honor-of-fields").hide(); jQuery("#in-honor-check").change(function () { if ($(this).is(':checked')) { jQuery("#in-honor-of-fields").fadeIn(); } else { jQuery("#in-honor-of-fields").fadeOut(); } }); </script> </fieldset> <div id="ak-donation-contact" class="ak-donate-area-step-2 form-style-labelabove"> <div style="display: none"> <!-- Displayed when ActionKit remembers a user --> <div id="known_user"> Not <span id="known_user_name"></span>? <a href="?" onclick="return actionkit.forms.logOut()">Click here.</a> </div> </div> <div id="unknown_user"></div> <!-- <h5 class="margin-bottom-normal">Billing Information</h5> --> <div class=""> <!--Name--> <div class="name-container"> <div class="input-text first-name-container ak-input-type-user ak-err-below"> <input type="hidden" name="required" value="first_name"> <label for="id_first_name">First Name</label> <input id="id_first_name" class="ak-input-type-user" type="text" name="first_name"> </div> <div class="input-text last-name-container ak-input-type-user ak-err-below"> <input type="hidden" name="required" value="last_name"> <label for="id_last_name">Last name</label> <input id="id_last_name" class="ak-input-type-user" type="text" name="last_name"> </div> </div> <!--Email--> <div class="input-text ak-input-type-user input-field-group ak-err-below"> <label class="required" for="id_email">Email Address</label> <input id="id_email" class="" type="text" name="email"> </div> <div class="input-select input-country ak-input-type-user input-field-group ak-err-below"> <label for="country">Country</label> <select name="country" id="country" data-preselect="United States"> <option selected></option> <option value="Afghanistan">Afghanistan</option> <option value="Aland Islands">Aland Islands</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> <option value="American Samoa">American Samoa</option> <option value="Andorra">Andorra</option> <option value="Angola">Angola</option> <option value="Anguilla">Anguilla</option> <option value="Antarctica">Antarctica</option> <option value="Antigua and Barbuda">Antigua and Barbuda</option> <option value="Argentina">Argentina</option> <option value="Armenia">Armenia</option> <option value="Aruba">Aruba</option> <option value="Australia">Australia</option> <option value="Austria">Austria</option> <option value="Azerbaijan">Azerbaijan</option> <option value="Bahamas">Bahamas</option> <option value="Bahrain">Bahrain</option> <option value="Bangladesh">Bangladesh</option> <option value="Barbados">Barbados</option> <option value="Belarus">Belarus</option> <option value="Belgium">Belgium</option> <option value="Belize">Belize</option> <option value="Benin">Benin</option> <option value="Bermuda">Bermuda</option> <option value="Bhutan">Bhutan</option> <option value="Bolivia">Bolivia</option> <option value="Bonaire, Saint Eustatius and Saba ">Bonaire, Saint Eustatius and Saba </option> <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> <option value="Botswana">Botswana</option> <option value="Bouvet Island">Bouvet Island</option> <option value="Brazil">Brazil</option> <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> <option value="British Virgin Islands">British Virgin Islands</option> <option value="Brunei">Brunei</option> <option value="Bulgaria">Bulgaria</option> <option value="Burkina Faso">Burkina Faso</option> <option value="Burundi">Burundi</option> <option value="Cabo Verde">Cabo Verde</option> <option value="Cambodia">Cambodia</option> <option value="Cameroon">Cameroon</option> <option value="Canada">Canada</option> <option value="Cayman Islands">Cayman Islands</option> <option value="Central African Republic">Central African Republic</option> <option value="Chad">Chad</option> <option value="Chile">Chile</option> <option value="China">China</option> <option value="Christmas Island">Christmas Island</option> <option value="Cocos Islands">Cocos Islands</option> <option value="Colombia">Colombia</option> <option value="Comoros">Comoros</option> <option value="Cook Islands">Cook Islands</option> <option value="Costa Rica">Costa Rica</option> <option value="Croatia">Croatia</option> <option value="Cuba">Cuba</option> <option value="Curacao">Curacao</option> <option value="Cyprus">Cyprus</option> <option value="Czechia">Czechia</option> <option value="Democratic Republic of the Congo">Democratic Republic of the Congo</option> <option value="Denmark">Denmark</option> <option value="Djibouti">Djibouti</option> <option value="Dominica">Dominica</option> <option value="Dominican Republic">Dominican Republic</option> <option value="Ecuador">Ecuador</option> <option value="Egypt">Egypt</option> <option value="El Salvador">El Salvador</option> <option value="Equatorial Guinea">Equatorial Guinea</option> <option value="Eritrea">Eritrea</option> <option value="Estonia">Estonia</option> <option value="Eswatini">Eswatini</option> <option value="Ethiopia">Ethiopia</option> <option value="Falkland Islands">Falkland Islands</option> <option value="Faroe Islands">Faroe Islands</option> <option value="Fiji">Fiji</option> <option value="Finland">Finland</option> <option value="France">France</option> <option value="French Guiana">French Guiana</option> <option value="French Polynesia">French Polynesia</option> <option value="French Southern Territories">French Southern Territories</option> <option value="Gabon">Gabon</option> <option value="Gambia">Gambia</option> <option value="Georgia">Georgia</option> <option value="Germany">Germany</option> <option value="Ghana">Ghana</option> <option value="Gibraltar">Gibraltar</option> <option value="Greece">Greece</option> <option value="Greenland">Greenland</option> <option value="Grenada">Grenada</option> <option value="Guadeloupe">Guadeloupe</option> <option value="Guam">Guam</option> <option value="Guatemala">Guatemala</option> <option value="Guernsey">Guernsey</option> <option value="Guinea">Guinea</option> <option value="Guinea-Bissau">Guinea-Bissau</option> <option value="Guyana">Guyana</option> <option value="Haiti">Haiti</option> <option value="Heard Island and McDonald Islands">Heard Island and McDonald Islands</option> <option value="Honduras">Honduras</option> <option value="Hong Kong">Hong Kong</option> <option value="Hungary">Hungary</option> <option value="Iceland">Iceland</option> <option value="India">India</option> <option value="Indonesia">Indonesia</option> <option value="Iran">Iran</option> <option value="Iraq">Iraq</option> <option value="Ireland">Ireland</option> <option value="Isle of Man">Isle of Man</option> <option value="Israel">Israel</option> <option value="Italy">Italy</option> <option value="Ivory Coast">Ivory Coast</option> <option value="Jamaica">Jamaica</option> <option value="Japan">Japan</option> <option value="Jersey">Jersey</option> <option value="Jordan">Jordan</option> <option value="Kazakhstan">Kazakhstan</option> <option value="Kenya">Kenya</option> <option value="Kiribati">Kiribati</option> <option value="Kosovo">Kosovo</option> <option value="Kuwait">Kuwait</option> <option value="Kyrgyzstan">Kyrgyzstan</option> <option value="Laos">Laos</option> <option value="Latvia">Latvia</option> <option value="Lebanon">Lebanon</option> <option value="Lesotho">Lesotho</option> <option value="Liberia">Liberia</option> <option value="Libya">Libya</option> <option value="Liechtenstein">Liechtenstein</option> <option value="Lithuania">Lithuania</option> <option value="Luxembourg">Luxembourg</option> <option value="Macao">Macao</option> <option value="Madagascar">Madagascar</option> <option value="Malawi">Malawi</option> <option value="Malaysia">Malaysia</option> <option value="Maldives">Maldives</option> <option value="Mali">Mali</option> <option value="Malta">Malta</option> <option value="Marshall Islands">Marshall Islands</option> <option value="Martinique">Martinique</option> <option value="Mauritania">Mauritania</option> <option value="Mauritius">Mauritius</option> <option value="Mayotte">Mayotte</option> <option value="Mexico">Mexico</option> <option value="Micronesia">Micronesia</option> <option value="Moldova">Moldova</option> <option value="Monaco">Monaco</option> <option value="Mongolia">Mongolia</option> <option value="Montenegro">Montenegro</option> <option value="Montserrat">Montserrat</option> <option value="Morocco">Morocco</option> <option value="Mozambique">Mozambique</option> <option value="Myanmar">Myanmar</option> <option value="Namibia">Namibia</option> <option value="Nauru">Nauru</option> <option value="Nepal">Nepal</option> <option value="Netherlands">Netherlands</option> <option value="Netherlands Antilles">Netherlands Antilles</option> <option value="New Caledonia">New Caledonia</option> <option value="New Zealand">New Zealand</option> <option value="Nicaragua">Nicaragua</option> <option value="Niger">Niger</option> <option value="Nigeria">Nigeria</option> <option value="Niue">Niue</option> <option value="Norfolk Island">Norfolk Island</option> <option value="North Korea">North Korea</option> <option value="North Macedonia">North Macedonia</option> <option value="Northern Mariana Islands">Northern Mariana Islands</option> <option value="Norway">Norway</option> <option value="Oman">Oman</option> <option value="Pakistan">Pakistan</option> <option value="Palau">Palau</option> <option value="Palestinian Territory">Palestinian Territory</option> <option value="Panama">Panama</option> <option value="Papua New Guinea">Papua New Guinea</option> <option value="Paraguay">Paraguay</option> <option value="Peru">Peru</option> <option value="Philippines">Philippines</option> <option value="Pitcairn">Pitcairn</option> <option value="Poland">Poland</option> <option value="Portugal">Portugal</option> <option value="Puerto Rico">Puerto Rico</option> <option value="Qatar">Qatar</option> <option value="Republic of the Congo">Republic of the Congo</option> <option value="Reunion">Reunion</option> <option value="Romania">Romania</option> <option value="Russia">Russia</option> <option value="Rwanda">Rwanda</option> <option value="Saint Barthelemy">Saint Barthelemy</option> <option value="Saint Helena">Saint Helena</option> <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> <option value="Saint Lucia">Saint Lucia</option> <option value="Saint Martin">Saint Martin</option> <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> <option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option> <option value="Samoa">Samoa</option> <option value="San Marino">San Marino</option> <option value="Sao Tome and Principe">Sao Tome and Principe</option> <option value="Saudi Arabia">Saudi Arabia</option> <option value="Senegal">Senegal</option> <option value="Serbia">Serbia</option> <option value="Serbia and Montenegro">Serbia and Montenegro</option> <option value="Seychelles">Seychelles</option> <option value="Sierra Leone">Sierra Leone</option> <option value="Singapore">Singapore</option> <option value="Sint Maarten">Sint Maarten</option> <option value="Slovakia">Slovakia</option> <option value="Slovenia">Slovenia</option> <option value="Solomon Islands">Solomon Islands</option> <option value="Somalia">Somalia</option> <option value="South Africa">South Africa</option> <option value="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich Islands</option> <option value="South Korea">South Korea</option> <option value="South Sudan">South Sudan</option> <option value="Spain">Spain</option> <option value="Sri Lanka">Sri Lanka</option> <option value="Sudan">Sudan</option> <option value="Suriname">Suriname</option> <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> <option value="Sweden">Sweden</option> <option value="Switzerland">Switzerland</option> <option value="Syria">Syria</option> <option value="Taiwan">Taiwan</option> <option value="Tajikistan">Tajikistan</option> <option value="Tanzania">Tanzania</option> <option value="Thailand">Thailand</option> <option value="Timor Leste">Timor Leste</option> <option value="Togo">Togo</option> <option value="Tokelau">Tokelau</option> <option value="Tonga">Tonga</option> <option value="Trinidad and Tobago">Trinidad and Tobago</option> <option value="Tunisia">Tunisia</option> <option value="Turkey">Turkey</option> <option value="Turkmenistan">Turkmenistan</option> <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> <option value="Tuvalu">Tuvalu</option> <option value="U.S. Virgin Islands">U.S. Virgin Islands</option> <option value="Uganda">Uganda</option> <option value="Ukraine">Ukraine</option> <option value="United Arab Emirates">United Arab Emirates</option> <option value="United Kingdom">United Kingdom</option> <option value="United States">United States</option> <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> <option value="Uruguay">Uruguay</option> <option value="Uzbekistan">Uzbekistan</option> <option value="Vanuatu">Vanuatu</option> <option value="Vatican">Vatican</option> <option value="Venezuela">Venezuela</option> <option value="Vietnam">Vietnam</option> <option value="Wallis and Futuna">Wallis and Futuna</option> <option value="Western Sahara">Western Sahara</option> <option value="Yemen">Yemen</option> <option value="Zambia">Zambia</option> <option value="Zimbabwe">Zimbabwe</option> <!-- in case we need manual override <option value="Åland Islands"> Åland Islands </option> <option value="Afghanistan"> Afghanistan </option> <option value="Albania"> Albania </option> <option value="Algeria"> Algeria </option> <option value="American Samoa"> American Samoa </option> <option value="Andorra"> Andorra </option> <option value="Angola"> Angola </option> <option value="Anguilla"> Anguilla </option> <option value="Antarctica"> Antarctica </option> <option value="Antigua and Barbuda"> Antigua and Barbuda </option> <option value="Argentina"> Argentina </option> <option value="Armenia"> Armenia </option> <option value="Aruba"> Aruba </option> <option value="Australia"> Australia </option> <option value="Austria"> Austria </option> <option value="Azerbaijan"> Azerbaijan </option> <option value="Bahamas"> Bahamas </option> <option value="Bahrain"> Bahrain </option> <option value="Bangladesh"> Bangladesh </option> <option value="Barbados"> Barbados </option> <option value="Belarus"> Belarus </option> <option value="Belgium"> Belgium </option> <option value="Belize"> Belize </option> <option value="Benin"> Benin </option> <option value="Bermuda"> Bermuda </option> <option value="Bhutan"> Bhutan </option> <option value="Bolivia"> Bolivia </option> <option value="Bonaire"> Bonaire </option> <option value="Bosnia and Herzegovina"> Bosnia and Herzegovina </option> <option value="Botswana"> Botswana </option> <option value="Bouvet Island"> Bouvet Island </option> <option value="Brazil"> Brazil </option> <option value="British Indian Ocean Territory"> British Indian Ocean Territory </option> <option value="British Virgin Islands"> British Virgin Islands </option> <option value="Brunei"> Brunei </option> <option value="Bulgaria"> Bulgaria </option> <option value="Burkina Faso"> Burkina Faso </option> <option value="Burundi"> Burundi </option> <option value="Cabo Verde"> Cabo Verde </option> <option value="Cambodia"> Cambodia </option> <option value="Cameroon"> Cameroon </option> <option value="Canada"> Canada </option> <option value="Cayman Islands"> Cayman Islands </option> <option value="Central African Republic"> Central African Republic </option> <option value="Chad"> Chad </option> <option value="Chile"> Chile </option> <option value="China"> China </option> <option value="Christmas Island"> Christmas Island </option> <option value="Cocos [Keeling] Islands"> Cocos [Keeling] Islands </option> <option value="Colombia"> Colombia </option> <option value="Comoros"> Comoros </option> <option value="Cook Islands"> Cook Islands </option> <option value="Costa Rica"> Costa Rica </option> <option value="Croatia"> Croatia </option> <option value="Cuba"> Cuba </option> <option value="Curacao"> Curacao </option> <option value="Cyprus"> Cyprus </option> <option value="Czechia"> Czechia </option> <option value="Democratic Republic of the Congo"> Democratic Republic of the Congo </option> <option value="Denmark"> Denmark </option> <option value="Djibouti"> Djibouti </option> <option value="Dominica"> Dominica </option> <option value="Dominican Republic"> Dominican Republic </option> <option value="Ecuador"> Ecuador </option> <option value="Egypt"> Egypt </option> <option value="El Salvador"> El Salvador </option> <option value="Equatorial Guinea"> Equatorial Guinea </option> <option value="Eritrea"> Eritrea </option> <option value="Estonia"> Estonia </option> <option value="Eswatini"> Eswatini </option> <option value="Ethiopia"> Ethiopia </option> <option value="Falkland Islands"> Falkland Islands </option> <option value="Faroe Islands"> Faroe Islands </option> <option value="Fiji"> Fiji </option> <option value="Finland"> Finland </option> <option value="France"> France </option> <option value="French Guiana"> French Guiana </option> <option value="French Polynesia"> French Polynesia </option> <option value="French Southern Territories"> French Southern Territories </option> <option value="Gabon"> Gabon </option> <option value="Gambia"> Gambia </option> <option value="Georgia"> Georgia </option> <option value="Germany"> Germany </option> <option value="Ghana"> Ghana </option> <option value="Gibraltar"> Gibraltar </option> <option value="Greece"> Greece </option> <option value="Greenland"> Greenland </option> <option value="Grenada"> Grenada </option> <option value="Guadeloupe"> Guadeloupe </option> <option value="Guam"> Guam </option> <option value="Guatemala"> Guatemala </option> <option value="Guernsey"> Guernsey </option> <option value="Guinea"> Guinea </option> <option value="Guinea-Bissau"> Guinea-Bissau </option> <option value="Guyana"> Guyana </option> <option value="Haiti"> Haiti </option> <option value="Heard Island and McDonald Islands"> Heard Island and McDonald Islands </option> <option value="Honduras"> Honduras </option> <option value="Hong Kong"> Hong Kong </option> <option value="Hungary"> Hungary </option> <option value="Iceland"> Iceland </option> <option value="India"> India </option> <option value="Indonesia"> Indonesia </option> <option value="Iran"> Iran </option> <option value="Iraq"> Iraq </option> <option value="Ireland"> Ireland </option> <option value="Isle of Man"> Isle of Man </option> <option value="Israel"> Israel </option> <option value="Italy"> Italy </option> <option value="Ivory Coast"> Ivory Coast </option> <option value="Jamaica"> Jamaica </option> <option value="Japan"> Japan </option> <option value="Jersey"> Jersey </option> <option value="Jordan"> Jordan </option> <option value="Kazakhstan"> Kazakhstan </option> <option value="Kenya"> Kenya </option> <option value="Kiribati"> Kiribati </option> <option value="Kosovo"> Kosovo </option> <option value="Kuwait"> Kuwait </option> <option value="Kyrgyzstan"> Kyrgyzstan </option> <option value="Laos"> Laos </option> <option value="Latvia"> Latvia </option> <option value="Lebanon"> Lebanon </option> <option value="Lesotho"> Lesotho </option> <option value="Liberia"> Liberia </option> <option value="Libya"> Libya </option> <option value="Liechtenstein"> Liechtenstein </option> <option value="Lithuania"> Lithuania </option> <option value="Luxembourg"> Luxembourg </option> <option value="Macao"> Macao </option> <option value="Madagascar"> Madagascar </option> <option value="Malawi"> Malawi </option> <option value="Malaysia"> Malaysia </option> <option value="Maldives"> Maldives </option> <option value="Mali"> Mali </option> <option value="Malta"> Malta </option> <option value="Marshall Islands"> Marshall Islands </option> <option value="Martinique"> Martinique </option> <option value="Mauritania"> Mauritania </option> <option value="Mauritius"> Mauritius </option> <option value="Mayotte"> Mayotte </option> <option value="Mexico"> Mexico </option> <option value="Micronesia"> Micronesia </option> <option value="Moldova"> Moldova </option> <option value="Monaco"> Monaco </option> <option value="Mongolia"> Mongolia </option> <option value="Montenegro"> Montenegro </option> <option value="Montserrat"> Montserrat </option> <option value="Morocco"> Morocco </option> <option value="Mozambique"> Mozambique </option> <option value="Myanmar [Burma]"> Myanmar [Burma] </option> <option value="Namibia"> Namibia </option> <option value="Nauru"> Nauru </option> <option value="Nepal"> Nepal </option> <option value="Netherlands"> Netherlands </option> <option value="New Caledonia"> New Caledonia </option> <option value="New Zealand"> New Zealand </option> <option value="Nicaragua"> Nicaragua </option> <option value="Niger"> Niger </option> <option value="Nigeria"> Nigeria </option> <option value="Niue"> Niue </option> <option value="Norfolk Island"> Norfolk Island </option> <option value="North Korea"> North Korea </option> <option value="North Macedonia"> North Macedonia </option> <option value="Northern Mariana Islands"> Northern Mariana Islands </option> <option value="Norway"> Norway </option> <option value="Oman"> Oman </option> <option value="Pakistan"> Pakistan </option> <option value="Palau"> Palau </option> <option value="Palestine"> Palestine </option> <option value="Panama"> Panama </option> <option value="Papua New Guinea"> Papua New Guinea </option> <option value="Paraguay"> Paraguay </option> <option value="Peru"> Peru </option> <option value="Philippines"> Philippines </option> <option value="Pitcairn Islands"> Pitcairn Islands </option> <option value="Poland"> Poland </option> <option value="Portugal"> Portugal </option> <option value="Puerto Rico"> Puerto Rico </option> <option value="Qatar"> Qatar </option> <option value="Republic of the Congo"> Republic of the Congo </option> <option value="Romania"> Romania </option> <option value="Russia"> Russia </option> <option value="Rwanda"> Rwanda </option> <option value="Réunion"> Réunion </option> <option value="Saint Barthélemy"> Saint Barthélemy </option> <option value="Saint Helena"> Saint Helena </option> <option value="Saint Kitts and Nevis"> Saint Kitts and Nevis </option> <option value="Saint Lucia"> Saint Lucia </option> <option value="Saint Martin"> Saint Martin </option> <option value="Saint Pierre and Miquelon"> Saint Pierre and Miquelon </option> <option value="Saint Vincent and the Grenadines"> Saint Vincent and the Grenadines </option> <option value="Samoa"> Samoa </option> <option value="San Marino"> San Marino </option> <option value="Saudi Arabia"> Saudi Arabia </option> <option value="Senegal"> Senegal </option> <option value="Serbia"> Serbia </option> <option value="Seychelles"> Seychelles </option> <option value="Sierra Leone"> Sierra Leone </option> <option value="Singapore"> Singapore </option> <option value="Sint Maarten"> Sint Maarten </option> <option value="Slovakia"> Slovakia </option> <option value="Slovenia"> Slovenia </option> <option value="Solomon Islands"> Solomon Islands </option> <option value="Somalia"> Somalia </option> <option value="South Africa"> South Africa </option> <option value="South Georgia and the South Sandwich Islands"> South Georgia and the South Sandwich Islands </option> <option value="South Korea"> South Korea </option> <option value="South Sudan"> South Sudan </option> <option value="Spain"> Spain </option> <option value="Sri Lanka"> Sri Lanka </option> <option value="Sudan"> Sudan </option> <option value="Suriname"> Suriname </option> <option value="Svalbard and Jan Mayen"> Svalbard and Jan Mayen </option> <option value="Sweden"> Sweden </option> <option value="Switzerland"> Switzerland </option> <option value="Syria"> Syria </option> <option value="São Tomé and Príncipe"> São Tomé and Príncipe </option> <option value="Taiwan"> Taiwan </option> <option value="Tajikistan"> Tajikistan </option> <option value="Tanzania"> Tanzania </option> <option value="Thailand"> Thailand </option> <option value="Timor-Leste"> Timor-Leste </option> <option value="Togo"> Togo </option> <option value="Tokelau"> Tokelau </option> <option value="Tonga"> Tonga </option> <option value="Trinidad and Tobago"> Trinidad and Tobago </option> <option value="Tunisia"> Tunisia </option> <option value="Turkey"> Turkey </option> <option value="Turkmenistan"> Turkmenistan </option> <option value="Turks and Caicos Islands"> Turks and Caicos Islands </option> <option value="Tuvalu"> Tuvalu </option> <option value="U.S. Minor Outlying Islands"> U.S. Minor Outlying Islands </option> <option value="U.S. Virgin Islands"> U.S. Virgin Islands </option> <option value="Uganda"> Uganda </option> <option value="Ukraine"> Ukraine </option> <option value="United Arab Emirates"> United Arab Emirates </option> <option value="United Kingdom"> United Kingdom </option> <option value="United States"> United States </option> <option value="Uruguay"> Uruguay </option> <option value="Uzbekistan"> Uzbekistan </option> <option value="Vanuatu"> Vanuatu </option> <option value="Vatican City"> Vatican City </option> <option value="Venezuela"> Venezuela </option> <option value="Vietnam"> Vietnam </option> <option value="Wallis and Futuna"> Wallis and Futuna </option> <option value="Western Sahara"> Western Sahara </option> <option value="Yemen"> Yemen </option> <option value="Zambia"> Zambia </option> <option value="Zimbabwe"> Zimbabwe </option> --> </select> </div> <div class="input-text ak-input-type-user input-field-group ak-err-below"> <label for="id_address1">Billing address</label> <input id="id_address1" class="" type="text" name="address1"> </div> <div class="input-text ak-input-type-user input-field-group ak-err-below"> <label for="id_city">City</label> <input id="id_city" type="text" name="city"> </div> <div class="state-zip-container"> <div class="ak-us-billing-fields state-container input-select ak-input-type-user input-field-group ak-err-below"> <input type="hidden" name="required" value="state"> <label for="id_state">State</label> <select name="state" id="id_state" > <option value="">State</option> <option value="AL">Alabama</option> <option value="AK">Alaska</option> <option value="AZ">Arizona</option> <option value="AR">Arkansas</option> <option value="CA">California</option> <option value="CO">Colorado</option> <option value="CT">Connecticut</option> <option value="DE">Delaware</option> <option value="FL">Florida</option> <option value="GA">Georgia</option> <option value="HI">Hawaii</option> <option value="ID">Idaho</option> <option value="IL">Illinois</option> <option value="IN">Indiana</option> <option value="IA">Iowa</option> <option value="KS">Kansas</option> <option value="KY">Kentucky</option> <option value="LA">Louisiana</option> <option value="ME">Maine</option> <option value="MD">Maryland</option> <option value="MA">Massachusetts</option> <option value="MI">Michigan</option> <option value="MN">Minnesota</option> <option value="MS">Mississippi</option> <option value="MO">Missouri</option> <option value="MT">Montana</option> <option value="NE">Nebraska</option> <option value="NV">Nevada</option> <option value="NH">New Hampshire</option> <option value="NJ">New Jersey</option> <option value="NM">New Mexico</option> <option value="NY">New York</option> <option value="NC">North Carolina</option> <option value="ND">North Dakota</option> <option value="OH">Ohio</option> <option value="OK">Oklahoma</option> <option value="OR">Oregon</option> <option value="PA">Pennsylvania</option> <option value="PR">Puerto Rico</option> <option value="RI">Rhode Island</option> <option value="SC">South Carolina</option> <option value="SD">South Dakota</option> <option value="TN">Tennessee</option> <option value="TX">Texas</option> <option value="UT">Utah</option> <option value="VT">Vermont</option> <option value="VA">Virginia</option> <option value="WA">Washington</option> <option value="DC">Washington, D.C.</option> <option value="WV">West Virginia</option> <option value="WI">Wisconsin</option> <option value="WY">Wyoming</option> </select> </div> <div class="ak-intl-billing-fields input-text ak-input-type-user input-field-group ak-err-below"> <label for="id_region">Region / State / Province</label> <input id="id_region" type="text" name="region" size="20"> </div> <div class="ak-us-billing-fields zip-container input-text ak-input-type-user input-field-group ak-err-below"> <input type="hidden" name="required" value="zip"> <label for="id_zip">ZIP Code</label> <input id="id_zip" type="text" name="zip" maxlength="5" size="5"> </div> <div class="ak-intl-billing-fields input-text ak-input-type-user input-field-group ak-err-below"> <label for="id_postal">Postal Code</label> <input id="id_postal" type="text" name="postal" size="10"> </div> </div> <style> .state-zip-container { display: inline-flex; margin: 0.9rem 0; width: 100%; } .state-container, .state-zip-container fieldset { flex: 1; margin: 0 !important; } .state-container { border-radius: 4px 0px 0px 4px !important; border-right: 0 !important; } .state-zip-container fieldset { border-radius: 0 4px 4px 0 !important; border-top: 0 !important; } .state-zip-container fieldset > .ak-intl-billing-fields { border-top: 1px solid rgba(21, 36, 43, 0.3) !important; border-radius: 4px !important; } </style> </div> <div class="ak-privacy ak-errs-below"> <script> jQuery(document).ready(function($){ var countrySelect = jQuery("#country"); jQuery(actionkit.form).on('actionkit.privacyRequirementChanged', function(obj, privacyStatus){ // console.log('privacy requirement is now: ' + privacyStatus); if ( privacyStatus ){ jQuery(".privacy-non_eu").hide(); jQuery(".partner-signup").show(); } else { jQuery(".privacy-non_eu").show(); jQuery(".partner-signup").show(); } }); }); </script> <style> #action-toc + .ak-privacy{ border-top:1px dotted rgba(255,255,255,0.4); margin-top:1.1em; padding-top:1.1em;} #really-opt-out{ border-radius:2px;} .privacy-ak-err{ background-color: #fff0d4; color: initial; margin: -1px 0 0; padding: 0.4rem 0.6rem; position: relative;} </style> <input type="hidden" name="privacy_show_if" value="missing"> <input type="hidden" id="privacy_notice" name="privacy_hidden" value="85758a036d426767163b2da4c367e6ca5e316120aef6ef206d54da2d74a5b992"> <p id="ak-fieldbox-privacy_notice" class="text-small text-left">Millions of people are taking quick, simple actions for climate justice – be one of them. Can we send you emails about important campaigns, stories, and actions?</p> <input type="hidden" name="required" value="privacy"> <input type="hidden" name="require_opt_in" value="1"> <input id="sub" type="hidden" name="privacy_radio_optin_lists" value="1"> <input id="unsub_all" type="hidden" name="privacy_optout_unsub_all" value="1"> <div id="ak-fieldbox-privacy_radio" class="margin-bottom-normal input-radio-group text-lineheight-small text-small text-left"> <div class="input-radio"> <input type="radio" name="privacy" id="privacy_optin" value="f0fed90098f6450727f450716d4e3b9bded8bc93655e5580302086de203ef21e"> <label for="privacy_optin">Yes, count me in!</label> </div> <div class="input-radio"> <input type="radio" name="privacy" id="privacy_optout" value="accabbf4db42d2b650cb43ee6817b22e9b38dcf8960351361503b9086cd8c094"> <label for="privacy_optout">No, sorry.</label> </div> </div> <div id="really-opt-out" class="text-small bg-dkgray-trans padding-tiny text-whote" style="display: none;"> <p>Are you sure? Email is how the global climate movement is able to stay organised. You can always unsubscribe!</p> <p><label for="privacy_optin" class="button button-small button-secondary bg-teal">Yes, keep me involved</label></p> </div> <script> jQuery(document).ready(function($){ var reallyOptOut = jQuery('#really-opt-out'); jQuery('#privacy_optin').click(function(){ reallyOptOut.fadeOut('slow'); jQuery('#unsub_all').val(''); jQuery('#sub').val('1'); }); jQuery('#privacy_optout').click(function(){ reallyOptOut.fadeIn('slow'); jQuery('#unsub_all').val('1'); jQuery('#sub').val(''); }); }); </script> </div> <style> #privacy_optin, #privacy_optout { -webkit-appearance: auto; } </style> <!-- Render occupation and employer fields, if required --> <!-- Render shipping address inputs if products need to be shipped --> </div> <!-- donation contact --> <div class="ak-donate-area-step-3 form-style-labelabove ak-errs-below"> <!-- <h5 class="margin-bottom-normal">Payment Information</h5> --> <div class="payments-container"> <div class="payments-titles"> <!-- Render non Paypal payment icons --> <div class="payments-title payments-title-active card-title "> <svg width="150" height="40" class="payments-title-active cards-us"> <image href=https://dkaroyc5da26m.cloudfront.net/images/cards.svg width="150" height="40" /> </svg> <svg width="75" height="40" class="payments-title-active cards-non-us" style="display:none;"> <image href="https://dbqvwi2zcv14h.cloudfront.net/images/cards-visa-mc.svg" width="75" height="40" /> </svg> </div> <div class="payments-title paypal-title"> <svg width="75" height="40"> <image href=https://dkaroyc5da26m.cloudfront.net/images/paypal-logo.svg width="75" height="40" /> </svg> </div> <!-- Render Paypal payment icon --> </div> <div id="payments-details-content"> </div> </div> <!--Credit Card--> <fieldset class="input-group cc-fields"> <div id="ak-fieldbox-card_num" class="input-text ak-input-type-user cc-fields"> <label for="ak-card_num">Card Number</label> <input type="hidden" name="required" value="card_num" id="ak-card_num-required"> <div id="ak-card_num-hosted" class="hosted-field"></div> <input id="ak-card_num" type="text" name="card_num"> </div> <div class="inline_fields"> <div id="ak-fieldbox-exp_date" class="input-select input-cc-expiration ak-input-type-user cc-fields ak-err-below"> <input type="hidden" name="required" value="exp_date_month" id="ak-exp_date_month-required"> <label for="ak-exp_date_month">Expiration Date</label> <div id="ak-exp_date-hosted" class="hosted-field"></div> <select id="ak-exp_date_month" class="input-cc-expiration-month c4 ct4 cm4 no-margin" type="text" name="exp_date_month"> <option value="">MM</option> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> </select> <input type="hidden" name="required" value="exp_date_year" id="ak-exp_date_year-required"> <select id="ak-exp_date_year" type="text" class="input-cc-expiration-year c6 ct6 cm6 no-margin cc-fields" name="exp_date_year"> <option value="">YYYY</option> <option value="24">2024</option> <option value="25">2025</option> <option value="26">2026</option> <option value="27">2027</option> <option value="28">2028</option> <option value="29">2029</option> <option value="30">2030</option> <option value="31">2031</option> <option value="32">2032</option> <option value="33">2033</option> <option value="34">2034</option> <option value="35">2035</option> <option value="36">2036</option> <option value="37">2037</option> <option value="38">2038</option> <option value="39">2039</option> <option value="40">2040</option> <option value="41">2041</option> <option value="42">2042</option> <option value="43">2043</option> <option value="44">2044</option> </select> <div class="clear"></div> </div> <div id="ak-fieldbox-card_code" class="input-text input-cvv ak-input-type-user cc-fields c5 ct5 margin-top-none"> <input type="hidden" name="required" value="card_code" id="ak-card_code-required"> <label for="ak-card_code" title="The 3–4 digit security code on the back of your card.">CVV</label> <div id="ak-card_code-hosted" class="hosted-field"></div> <input id="ak-card_code" type="text" name="card_code" size="4"> <div class="clear"></div> </div> </div> </fieldset> <!-- Render pre submit text --> <!-- Render "Pay by Paypal" option --> <div class="ak-payment-options text-center ak-donate-area-step-3 paypal-fields"> <input type="hidden" name="paypal" value="0" id="ak-pay-by-paypal"> <p class="margin-bottom-small text-small"> <button type="submit" id="ak-paypal-button" class="button paypal-fields"> Continue with PayPal </button></p> </div> <!-- Render post submission text --> </div> <!--ak-styled-fields--> <div class="text-center"> <button class="ak-styled-submit-button arrow-right button ak-donate-three-step-visible" id="ak-continue-button">Continue</button> <button type="submit" class="ak-submit-button button ak-donate-area-step-3 margin-bottom-normal cc-fields">Donate <span class="ak-currency-sym"></span><span class="ak-donation-total-amount"></span>&nbsp;<span class="ak-donation-monthly">monthly</span></button> </div> </div> </div> <div id="action-toc" class="text-small icon-before icon-faded" data-icon="&#xE93E;"> <strong>Secure donation.</strong> <p>Your gift will help 350.org build a global climate movement to fight climate change around the world. Donations are tax-deductible under US law and for US income only.</p> <!-- ak.wysiwyg=code --> <span style="display:none;" class="privacy-non_eu">350 will send you email updates when you can make a difference.</span> </div> </div> </form> </div> </section> <div id="donation-other" class="section padding-medium width-normal bg-new_accessible_desktop"> <!-- Render all donation disclaimers --> <div class="section-inner"> <p><strong class="text-small-caps">More ways to donate</strong> include contributing by check, transferring stock or starting a fundraising campaign: <a href="https://350.org/other-ways-to-give/">350.org/other-ways-to-give</a></p> <p><img style="float: right; margin: 0 0 1em 1em;" src="https://s3.amazonaws.com/s3.350.org/images/RapidSSL_SEAL-90x50.gif" alt="This site is secured by RapidSSL" width="70" height="40" /> <strong class="text-small-caps">Security:</strong> This page uses <a href="https://en.wikipedia.org/wiki/HTTP_Secure" target="_blank" rel="noopener">Secure HTTP</a> and <a href="https://en.wikipedia.org/wiki/Transport_Layer_Security" target="_blank" rel="noopener">SSL</a> technologies to make sure your information is 100% secure.</p> <div class="margin-bottom-normal"> <p><strong class="text-small-caps">Contact Us:</strong> Questions? Problems? Please contact us at <a href="/cdn-cgi/l/email-protection#2f4b40414e5b4640415c6f1c1a1f01405d48105c5a4d454a4c5b127e5a4a5c5b4640410a1d1f4e4d405a5b0a1d1f4b40414e5b4640410a1d1f5b400a1d1f1c1a1f01405d48"><span class="__cf_email__" data-cfemail="6e0a01000f1a0701001d2e5d5b5e40011c09">[email&#160;protected]</span></a>.</p> <p><strong class="text-small-caps">Update Your Account:</strong> To update your account with a new credit card, new expiration date, or new amount please visit <a href="https://350.org/update">350.org/update</a></p> <div style="float: left; margin: 0 1em 1em 0;"><img style="float: left; height: 40px; margin-right: 10px;" src="https://s3.amazonaws.com/s3.350.org/ak/charity_navigator_with_stars.png" /> <img style="float: left; height: 40px; background: #fff; padding: 2px;" src="https://dbqvwi2zcv14h.cloudfront.net/images/350-ak-1pftp-donate-footer.png" alt="1% For The Planet" /></div> <p>350.org is a registered 501c3 non-profit organization and all contributions are tax-deductible in the United States. 350.org's EIN/Tax ID is 26-1150699. <a href="https://350.org/additional-financial-and-regulatory-information/">Additional financial information for US donors</a>.</p> </div> <!-- ak.wysiwyg=code --> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript"> actionkit.forms.contextRoot = '/context/'; actionkit.forms.initForm('act'); </script> <script> /* (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-4147446-1', 'auto'); ga('send', 'pageview'); */ </script> <div class="clear" /> </div> <footer id="site-footer" class="section padding-small bg-new_accessible_desktop width-full text-small"> <div class="section-inner"> <nav id="footer-links" class="c6_6 ct10 cm10 c-wide"> <span class="text-large2"><a id="footer-logo" class="tf-logo text-large3" href="https://350.org/">350.org</a></span> &nbsp;&nbsp; <a href="https://350.org/about">About</a> / <a id="privacy-link" href="https://350.org/en/privacy">Privacy</a> / <a href="https://350.org/en/contact">Contact</a> </nav> <div class="c3_3 ct4 cm10 right text-right"> <span class="mobile-hide page-bg-img-credit icon-before icon-faded text-underline-none" data-icon="&#xE90A;" href="">Emma Cassidy / Survival Media</span> </div> </div> </footer> <script src="https://dbqvwi2zcv14h.cloudfront.net/ak/ak-v3.js"></script> <script> WebFontConfig = { custom: { families: ['GraphCondensedWeb:n7', 'KlimaWeb:n9', 'tf-icons:n7'], urls: ['https://dbqvwi2zcv14h.cloudfront.net/fonts/ak-fonts.css'], testStrings: { 'tf-icons': '\u0020\uE900', } }, active: function () { sessionStorage.fonts = true; } }; (function () { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script> <script> startTime = new Date() </script> <script type="text/javascript"> if ('parentIFrame' in window) { parentIFrame.sendMessage(window.location.href, "*"); } </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.8.26/dayjs.min.js"></script> <div id="body-mobile-background"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.26.0/moment.min.js"></script> <!-- scripts to all be moved here. --> </body> </html><!-- one more test for cache awesomeness -->

Pages: 1 2 3 4 5 6 7 8 9 10