Donate now

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en_EN" lang="en_EN"> <head> <meta content="text/html; charset=UTF-8" http-equiv="content-type"/> <title>Donate now</title> <meta name="description" content="Support the CERN & Society Foundation now" /> <meta name="keywords" content="donation, CERN, gift, support" /> <link type="text/css" href="https://donate.cernandsocietyfoundation.cern/themes/default/css/style_v2.css?hash=f8b6806de2accedfb5c1d726ef192c66" rel="stylesheet" /> <script type="text/javascript"> // <![CDATA[ const cacheVersion = "24070"; var gamonitoring_previous_page = sessionStorage.getItem('gamonitoring_previous_page') || document.referrer || "https:\/\/donate.cernandsocietyfoundation.cern"; var gamonitoring_session_id = sessionStorage.getItem('gamonitoring_session_id') || String(Math.floor(Math.random() * 8999999999) + 1000000000)+'.'+String(Math.floor(Date.now()/1000)); var gamonitoring_v2_client_id = gamonitoring_session_id; var gamonitoring_v2_session_id = gamonitoring_v2_client_id.replace(/^.*\./, ''); var gamonitoring_sc = ''; if(!sessionStorage.getItem('gamonitoring_session_id')) gamonitoring_sc = 'start'; if(typeof(monitoringvga)=='undefined'){ monitoringvga=1; monitoring_serialize=serialize=function(n){var e=[];for(var o in n)n.hasOwnProperty(o)&&n[o]&&e.push(encodeURIComponent(o)+"="+encodeURIComponent(n[o]));return e.join("&")}; try{ var head = document.getElementsByTagName('HEAD')[0]; document.addEventListener('DOMContentLoaded', function(event) { var monitoringparams = {z:Math.random(),cid:"donate.cernandsocietyfoundation.cern\/"+gamonitoring_session_id,dl:"https:\/\/donate.cernandsocietyfoundation.cern\/CERN\/b:steps\/cid=3",sc:gamonitoring_sc,dr:gamonitoring_previous_page,cd:"2024-11-30:12.09.51-674af27faf44b",dt:window.location.host+'/'+"donations",ul:"en-EN",ds:"web",}; var inputs = document.querySelectorAll('input[type=hidden][name=context_form_id]'), i; var link = document.createElement('link'); link.rel = 'stylesheet'; link.href = 'https://monitoring.iraiser.eu/check.css?'+monitoring_serialize(monitoringparams); head.appendChild(link); var input = document.createElement("input"); input.setAttribute("type", "hidden"); input.setAttribute("name", "private_monitoring_session_id"); input.setAttribute("value", "donate.cernandsocietyfoundation.cern\/"+gamonitoring_session_id); for (i = 0; i < inputs.length; ++i) { inputs[i].parentNode.insertBefore(input, inputs[i]); } var link_v2 = document.createElement('link'); monitoringparams.cid = gamonitoring_v2_client_id; monitoringparams.sid = gamonitoring_v2_session_id; link_v2.rel = 'stylesheet'; link_v2.type = 'text/css'; link_v2.href = 'https://monitoring.iraiser.eu/v2/check.css?'+monitoring_serialize(monitoringparams); head.appendChild(link_v2); var input_v2_client_id = document.createElement("input"); input_v2_client_id.setAttribute("type", "hidden"); input_v2_client_id.setAttribute("name", "private_monitoring_v2_client_id"); input_v2_client_id.setAttribute("value", gamonitoring_v2_client_id); var input_v2_session_id = document.createElement("input"); input_v2_session_id.setAttribute("type", "hidden"); input_v2_session_id.setAttribute("name", "private_monitoring_v2_session_id"); input_v2_session_id.setAttribute("value", gamonitoring_v2_session_id); for (i = 0; i < inputs.length; ++i) { inputs[i].parentNode.insertBefore(input_v2_client_id, inputs[i]); inputs[i].parentNode.insertBefore(input_v2_session_id, inputs[i]); } }); window.onerror = function (eventOrMessage, url, lineNumber, colNumber, error) { var monitoringerrorparams = {z:Math.random(),cid:"donate.cernandsocietyfoundation.cern\/"+gamonitoring_session_id,t:"event",ec:"JSError",ev:1,ea:"\/CERN\/b:steps\/cid=3\/",}; if (!eventOrMessage) { return; } if (typeof eventOrMessage !== 'string') { error = eventOrMessage.error; url = eventOrMessage.filename || eventOrMessage.fileName; lineNumber = eventOrMessage.lineno || eventOrMessage.lineNumber; colNumber = eventOrMessage.colno || eventOrMessage.columnNumber; eventOrMessage = eventOrMessage.message || eventOrMessage.name || error.message || error.name; } if (error && error.stack) { eventOrMessage = [eventOrMessage, '; Stack: ', error.stack, '.'].join(''); } var jsFile = (/[^/]+\.js/i.exec(url || '') || [])[0] || 'inline', eventOrMessage = eventOrMessage.replace(/https?\:\/\/[^/]+/gi, '').replace(/[?&]context_form_[^ &]+/gi, ''); stack = [eventOrMessage, ' > ' + jsFile, ':', lineNumber || '?', ':', colNumber || '?'].join('').substring(0,450); monitoringerrorparams.ea += jsFile; monitoringerrorparams.el = stack; var link = document.createElement('link'); link.rel = 'stylesheet'; link.type = 'text/css'; link.href = 'https://monitoring.iraiser.eu/error.css?'+monitoring_serialize(monitoringerrorparams); head.appendChild(link); monitoringerrorparams.cid = gamonitoring_v2_client_id; monitoringerrorparams.sid = gamonitoring_v2_session_id; var link_v2 = document.createElement('link'); link_v2.rel = 'stylesheet'; link_v2.type = 'text/css'; link_v2.href = 'https://monitoring.iraiser.eu/v2/error.css?'+monitoring_serialize(monitoringerrorparams); head.appendChild(link_v2); } } catch (error) {console.error(error);} sessionStorage.setItem('gamonitoring_previous_page',gamonitoring_previous_page); sessionStorage.setItem('gamonitoring_session_id',gamonitoring_session_id); } // ]]> </script><script type="text/javascript" src="https://donate.cernandsocietyfoundation.cern/themes/default/js/jquery-1.11.2.min.js?hash=5790ead7ad3ba27397aedfa3d263b867" ></script> <script type="text/javascript" src="https://donate.cernandsocietyfoundation.cern/themes/default/js/jquery.patch.min.js?hash=8c3155becb5ec93b830922ca82081911" ></script> <script type="text/javascript" src="https://donate.cernandsocietyfoundation.cern/themes/default/js/jquery.cookie-1.0.min.js?hash=6f6ed3cd5486dbf3bb9143eea287a6a5" ></script> <script type="text/javascript" src="https://donate.cernandsocietyfoundation.cern/themes/default/js/dnterrors.min.js?hash=af6b6c3691e205792b5ad49d7fa92b5a" ></script> <script type="text/javascript" src="https://donate.cernandsocietyfoundation.cern/themes/default/js/jquery.config.min.js?hash=aae7bb01c8a0e6da615dd41aaafab4b5" ></script> <script type="text/javascript" src="https://donate.cernandsocietyfoundation.cern/themes/default/js/step1.min.js?hash=ddb0461c6ec36bc51449a0f8bbafad7b" ></script> <script type="text/javascript" src="https://donate.cernandsocietyfoundation.cern/themes/default/js/step2.min.js?hash=52f2b25c91cfb4ff1b559c7b186e6da6" ></script> <script type="text/javascript" src="https://donate.cernandsocietyfoundation.cern/themes/default/js/step3.min.js?hash=1cbc70ae6688f4df94453feb30066dcd" ></script> <script type="text/javascript" src="https://donate.cernandsocietyfoundation.cern/themes/default/js/steps.min.js?hash=0b3621bd88c488f4f53f841cb640a269" ></script> <script type="text/javascript" src="https://donate.cernandsocietyfoundation.cern/themes/default/js/jquery.ir-priceinput.min.js?hash=07482ff72021c2c53278074abe52347f" ></script> <script type="text/javascript" src="https://donate.cernandsocietyfoundation.cern/themes/default/js/common.min.js?hash=ef2e383a6a180f6fe62a1f93d12c1436" ></script> <script type="text/javascript"> // <![CDATA[ old_console_log = console.log; if(typeof $.cookie == 'undefined' || !$.cookie('DntManager')){ console.log = function(){}; } if(typeof(String.prototype.replaceAll) == 'undefined') String.prototype.replaceAll = String.prototype.replace; var ira_form_version = 'b'; Common.price_pattern = "\u20ac1.22" Common.price_default_currency = "CHF" Common.price_campaign_currency = "CHF" Common.price_currencies = {"EUR":"\u20ac","USD":"$","AED":"DH","AFN":"AFN","ALL":"Lek","AMD":"AMD","ANG":"ANG","AOA":"Kz","ARS":"$","AUD":"$","AWG":"AWG","AZN":"AZN","BAM":"KM","BBD":"BBD","BDT":"\u09f3","BGN":"\u043b\u0432","BHD":".\u062f.\u0628 ","BIF":"BIF","BMD":"BMD","BND":"B$","BOB":"BOB","BRL":"R$","BSD":"BSD","BTC":"BTC","BTN":"BTN","BWP":"BWP","BYN":"BYN","BYR":"p.","BZD":"BZD","CAD":"$","CDF":"CDF","CHF":"CHF","CLF":"CLF","CLP":"$","CNY":"CN\u00a5","COP":"$","CRC":"CRC","CUC":"CUC","CUP":"CUP","CVE":"CVE","CYP":"\u00a3","CZK":"K\u010d","DJF":"DJF","DKK":"DKK","DOP":"DOP","DZD":"D.A.","EGP":"E\u00a3","ERN":"ERN","ETB":"ETB","FJD":"FJD","FKP":"FKP","GBP":"\u00a3","GEL":"GEL","GGP":"GGP","GHS":"GH\u20b5","GIP":"GIP","GMD":"GMD","GNF":"GNF","GTQ":"Q","GYD":"GYD","HKD":"$","HNL":"HNL","HRK":"kn","HTG":"HTG","HUF":"Ft","IDR":"Rp","ILS":"\u20aa","IMP":"IMP","INR":"\u20b9","IQD":"\u062f.\u0639","IRR":"IRR","ISK":"kr","JEP":"JEP","JMD":"JMD","JOD":"\u062f.\u0623","JPY":"\u00a5","KES":"KES","KGS":"KGS","KHR":"KHR","KMF":"KMF","KPW":"KPW","KRW":"\u20a9","KWD":"\u062f.\u0643 ","KYD":"KYD","KZT":"KZT","LAK":"LAK","LBP":"\u0644.\u0644.","LKR":"LKR","LRD":"LRD","LSL":"LSL","LTL":"LTL","LVL":"LVL","LYD":"LYD","MAD":"\u062f.\u0645","MDL":"MDL","MGA":"MGA","MKD":"\u0434\u0435\u043d","MMK":"MMK","MNT":"MNT","MOP":"MOP","MRO":"MRO","MUR":"MUR","MVR":"MVR","MWK":"MWK","MXN":"MX$","MYR":"RM","MZN":"MZN","NAD":"NAD","NGN":"\u20a6","NIO":"NIO","NOK":"kr","NPR":"NPR","NZD":"$","OMR":"\u0631.\u0639.","PAB":"PAB","PEN":"S\/.","PGK":"PGK","PHP":"\u20b1","PKR":"\u20a8","PLN":"z\u0142","PYG":"Gs","QAR":"QR","RON":"RON","RSD":"RSD","RUB":"\u0440\u0443\u0431","RWF":"RF","SAR":"SR","SBD":"SBD","SCR":"SCR","SDG":"SDG","SEK":"kr","SGD":"$","SHP":"SHP","SLL":"SLL","SOS":"SOS","SRD":"SRD","STD":"STD","SVC":"SVC","SYP":"SYP","SZL":"SZL","THB":"\u0e3f","TJS":"TJS","TMT":"TMT","TND":"DT","TOP":"TOP","TRY":"\u20ba","TTD":"TTD","TWD":"TWD","TZS":"TZS","UAH":"\u20b4","UGX":"UGX","UYU":"$U","UZS":"UZS","VEF":"VEF","VES":"Bs. S","VND":"\u20ab","VUV":"VUV","WST":"WST","XAF":"FCFA","XAG":"XAG","XAU":"XAU","XCD":"XCD","XDR":"XDR","XOF":"CFA","XPF":"XPF","YER":"YER","ZAR":"R","ZMK":"ZMK","ZMW":"ZK","ZWL":"ZWL"} Common.price_rates = {"AED":3.956993,"AFN":73.384976,"ALL":98.092982,"AMD":415.86344,"ANG":1.936492,"AOA":983.059531,"ARS":1070.546996,"AUD":1.623284,"AWG":1.941878,"AZN":1.829496,"BAM":1.953289,"BBD":2.169491,"BDT":128.404924,"BGN":1.955383,"BHD":0.406053,"BIF":3171.992676,"BMD":1.077325,"BND":1.425554,"BOB":7.451421,"BRL":6.134071,"BSD":1.074509,"BTC":1.4166497e-5,"BTN":90.665021,"BWP":14.346423,"BYN":3.516447,"BYR":21115.57004,"BZD":2.165895,"CAD":1.496732,"CDF":3086.53628,"CHF":0.940699,"CLF":0.037391,"CLP":1031.73253,"CNY":7.721837,"CNH":7.669795,"COP":4657.545315,"CRC":548.989129,"CUC":1.077325,"CUP":28.549113,"CVE":110.124447,"CZK":25.264357,"DJF":191.342236,"DKK":7.458051,"DOP":64.596356,"DZD":143.695021,"EGP":53.114601,"ERN":16.159875,"ETB":132.271725,"EUR":1,"FJD":2.437984,"FKP":0.824336,"GBP":0.832207,"GEL":2.93571,"GGP":0.824336,"GHS":17.622508,"GIP":0.824336,"GMD":77.026244,"GNF":9264.0043,"GTQ":8.292301,"GYD":224.803082,"HKD":8.374963,"HNL":27.107899,"HRK":7.421724,"HTG":141.356961,"HUF":404.923322,"IDR":16895.149344,"ILS":4.011797,"IMP":0.824336,"INR":90.896818,"IQD":1407.603465,"IRR":45360.769778,"ISK":148.304868,"JEP":0.824336,"JMD":170.049807,"JOD":0.763929,"JPY":164.46605,"KES":138.608088,"KGS":92.86414,"KHR":4365.347434,"KMF":491.206134,"KPW":969.592259,"KRW":1495.628539,"KWD":0.330394,"KYD":0.895457,"KZT":528.165898,"LAK":23584.461142,"LBP":96577.6337,"LKR":314.402889,"LRD":204.156591,"LSL":18.783278,"LTL":3.18106,"LVL":0.651663,"LYD":5.206259,"MAD":10.626539,"MDL":19.271046,"MGA":4955.583154,"MKD":61.627871,"MMK":3499.109583,"MNT":3660.750387,"MOP":8.602221,"MRU":42.808568,"MUR":49.990431,"MVR":16.602024,"MWK":1863.187411,"MXN":21.337394,"MYR":4.729353,"MZN":68.84645,"NAD":18.783626,"NGN":1811.554287,"NIO":39.538802,"NOK":11.763462,"NPR":145.063162,"NZD":1.796272,"OMR":0.414769,"PAB":1.074519,"PEN":4.061416,"PGK":4.312416,"PHP":62.867291,"PKR":298.632809,"PLN":4.321797,"PYG":8340.200508,"QAR":3.916302,"RON":4.975626,"RSD":117.008358,"RUB":105.57055,"RWF":1472.59318,"SAR":4.046934,"SBD":8.993323,"SCR":15.128581,"SDG":648.01436,"SEK":11.573509,"SGD":1.425764,"SHP":0.824336,"SLE":24.552667,"SLL":22590.963184,"SOS":614.104813,"SRD":37.657896,"STD":22298.452431,"SVC":9.401869,"SYP":2706.811676,"SZL":18.777685,"THB":36.848068,"TJS":11.422063,"TMT":3.770638,"TND":3.343786,"TOP":2.523207,"TRY":37.01951,"TTD":7.288562,"TWD":34.632231,"TZS":2898.003815,"UAH":44.422878,"UGX":3943.966286,"USD":1.077325,"UYU":44.672362,"UZS":13763.433626,"VEF":218043921113.59,"VES":136836.34,"VND":27256.322551,"VUV":127.902221,"WST":3.017786,"XAF":655.108718,"XAG":0.031938,"XAU":0.000396,"XCD":2.911525,"XDR":0.805657,"XOF":655.108718,"XPF":119.331742,"YER":269.169559,"ZAR":18.761211,"ZMK":9697.213435,"ZMW":29.119294,"ZWL":346.898211,"CYP":1.7086,"SSP":633.704955} Common.price_currency_position = "left" Common.price_frequency_texts = {"once":"I donate once","regular":"I donate every month"} Common.campaign_default_frequency = "regular" Step1.tax_reduction_rates = {"ir":[66],"isf":[75,0],"corp":[60],"custom1":[],"custom2":[]}; Step1.tax_reduction_ceils = {"ir":[],"isf":[50000],"corp":[],"custom1":[],"custom2":[]}; Step1.tax_reduction_notices = {"ir":"up to 20% of the taxable income","isf":"","corp":"up to 5\u2030 of the business revenue","custom1":"","custom2":""}; Step1.tax_reduction_triggers = {"ir":"0","isf":"0","corp":"0","custom1":"0","custom2":"0"}; Step1.active_tax_reduction = 0; Step1.adapt_tax_bloc = false; Step1.tax_info = "The real cost of your donation is <strong><span class='price'><data class='price_currency'>CHF<\/data><data class='price_amount'>%s<\/data><\/span><\/strong> (tax exemption of <span class='price'><data class='price_currency'>CHF<\/data><data class='price_amount'>%d<\/data><\/span>[notice])."; Step1.is_french_isf = 0; Step1.is_tipping_campaign = 0; Step1.amount_equivalences = {"once":[],"regular":[]} Step1.decimal_sep = "."; Step1.min_once_amount = 5; Step1.max_once_amount = 10000; Step1.min_regular_amount = 5; Step1.max_regular_amount = 10000; DntErrors.errorMsg.errors = "%s errors found on the form"; DntErrors.errorMsg.error = "an error has been found on the form"; DntErrors.errorMsg.choose_amount = "Please choose an amount for your donation"; DntErrors.errorMsg.min_once_amount = "Due to processing fees, the minimum amount accepted is {min_amount_with_currency}"; DntErrors.errorMsg.max_once_amount = "Your donation cannot be more than {max_amount_with_currency}"; DntErrors.errorMsg.min_regular_amount = "Due to processing fees, the minimum amount accepted is {min_amount_with_currency}"; DntErrors.errorMsg.max_regular_amount = "Your donation cannot be more than {max_amount_with_currency}"; DntErrors.errorMsg.errors = "%s errors found on the form"; DntErrors.errorMsg.error = "an error has been found on the form"; DntErrors.errorMsg.qualification = "The '%s' field is mandatory"; DntErrors.errorMsg.firstname = "Please enter your first name"; DntErrors.errorMsg.lastname = "Please enter your last name"; DntErrors.errorMsg.email = "Please enter a valid email"; DntErrors.errorMsg.company = "The company name should not exceed 70 characters"; DntErrors.errorMsg.company_siren = "The SIREN is empty or invalid"; DntErrors.errorMsg.company_status = "The legal form is empty or unknown"; DntErrors.errorMsg.address1 = "Please enter your address (38 characters maximum)"; DntErrors.errorMsg.address2 = "The address 2 should not exceed 38 characters"; DntErrors.errorMsg.postcode = "Please enter your postcode (10 characters maximum)"; DntErrors.errorMsg.city = "Please enter your city (38 characters maximum)"; DntErrors.errorMsg.civility = "Please select your title"; DntErrors.errorMsg.errors = "%s errors found on the form"; DntErrors.errorMsg.error = "an error has been found on the form"; DntErrors.errorMsg.cardtype = "Please select your card type"; DntErrors.errorMsg.cardnumber = "Please enter your card number"; DntErrors.errorMsg.cardscode = DntErrors.errorMsg.scode = "Please enter the 3 digit security code on the back of your card"; DntErrors.errorMsg.cardmonth = "Please enter the card expiry month"; DntErrors.errorMsg.cardyear = "Please enter the card expiry year"; DntErrors.errorMsg.gocardless = "This payment method can only be used for an amount less than 5000\u20ac. Thank you for reducing the amount or selecting another method of payment"; Step2.failed_dnt_url = "/index.php?module=donations&action=xhr:attemptSave"; form_context_lang = "en_EN"; form_context_cid = "3"; Step3.alert_msg = ""; Step3.modal_qualif = "0"; Step3.modal_qualif_url = "/index.php?module=donations&action=default:modalQualification"; Step3.modal_save_card = "0"; Step3.modal_save_card_url = "/index.php?module=donations&action=default:modalSaveCard"; Step3.modal_save_card_set_url = "/index.php?context_form_id=form_cached_2024-11-30.12:09:51_674af27faefe88.85134529&module=donations&action=default:setSaveCard"; Step3.cards_mastercard_length=16; Step3.cards_mastercard_cvvlength=3; Step3.cards_mastercard_hasalias=1; Step3.cards_visa_length=16; Step3.cards_visa_cvvlength=3; Step3.cards_visa_hasalias=1; $(document).ready(function() { Step1.init(); Step2.init(); Steps.init(); Steps.submit(); }); organisation_name = "CERN & Society Foundation"; try{ var ira_context_infos = {"form_id":"form_cached_2024-11-30.12:09:51_674af27faefe88.85134529","campaign":"3","version":"b","lang":"en_EN","amount":{"amount":"0","amount_donation":0,"frequency":"once","free_amount":false,"currency":"CHF"},"reserved":"[]","affectation":null,"_cpn_name_":"donate"}; console.warn(ira_context_infos); }catch(err){} try{ $.cookie('dnt_coords',null,{'path':'/','domain':'.donate.cernandsocietyfoundation.cern'}); }catch(err){} $(document).ready(function() { try{ var context_form_input = $("input[name='context_form_id']"); if(context_form_input){ var context_form_val = context_form_input.val(); if(!context_form_val || context_form_val == 'form_cached'){ context_form_input.val("form_cached_"+Math.floor(Math.random() * 1000000000)); } } if(typeof ira_form_version != 'undefined'){ $('input[name=lang]').after( $('<input type="hidden" name="form_version" />').val(ira_form_version) ); } var dnt_amount = {"amount":"0","amount_donation":0,"frequency":"once","free_amount":false,"currency":"CHF"}; if(typeof Step1 != 'undefined' && dnt_amount){ Step1.initValues(dnt_amount); } }catch(err){} }); // ]]> </script><meta name="viewport" content="width=device-width" /> <link rel="canonical" href="https://donate.cernandsocietyfoundation.cern/~share?cid=3&lang=en_EN" /> <style type="text/css"> .regularblock { display:none; } body { background: url(/cdn.iraiser.eu/PGuj96KzjINl+5CiMeJw9A==/default/origin/CERN.jpg); } #header { } </style> <script type='text/javascript'> optionsGlobal = {"active_theme":"1","font":"Source+Sans+Pro","font_title":"Open+Sans","fontsize":"","wedge":"5","donation_grid":"2","layout":"1","widgets_footer":"2","widgets_header":"1","widgets_progress_bar":"false","widgets_progress_bar_currency":"","widgets_color_progress_bar_goal":"#191919","widgets_progress_bar_goal":"","widgets_progress_bar_text_fr_FR":"","widgets_progress_bar_text_en_EN":"","widgets_last_donors":"false","widgets_color_last_donors":"#191919","widgets_last_donors_filter":"","widgets_last_donors_text_fr_FR":"","widgets_last_donors_text_en_EN":"","widgets_cookies_banner":"false","widgets_color_cookies_banner":"#191919","widgets_cookies_banner_text_fr_FR":"","widgets_cookies_banner_text_en_EN":"","widgets_cookies_banner_button_fr_FR":"","widgets_cookies_banner_button_en_EN":"","--main-action-color":"#0855A0","--main-action-color-lighter":"#3e71c0","--description-color":"#0855A0","--information-color":"#191919","--column-background-color":"","--banner-color":"#191919","--banner-color-darker":"#000000"}; optionsCampaign = ''; context_lang = "en_EN"; campaign_stats = {"count":"95","sum":"924554","min":"500","max":"84400","avg":"97.32","progress":"100","last_donators":[{"firstname":"Edward","total":"2000","currency":"CHF","date":"2024-11-14 10:08:00","campaign":"3","city":"SAINT-GENIS-POUILLY","message":"","avatar":""},{"firstname":"Valentina","total":"1000","currency":"CHF","date":"2024-11-05 03:35:00","campaign":"3","city":"GEN\u00e8VE","message":"","avatar":""},{"firstname":"Michael","total":"1500","currency":"EUR","date":"2024-11-05 03:35:00","campaign":"3","city":"M\u00fcNCHEN","message":"","avatar":""},{"firstname":"Evlogica Srls","total":"1000","currency":"EUR","date":"2024-11-05 03:35:00","campaign":"3","city":"FROSINONE","message":"","avatar":""},{"firstname":"Anonymous","total":"2100","currency":"USD","date":"2024-11-05 03:35:00","campaign":"3","city":"TRINEC","message":"","avatar":""},{"firstname":"Stefan","total":"20000","currency":"CHF","date":"2024-11-05 03:31:00","campaign":"3","city":"FORCH","message":"","avatar":""},{"firstname":"Valentina","total":"1000","currency":"CHF","date":"2024-10-05 04:35:00","campaign":"3","city":"GEN\u00e8VE","message":"","avatar":""},{"firstname":"Michael","total":"1500","currency":"EUR","date":"2024-10-05 04:35:00","campaign":"3","city":"M\u00fcNCHEN","message":"","avatar":""},{"firstname":"Evlogica Srls","total":"1000","currency":"EUR","date":"2024-10-05 04:35:00","campaign":"3","city":"FROSINONE","message":"","avatar":""},{"firstname":"Anonymous","total":"2100","currency":"USD","date":"2024-10-05 04:35:00","campaign":"3","city":"TRINEC","message":"","avatar":""},{"firstname":"Stefan","total":"20000","currency":"CHF","date":"2024-10-05 04:31:00","campaign":"3","city":"FORCH","message":"","avatar":""},{"firstname":"Nilesh Sanjay","total":"630","currency":"USD","date":"2024-10-02 06:34:00","campaign":"3","city":"JALGAON","message":"","avatar":""},{"firstname":"Yannik","total":"500","currency":"EUR","date":"2024-09-18 17:17:00","campaign":"3","city":"KASSEL","message":"","avatar":""},{"firstname":"Michel","total":"20000","currency":"CHF","date":"2024-09-18 14:39:00","campaign":"3","city":"JOUY-EN-JOSAS","message":"","avatar":""},{"firstname":"Valentina","total":"1000","currency":"CHF","date":"2024-09-05 04:35:00","campaign":"3","city":"GEN\u00e8VE","message":"","avatar":""},{"firstname":"Michael","total":"1500","currency":"EUR","date":"2024-09-05 04:35:00","campaign":"3","city":"M\u00fcNCHEN","message":"","avatar":""},{"firstname":"Evlogica Srls","total":"1000","currency":"EUR","date":"2024-09-05 04:35:00","campaign":"3","city":"FROSINONE","message":"","avatar":""},{"firstname":"Anonymous","total":"2100","currency":"USD","date":"2024-09-05 04:35:00","campaign":"3","city":"TRINEC","message":"","avatar":""},{"firstname":"Stefan","total":"20000","currency":"CHF","date":"2024-09-05 04:31:00","campaign":"3","city":"FORCH","message":"","avatar":""},{"firstname":"Valentina","total":"1000","currency":"CHF","date":"2024-08-05 04:35:00","campaign":"3","city":"GEN\u00e8VE","message":"","avatar":""},{"firstname":"Michael","total":"1500","currency":"EUR","date":"2024-08-05 04:35:00","campaign":"3","city":"M\u00fcNCHEN","message":"","avatar":""},{"firstname":"Evlogica Srls","total":"1000","currency":"EUR","date":"2024-08-05 04:35:00","campaign":"3","city":"FROSINONE","message":"","avatar":""},{"firstname":"Anonymous","total":"2100","currency":"USD","date":"2024-08-05 04:35:00","campaign":"3","city":"TRINEC","message":"","avatar":""},{"firstname":"Stefan","total":"20000","currency":"CHF","date":"2024-08-05 04:31:00","campaign":"3","city":"FORCH","message":"","avatar":""},{"firstname":"Catherine","total":"6000","currency":"CHF","date":"2024-07-31 18:51:00","campaign":"3","city":"SHREWSBURY","message":"","avatar":""},{"firstname":"Valentina","total":"1000","currency":"CHF","date":"2024-07-05 04:35:00","campaign":"3","city":"GEN\u00e8VE","message":"","avatar":""},{"firstname":"Michael","total":"1500","currency":"EUR","date":"2024-07-05 04:35:00","campaign":"3","city":"M\u00fcNCHEN","message":"","avatar":""},{"firstname":"Evlogica Srls","total":"1000","currency":"EUR","date":"2024-07-05 04:35:00","campaign":"3","city":"FROSINONE","message":"","avatar":""},{"firstname":"Anonymous","total":"2100","currency":"USD","date":"2024-07-05 04:35:00","campaign":"3","city":"TRINEC","message":"","avatar":""},{"firstname":"Stefan","total":"20000","currency":"CHF","date":"2024-07-05 04:31:00","campaign":"3","city":"FORCH","message":"","avatar":""},{"firstname":"University of Nevada Las Vegas","total":"1050","currency":"USD","date":"2024-06-09 06:18:00","campaign":"3","city":"LAS VEGAS","message":"Thank you","avatar":""},{"firstname":"Valentina","total":"1000","currency":"CHF","date":"2024-06-05 04:35:00","campaign":"3","city":"GEN\u00e8VE","message":"","avatar":""},{"firstname":"Michael","total":"1500","currency":"EUR","date":"2024-06-05 04:35:00","campaign":"3","city":"M\u00fcNCHEN","message":"","avatar":""},{"firstname":"Evlogica Srls","total":"1000","currency":"EUR","date":"2024-06-05 04:35:00","campaign":"3","city":"FROSINONE","message":"","avatar":""},{"firstname":"Anonymous","total":"2100","currency":"USD","date":"2024-06-05 04:35:00","campaign":"3","city":"TRINEC","message":"","avatar":""},{"firstname":"Stefan","total":"20000","currency":"CHF","date":"2024-06-05 04:31:00","campaign":"3","city":"FORCH","message":"","avatar":""},{"firstname":"Paul","total":"1000","currency":"CHF","date":"2024-06-04 10:43:00","campaign":"3","city":"NORWICH","message":"","avatar":""},{"firstname":"Richa","total":"2500","currency":"USD","date":"2024-05-31 04:23:00","campaign":"3","city":"SEATTLE","message":"","avatar":""},{"firstname":"Chee Mun","total":"12000","currency":"CHF","date":"2024-05-25 18:45:00","campaign":"3","city":"SINGAPORE","message":"","avatar":""},{"firstname":"Anonymous","total":"6000","currency":"CHF","date":"2024-05-09 15:41:00","campaign":"3","city":"BEIJING","message":"for the human","avatar":""},{"firstname":"Michel","total":"15000","currency":"EUR","date":"2024-05-05 08:53:00","campaign":"3","city":"JOUY-EN-JOSAS","message":"","avatar":""},{"firstname":"Jeffrey","total":"2000","currency":"USD","date":"2024-05-05 04:35:00","campaign":"3","city":"NEW CASTLE","message":"","avatar":""},{"firstname":"Valentina","total":"1000","currency":"CHF","date":"2024-05-05 04:35:00","campaign":"3","city":"GEN\u00e8VE","message":"","avatar":""},{"firstname":"Michael","total":"1500","currency":"EUR","date":"2024-05-05 04:35:00","campaign":"3","city":"M\u00fcNCHEN","message":"","avatar":""},{"firstname":"Evlogica Srls","total":"1000","currency":"EUR","date":"2024-05-05 04:35:00","campaign":"3","city":"FROSINONE","message":"","avatar":""},{"firstname":"Anonymous","total":"2100","currency":"USD","date":"2024-05-05 04:35:00","campaign":"3","city":"TRINEC","message":"","avatar":""},{"firstname":"Stefan","total":"20000","currency":"CHF","date":"2024-05-05 04:31:00","campaign":"3","city":"FORCH","message":"","avatar":""},{"firstname":"JUNG Eun","total":"6000","currency":"CHF","date":"2024-04-21 16:23:00","campaign":"3","city":"BUSAN","message":"M4.0 EARTHCAKE on O pointed. my body wave VTMB M pass CAlA ","avatar":""},{"firstname":"Valentina","total":"1000","currency":"CHF","date":"2024-04-05 04:35:00","campaign":"3","city":"GEN\u00e8VE","message":"","avatar":""},{"firstname":"Michael","total":"1500","currency":"EUR","date":"2024-04-05 04:35:00","campaign":"3","city":"M\u00fcNCHEN","message":"","avatar":""}],"date_cache":"2024-11-30"}; campaign_stats_last_donators = [{"firstname":"Edward","total":"2000","currency":"CHF","date":"2024-11-14 10:08:00","campaign":"3","city":"SAINT-GENIS-POUILLY","message":"","avatar":""},{"firstname":"Valentina","total":"1000","currency":"CHF","date":"2024-11-05 03:35:00","campaign":"3","city":"GEN\u00e8VE","message":"","avatar":""},{"firstname":"Michael","total":"1500","currency":"EUR","date":"2024-11-05 03:35:00","campaign":"3","city":"M\u00fcNCHEN","message":"","avatar":""},{"firstname":"Evlogica Srls","total":"1000","currency":"EUR","date":"2024-11-05 03:35:00","campaign":"3","city":"FROSINONE","message":"","avatar":""},{"firstname":"Anonymous","total":"2100","currency":"USD","date":"2024-11-05 03:35:00","campaign":"3","city":"TRINEC","message":"","avatar":""},{"firstname":"Stefan","total":"20000","currency":"CHF","date":"2024-11-05 03:31:00","campaign":"3","city":"FORCH","message":"","avatar":""},{"firstname":"Valentina","total":"1000","currency":"CHF","date":"2024-10-05 04:35:00","campaign":"3","city":"GEN\u00e8VE","message":"","avatar":""},{"firstname":"Michael","total":"1500","currency":"EUR","date":"2024-10-05 04:35:00","campaign":"3","city":"M\u00fcNCHEN","message":"","avatar":""},{"firstname":"Evlogica Srls","total":"1000","currency":"EUR","date":"2024-10-05 04:35:00","campaign":"3","city":"FROSINONE","message":"","avatar":""},{"firstname":"Anonymous","total":"2100","currency":"USD","date":"2024-10-05 04:35:00","campaign":"3","city":"TRINEC","message":"","avatar":""},{"firstname":"Stefan","total":"20000","currency":"CHF","date":"2024-10-05 04:31:00","campaign":"3","city":"FORCH","message":"","avatar":""},{"firstname":"Nilesh Sanjay","total":"630","currency":"USD","date":"2024-10-02 06:34:00","campaign":"3","city":"JALGAON","message":"","avatar":""},{"firstname":"Yannik","total":"500","currency":"EUR","date":"2024-09-18 17:17:00","campaign":"3","city":"KASSEL","message":"","avatar":""},{"firstname":"Michel","total":"20000","currency":"CHF","date":"2024-09-18 14:39:00","campaign":"3","city":"JOUY-EN-JOSAS","message":"","avatar":""},{"firstname":"Valentina","total":"1000","currency":"CHF","date":"2024-09-05 04:35:00","campaign":"3","city":"GEN\u00e8VE","message":"","avatar":""},{"firstname":"Michael","total":"1500","currency":"EUR","date":"2024-09-05 04:35:00","campaign":"3","city":"M\u00fcNCHEN","message":"","avatar":""},{"firstname":"Evlogica Srls","total":"1000","currency":"EUR","date":"2024-09-05 04:35:00","campaign":"3","city":"FROSINONE","message":"","avatar":""},{"firstname":"Anonymous","total":"2100","currency":"USD","date":"2024-09-05 04:35:00","campaign":"3","city":"TRINEC","message":"","avatar":""},{"firstname":"Stefan","total":"20000","currency":"CHF","date":"2024-09-05 04:31:00","campaign":"3","city":"FORCH","message":"","avatar":""},{"firstname":"Valentina","total":"1000","currency":"CHF","date":"2024-08-05 04:35:00","campaign":"3","city":"GEN\u00e8VE","message":"","avatar":""},{"firstname":"Michael","total":"1500","currency":"EUR","date":"2024-08-05 04:35:00","campaign":"3","city":"M\u00fcNCHEN","message":"","avatar":""},{"firstname":"Evlogica Srls","total":"1000","currency":"EUR","date":"2024-08-05 04:35:00","campaign":"3","city":"FROSINONE","message":"","avatar":""},{"firstname":"Anonymous","total":"2100","currency":"USD","date":"2024-08-05 04:35:00","campaign":"3","city":"TRINEC","message":"","avatar":""},{"firstname":"Stefan","total":"20000","currency":"CHF","date":"2024-08-05 04:31:00","campaign":"3","city":"FORCH","message":"","avatar":""},{"firstname":"Catherine","total":"6000","currency":"CHF","date":"2024-07-31 18:51:00","campaign":"3","city":"SHREWSBURY","message":"","avatar":""},{"firstname":"Valentina","total":"1000","currency":"CHF","date":"2024-07-05 04:35:00","campaign":"3","city":"GEN\u00e8VE","message":"","avatar":""},{"firstname":"Michael","total":"1500","currency":"EUR","date":"2024-07-05 04:35:00","campaign":"3","city":"M\u00fcNCHEN","message":"","avatar":""},{"firstname":"Evlogica Srls","total":"1000","currency":"EUR","date":"2024-07-05 04:35:00","campaign":"3","city":"FROSINONE","message":"","avatar":""},{"firstname":"Anonymous","total":"2100","currency":"USD","date":"2024-07-05 04:35:00","campaign":"3","city":"TRINEC","message":"","avatar":""},{"firstname":"Stefan","total":"20000","currency":"CHF","date":"2024-07-05 04:31:00","campaign":"3","city":"FORCH","message":"","avatar":""},{"firstname":"University of Nevada Las Vegas","total":"1050","currency":"USD","date":"2024-06-09 06:18:00","campaign":"3","city":"LAS VEGAS","message":"Thank you","avatar":""},{"firstname":"Valentina","total":"1000","currency":"CHF","date":"2024-06-05 04:35:00","campaign":"3","city":"GEN\u00e8VE","message":"","avatar":""},{"firstname":"Michael","total":"1500","currency":"EUR","date":"2024-06-05 04:35:00","campaign":"3","city":"M\u00fcNCHEN","message":"","avatar":""},{"firstname":"Evlogica Srls","total":"1000","currency":"EUR","date":"2024-06-05 04:35:00","campaign":"3","city":"FROSINONE","message":"","avatar":""},{"firstname":"Anonymous","total":"2100","currency":"USD","date":"2024-06-05 04:35:00","campaign":"3","city":"TRINEC","message":"","avatar":""},{"firstname":"Stefan","total":"20000","currency":"CHF","date":"2024-06-05 04:31:00","campaign":"3","city":"FORCH","message":"","avatar":""},{"firstname":"Paul","total":"1000","currency":"CHF","date":"2024-06-04 10:43:00","campaign":"3","city":"NORWICH","message":"","avatar":""},{"firstname":"Richa","total":"2500","currency":"USD","date":"2024-05-31 04:23:00","campaign":"3","city":"SEATTLE","message":"","avatar":""},{"firstname":"Chee Mun","total":"12000","currency":"CHF","date":"2024-05-25 18:45:00","campaign":"3","city":"SINGAPORE","message":"","avatar":""},{"firstname":"Anonymous","total":"6000","currency":"CHF","date":"2024-05-09 15:41:00","campaign":"3","city":"BEIJING","message":"for the human","avatar":""},{"firstname":"Michel","total":"15000","currency":"EUR","date":"2024-05-05 08:53:00","campaign":"3","city":"JOUY-EN-JOSAS","message":"","avatar":""},{"firstname":"Jeffrey","total":"2000","currency":"USD","date":"2024-05-05 04:35:00","campaign":"3","city":"NEW CASTLE","message":"","avatar":""},{"firstname":"Valentina","total":"1000","currency":"CHF","date":"2024-05-05 04:35:00","campaign":"3","city":"GEN\u00e8VE","message":"","avatar":""},{"firstname":"Michael","total":"1500","currency":"EUR","date":"2024-05-05 04:35:00","campaign":"3","city":"M\u00fcNCHEN","message":"","avatar":""},{"firstname":"Evlogica Srls","total":"1000","currency":"EUR","date":"2024-05-05 04:35:00","campaign":"3","city":"FROSINONE","message":"","avatar":""},{"firstname":"Anonymous","total":"2100","currency":"USD","date":"2024-05-05 04:35:00","campaign":"3","city":"TRINEC","message":"","avatar":""},{"firstname":"Stefan","total":"20000","currency":"CHF","date":"2024-05-05 04:31:00","campaign":"3","city":"FORCH","message":"","avatar":""},{"firstname":"JUNG Eun","total":"6000","currency":"CHF","date":"2024-04-21 16:23:00","campaign":"3","city":"BUSAN","message":"M4.0 EARTHCAKE on O pointed. my body wave VTMB M pass CAlA ","avatar":""},{"firstname":"Valentina","total":"1000","currency":"CHF","date":"2024-04-05 04:35:00","campaign":"3","city":"GEN\u00e8VE","message":"","avatar":""},{"firstname":"Michael","total":"1500","currency":"EUR","date":"2024-04-05 04:35:00","campaign":"3","city":"M\u00fcNCHEN","message":"","avatar":""}]; </script> <script src="https://donate.cernandsocietyfoundation.cern/themes/default/arya/webfont.js?hash=7c96a5f11d9741541d5e3c42ff6380d7"></script> <script src="https://donate.cernandsocietyfoundation.cern/themes/default/arya/chroma.min.js?hash=b7e64e0792ce46ef9cc84a15b136d840"></script> <link rel="stylesheet" href="https://donate.cernandsocietyfoundation.cern/themes/default/arya/jquery-ui.css?hash=a132ede819bad05cca4164b7aa720043" /> <script src="https://donate.cernandsocietyfoundation.cern/themes/default/arya/jquery-ui.js?hash=ab5284de5e3d221e53647fd348e5644b"></script> <script src="https://donate.cernandsocietyfoundation.cern/themes/default/arya/cleave.min.js?hash=001edaa76bb6bebf2e4b6a0e04df95d1"></script> <script src="https://donate.cernandsocietyfoundation.cern/themes/default/arya/js.cookie.js?hash=fa93e8894edb6245ab03883633b12b6e"></script> <script src="https://donate.cernandsocietyfoundation.cern/themes/default/arya/current-device.min.js?hash=d64edef1483a5909cc245f1588ee0fca"></script> <script src="https://donate.cernandsocietyfoundation.cern/themes/default/arya/script.js?hash=d8eb85235aaca1fea7f777e12a4be4c0"></script> <link rel="stylesheet" href="https://donate.cernandsocietyfoundation.cern/themes/default/arya/styles.css?hash=215ed4fdae2042455c83992d585b0a86" />  <script> $(document).on('ira_step1_init_before', () => { Common.allowCurrencyChange = () => false; Common.getCurrency = () => (Common.get_value('currency') || Common.price_default_currency); }); </script> <script> var currencies = {"DKK":{"symbol":"kr.","rate":"7.77","order":"4"},"CHF":{"symbol":"CHF","rate":"1","order":"1"},"GBP":{"symbol":"\u00a3","rate":"0.87","order":"3"},"EUR":{"symbol":"\u20ac","rate":"0.94","order":"2"},"USD":{"symbol":"$","rate":"1.03","order":"6"}}; var defaultCurrency = 'CHF'; var customCurrency = ''; </script> <script type="text/javascript" src="//libs.iraiser.eu/libs/multi_currency/script.js" ></script> <style> #type-b.arya p#c-currency { margin: 0 20px 0; clear: both; padding: 0 0 20px 0; min-height: 50px; } </style></head><body id="type-b" > <div id="container"> <div id="header" class="line"> <div class="container" id="header_wrapinner"> <div id="logo" class="unit size3of4"> <h1><a href="https://cernandsocietyfoundation.cern" title="CERN & Society Foundation"><img src="/cdn.iraiser.eu/PGuj96KzjINl+5CiMeJw9A==/default/origin/Logotesto290-2.png" alt="CERN & Society Foundation"/></a></h1> </div>  <div id="lang" class="unit size1of4 lastUnit"> <p>Language: <a href="/donate/~my-donation?_cv=1" title="English" class="current">English</a> <span>|</span> <a href="/donate/~mon-don?_cv=1" title="Français">Français</a> </p> <script> let searchParams = new URLSearchParams(window.location.search) if (searchParams.has('ns_ira_cr_arg')) { let param = encodeURIComponent(searchParams.get('ns_ira_cr_arg')) $('div[id="lang"] a').each(function() { $(this).attr('href', $(this).attr('href') + '&ns_ira_cr_arg=' + param); }); } </script> </div>  </div> </div>  <div id="_wait"> <div id="floatingCirclesG"> <div class="f_circleG" id="frotateG_01"></div> <div class="f_circleG" id="frotateG_02"></div> <div class="f_circleG" id="frotateG_03"></div> <div class="f_circleG" id="frotateG_04"></div> <div class="f_circleG" id="frotateG_05"></div> <div class="f_circleG" id="frotateG_06"></div> <div class="f_circleG" id="frotateG_07"></div> <div class="f_circleG" id="frotateG_08"></div> </div> </div> <div id="main" class="line"> <div class="container" id="main_wrapinner"> <div id="form-info" class="line"> Make a difference for the next generation of scientists now! </div> <noscript> </noscript> <form action="/b/steps/save" method="post" id="form-steps" autocomplete="off"> <input type="hidden" name="context_form" value="" /> <input type="hidden" name="context_form_id" value="" /> <input type="hidden" name="cid" value="3" /> <input type="hidden" name="lang" value="en_EN" /> <input type="hidden" name="scope" value="" id="scope"/> <input id="useragent_input_0" type="hidden" name="private_user_agent_cli" value=""/> <script type="text/javascript"> document.getElementById("useragent_input_0").value = navigator.userAgent; </script> <input id="referer_input_0" type="hidden" name="private_referer" value=""/> <script type="text/javascript"> document.getElementById("referer_input_0").value = document.referrer; </script> <input id="random_input_0" type="hidden" name="private_random" value=""/> <script type="text/javascript"> document.getElementById("random_input_0").value = Math.random(); setTimeout(function(){ document.getElementById("random_input_0").value = Math.random(); }, 3000); </script> <div id="step-1" class="unit size1of3"> <div class="step-container"> <div class="step-title"> <h2>My donation</h2> </div> <div class="step-content"> <div> </div> <div id="regular" class="bloc"> <div class="bloc-content"> <h3>I donate every month</h3> <p class="content-desc">Make a bigger impact with a smaller monthly gift.</p> <div id="bloc-amount-regular"> <fieldset class="amount type2ct"> <ul class="radio-desc line" id="amount-list-regular"> <li> <div class="unit size1of2"><img src="/cdn.iraiser.eu/PGuj96KzjINl+5CiMeJw9A==/default/pricelist_item/summerstudents.jpg" width="120" height="90" alt="" /></div> <div class="unit size1of2 lastUnit"><label><input autocomplete="false" name="amount-regular" value="6000" id="amount-regular-6000" type="radio" /> <span id="value_of_amount-regular-6000"><data class='price_currency'>CHF</data><data class='price_amount'>60</data></span></label><p>Over one year, could pay for a week-worth of hands-on activities for one high-school student</p></div> </li> <li> <div class="unit size1of2"><img src="/cdn.iraiser.eu/PGuj96KzjINl+5CiMeJw9A==/default/pricelist_item/201907-20325.jpg" width="120" height="90" alt="" /></div> <div class="unit size1of2 lastUnit"><label><input autocomplete="false" name="amount-regular" value="8000" id="amount-regular-8000" type="radio" /> <span id="value_of_amount-regular-8000"><data class='price_currency'>CHF</data><data class='price_amount'>80</data></span></label><p>Over one year, could pay for a one-week stay at CERN for one summer student</p></div> </li> <li> <div class="unit size1of2"><img src="/cdn.iraiser.eu/PGuj96KzjINl+5CiMeJw9A==/default/pricelist_item/NTP1.jpg" width="120" height="90" alt="" /></div> <div class="unit size1of2 lastUnit"><label><input autocomplete="false" name="amount-regular" value="12000" id="amount-regular-12000" type="radio" /> <span id="value_of_amount-regular-12000"><data class='price_currency'>CHF</data><data class='price_amount'>120</data></span></label><p>Over one year, could pay for an advance modern physics course for one high-school teacher</p></div> </li> </ul> </fieldset> <div class="amount-equivalences"> <p class="amount-equivalences-img"></p> <p class="amount-equivalences-description"></p> </div> <fieldset class="free-amount"> <p><label>Choose your own amount <span class="price_currency">CHF</span> <input autocomplete="section-famount" name="famount-regular" type="text" size="6" id="famount-regular" /> </label></p> </fieldset> <p class="tax-info"></p>  <input type="hidden" name="referrer" /> <script type="text/javascript"> try{ $("input[name=referrer]").val(document.referrer); if(document.location.search.indexOf('_cv')>1) { $('input[name=referrer]').after($('<input type="hidden" name="query_string" />').val(document.location.search.substring(1))); } }catch(e){} </script> </div> </div> </div>  <div class="regularblock"> </div> <div id="or"> <p>Or</p> </div> <div id="once" class="bloc"> <div class="bloc-content"> <h3>I donate once</h3> <p class="content-desc">Make a one-off donation to where the need is greatest.</p> <div id="bloc-amount-once"> <fieldset class="amount type2ct"> <ul class="radio-desc line" id="amount-list-once"> <li> <div class="unit size1of2"><img src="/cdn.iraiser.eu/PGuj96KzjINl+5CiMeJw9A==/default/pricelist_item/hands-onworkshop.jpg" width="120" height="90" alt="" /></div> <div class="unit size1of2 lastUnit"><label><input autocomplete="false" name="amount-once" value="6000" id="amount-once-6000" type="radio" /> <span id="value_of_amount-once-6000"><data class='price_currency'>CHF</data><data class='price_amount'>60</data></span></label><p>Could pay for one hands-on workshop for one student</p></div> </li> <li> <div class="unit size1of2"><img src="/cdn.iraiser.eu/PGuj96KzjINl+5CiMeJw9A==/default/pricelist_item/H61A9153.jpg" width="120" height="90" alt="" /></div> <div class="unit size1of2 lastUnit"><label><input autocomplete="false" name="amount-once" value="10000" id="amount-once-10000" type="radio" /> <span id="value_of_amount-once-10000"><data class='price_currency'>CHF</data><data class='price_amount'>100</data></span></label><p>Could pay for one-day lab experience for one student</p></div> </li> <li> <div class="unit size1of2"><img src="/cdn.iraiser.eu/PGuj96KzjINl+5CiMeJw9A==/default/pricelist_item/ITP2.jpg" width="120" height="90" alt="" /></div> <div class="unit size1of2 lastUnit"><label><input autocomplete="false" name="amount-once" value="12000" id="amount-once-12000" type="radio" /> <span id="value_of_amount-once-12000"><data class='price_currency'>CHF</data><data class='price_amount'>120</data></span></label><p>Could pay for one day of tailored lectures by CERN experts</p></div> </li> </ul> </fieldset> <div class="amount-equivalences"> <p class="amount-equivalences-img"></p> <p class="amount-equivalences-description"></p> </div> <fieldset class="free-amount"> <p><label>Choose your own amount <span class="price_currency">CHF</span> <input autocomplete="section-famount" name="famount-once" type="text" size="6" id="famount-once" /> </label></p> </fieldset> <p class="tax-info"></p>  <input type="hidden" name="referrer" /> <script type="text/javascript"> try{ $("input[name=referrer]").val(document.referrer); if(document.location.search.indexOf('_cv')>1) { $('input[name=referrer]').after($('<input type="hidden" name="query_string" />').val(document.location.search.substring(1))); } }catch(e){} </script> </div> </div> </div>  <div class="onceblock"> </div> <div> </div> </div>  <div class="step-info"> <h4>Why donate?</h4> <div class="step-info-body"> <p>The CERN & Society Foundation is a Swiss private non-profit, whose mission is聽to spread the spirit of CERN scientific curiosity, for the inspiration and benefit of society.<br /> <br /> The Foundation operates nationally and internationally to pursue its mission, across three main areas: Education & Outreach, Innovation & Knowledge Exchange, and Culture & Creativity.聽</p> </div> </div>  </div>  </div>  <div id="step-2" class="unit size1of3"> <div class="step-container"> <div class="step-title"> <h2>My coordinates</h2> </div> <div class="step-content"> <fieldset id="fielset-step2-connect" class="step2_connect_block "> <h4 class="step2_head">Log in and donate with one click</h4> <fieldset id="stripe-connect" class=""> <input type="button" class="button apple_pay_styled_button" id="StripePayButtonLogin" style="display: none;"> </button> <input type="hidden" name="private_stripe_connect_paymentMethod"/> <script type="text/javascript"> if (!window.stripeJsLoaded) { window.stripeJsLoaded = new Promise((resolve, reject) => { const s = document.createElement('script'); s.src = 'https://js.stripe.com/v3/'; s.type = 'text/javascript'; s.onerror = reject; s.onload = resolve; document.head.appendChild(s); }); } </script> <script type="text/javascript"> var Stripe_obj = { PayWithApple:true, PayWithWallet:true, StripeButtonPopulate: false, buttons: { Step2: false, Step3: false }, paymentRequest: false, populate: function (ev) { try { $('input[name=private_stripe_connect_paymentMethod]').val(JSON.stringify(ev)); if ((!$('input[name=lastname]').val() || !$('input[name=firstname]').val()) && ev.payerName) { var name = ev.payerName.split(' ').filter(function(x){ return x&&true;}); if (name.length) { $('input[name=firstname]').val(name[0]); $('input[name=lastname]').val(name.slice(1).join(' ')); }else{ $('input[name=firstname]').val('N/A'); $('input[name=lastname]').val(ev.payerName); } } if (ev.payerEmail) { $('input[name=email]').val(ev.payerEmail); } if (!$('select[name=civility] option:selected').val()) { // If no civility was selected, force a "0" civility value // for the step 2 validation not to fail if the civility was mandatory $('select[name=civility] option:first').prop('selected', 'selected').val("0"); } if ($('input[type=tel]').length && !$('input[type=tel]').val() && ev.payerPhone) { $('input[type=tel]').val(ev.payerPhone); } if (ev.paymentMethod && ev.paymentMethod.billing_details) { let evBillingDetails = ev.paymentMethod.billing_details; if ((!$('input[name=lastname]').val() || !$('input[name=firstname]').val()) && evBillingDetails.name) { var name = evBillingDetails.name.replace('').split(' ').filter(function(x){ return x&&true;}); if (name.length) { $('input[name=firstname]').val(name[0]); $('input[name=lastname]').val(name.slice(1).join(' ')); }else{ $('input[name=firstname]').val('N/A'); $('input[name=lastname]').val(evBillingDetails.name); } } if (evBillingDetails.address) { let evBillingAddress = evBillingDetails.address; if (!$('input[name=country]').val() && evBillingAddress.country) { $('select[name=country] option[value=' + evBillingAddress.country + ']').prop('selected', 'selected'); } if (!$('input[name=address1]').val() && evBillingAddress.line1) { $('input[name=address1]').val(evBillingAddress.line1); } if (!$('input[name=address2]').val() && evBillingAddress.line2) { $('input[name=address2]').val(evBillingAddress.line2); } if (!$('input[name=postcode]').val() && evBillingAddress.postal_code) { $('input[name=postcode]').val(evBillingAddress.postal_code); } if (!$('input[name=city]').val() && evBillingAddress.city) { $('input[name=city]').val(evBillingAddress.city); } } } } catch (err) { let msg = 'Stripe_obj.populate exception: ' + err; console.log(msg); window.onerror(msg); } }, createStripeButton: function (ev) { console.log('Stripe_obj.createStripeButton'); if(!Stripe_obj.buttons.Step3 && !Stripe_obj.buttons.Step2) return; var amount = parseInt(Common.getDonation().amount); var currency = (Common.getCurrency() || "CHF").toLowerCase(); var accountCountry = "SG"; var frequency = Step1.current_donation.frequency; // Some currencies are having an amount with three decimal cents, // We must write 12340 for 12.340 KWD for example (in those cases, last digit must always be a 0) const threeDecimalCurrencies = ["BHD","JOD","KWD","OMR","TND"]; if (threeDecimalCurrencies.includes(currency.toUpperCase())) { amount = amount * 10; } // Some currencies are having an amount with no decimal cents, const zeroDecimalCurrencies = ["BIF","CLP","DJF","GNF","JPY","KMF","KRW","MGA","PYG","RWF","UGX","VND","VUV","XAF","XOF","XPF"]; if (zeroDecimalCurrencies.includes(currency.toUpperCase())) { amount = amount / 100; } console.log({Step2: Stripe_obj.buttons.Step2 && true,Step3: Stripe_obj.buttons.Step3 && true}); console.log({amount: amount, currency: currency, accountCountry: accountCountry, frequency: frequency}); Stripe_obj.paymentRequest = false; try{ if (!Stripe_obj.stripe) { // Create a Stripe client. Stripe_obj.stripe = Stripe("pk_live_srqYyZqem3SpTx2GjUycaPjN", { apiVersion: "2020-08-27" }); } Stripe_obj.paymentRequest = Stripe_obj.stripe.paymentRequest({ country: accountCountry, currency: currency, total: { label: "CERN & Society Foundation", amount: parseInt(amount) }, requestPayerName: true, requestPayerEmail: true //requestPayerPhone: true }); }catch(error){ console.log("paymentRequest creation failed"); console.log(error); } if(!Stripe_obj.paymentRequest){ // nothing available Stripe_obj.removeStripeConnect(); Stripe_obj.removeStripePay(); }else { Stripe_obj.paymentRequest.canMakePayment().then( function (result) { console.log('paymentRequest.canMakePayment() - promise fulfilled'); console.log(result); var fieldset = $('#payment_mode-apple_pay-'+frequency); // show / hide the appropriate blocks and mount the button if (result) { if (!result.applePay) { var txt = $("fieldset[data-scope='stripe_apple_pay'] .payment_mode_title").first().text(); var ua = window.navigator.userAgent; if (ua.indexOf('Edge/') > 0) { fieldset.attr('data-stripe-mode','microsoft'); txt = txt.replace('Apple Pay', 'Microsoft Pay'); } else if (ua.indexOf('Chrome') > 0) { txt = txt.replace('Apple Pay', 'Google Pay'); fieldset.attr('data-stripe-mode','google'); } else { txt = txt.replace('Apple Pay', 'Saved Credit Cards'); fieldset.attr('data-stripe-mode','other'); } if(txt) { Common.select("[data-scope='stripe_apple_pay'] .payment_mode_title").text(txt); } Stripe_obj.removeStripeConnect(); if (Stripe_obj.PayWithWallet) { Stripe_obj.mountStripePay(frequency); } else { Stripe_obj.removeStripePay(); } } else { fieldset.attr('data-stripe-mode','apple'); $('#stripe_apple_pay_submit.' + frequency).addClass('apple_pay_styled_button'); //Apple Pay OK if (Stripe_obj.buttons.Step2) { Stripe_obj.mountStripeConnect(frequency); } if (Stripe_obj.buttons.Step3) { if (Stripe_obj.PayWithApple) { // Mount the button with its value cleared // for it not to interfere with Apple Pay styling Stripe_obj.mountStripePay(frequency); } else { Stripe_obj.removeStripePay(); } } Stripe_obj.validatePaymentMethodIfExists(); } } else { // nothing available Stripe_obj.removeStripeConnect(); Stripe_obj.removeStripePay(); } }, function (reason) { console.log('paymentRequest.canMakePayment() - promise rejected'); console.log(reason); Stripe_obj.removeStripeConnect(); Stripe_obj.removeStripePay(); } ); Stripe_obj.paymentRequest.on('cancel', function (ev) { console.log('paymentRequest.on(cancel)'); $('.ira-processing').removeClass('ira-processing'); }); Stripe_obj.paymentRequest.on('paymentmethod', function (ev) { console.log('paymentRequest.on(paymentMethod)'); console.log(ev); if (Stripe_obj.StripeButtonPopulate) { Stripe_obj.populate(ev); Stripe_obj.StripeButtonPopulate = false; } // Send the paymentMethod to your server to charge it $('#stripe_apple_pay_paymentMethod.' + frequency).val(ev.paymentMethod.id); ev.complete('success'); $('#stripe_apple_pay_submit.' + frequency).prop('disabled', false).trigger('click'); //$('.ira-processing').removeClass('ira-processing'); }); } }, mountStripePay:function(frequency){ console.log(`mountStripePay(${frequency})`); $('#stripe_apple_pay_submit.' + frequency).prop('disabled', false).show(); }, validatePaymentMethodIfExists:function(){ }, removeStripePay: function(){ Stripe_obj.buttons.Step3 = false; console.log("removeStripePay"); Common.select("[data-scope='stripe_apple_pay']").hide(); }, mountStripeConnect:function(frequency){ console.log(`mountStripeConnect(${frequency})`); $('#StripePayButtonLogin').attr('data-frequency', frequency).show(); }, removeStripeConnect: function(){ console.log("removeStripeConnect"); Stripe_obj.buttons.Step2 = false; $("#stripe-connect").detach(); if(!$('#fielset-step2-connect fieldset').length){ // no connector available $('.step2_connect_block').detach(); // remove all blocks related to connectors }else{ var fieldsetlength = $('#fielset-step2-connect fieldset').length; if($("#fielset-step2-connect fieldset.regularblock").length == fieldsetlength){ $('.step2_connect_block').addClass('regularblock'); }else if($("#fielset-step2-connect fieldset.onceblock").length == fieldsetlength){ $('.step2_connect_block').addClass('onceblock'); } } }, stripe: false } window.stripeJsLoaded.then(() => { $('body').on('init_done tip_changed', Stripe_obj.createStripeButton); Stripe_obj.createStripeButton(); }); </script> <script> Stripe_obj.buttons.Step2 = true; $('#StripePayButtonLogin').click(function(event){ if (Stripe_obj.buttons.Step2 && Step1.check()) { Stripe_obj.StripeButtonPopulate = true; console.log('paymentRequest.show() -- stripeConnect'); Stripe_obj.paymentRequest.show(); } return false; }); </script> <style> #StripePayButtonLogin { -webkit-appearance: -apple-pay-button !important; } #StripePayButtonLogin[data-frequency='once'] { -apple-pay-button-type: donate; } #StripePayButtonLogin[data-frequency='regular'] { -apple-pay-button-type: subscribe; } </style> </fieldset> </fieldset> <fieldset id="fieldset-step2"> <h4 class="step2_head step2_connect_block ">or I enter my details</h4> <p id="c-email"> <label for="email">Email <span class="required">*</span> <span class="help">e.g. jo.bloggs@email.com</span></label> <input type="text" name="email" id="email" /> </p> <fieldset id="fielset-name"> <p id="c-isc"> <label><input type="checkbox" value="OK" name="iscompany" id="iscompany" /> I am making a donation on behalf of an organisation</label> </p> <p id="c-isc-inf" class="company-infos hidden"> <label for="company">Company <span class="help">e.g. Apple</span> </label> <input type="text" name="company" id="company" /> </p> <p id="c-civ"> <label for="civility">Title <span class="required">*</span></label> <select name="civility" id="civility"> <option value=""></option> <option value="1">Mr</option> <option value="3">Miss</option> <option value="4">Ms</option> <option value="25">Mx</option> <option value="11">Dr</option> <option value="18">n/a</option> </select> </p> <p id="c-fname"> <label for="firstname">First Name <span class="required">*</span> <span class="help">e.g. Joanna</span></label> <input type="text" name="firstname" id="firstname" autocomplete="given-name" /> </p> <p id="c-lname"> <label for="lastname">Last Name <span class="required">*</span> <span class="help">e.g. Bloggs</span></label> <input type="text" name="lastname" id="lastname" autocomplete="family-name" /> </p> </fieldset> <fieldset id="fielset-address"> <p id="c-addr1"> <label for="address1">Address 1 <span class="required">*</span> <span class="help">e.g. 123 Streetson Road</span></label> <input type="text" name="address1" id="address1" /> </p> <p id="c-addr2"> <label for="address2">Address 2 <span class="help">e.g. Greenwich</span></label> <input type="text" name="address2" id="address2" /> </p> <div class="line"> <p id="c-pcode" class="unit size1of2"> <label for="postcode">Postcode <span class="required">*</span><span class="help">e.g. W1K 1BE</span></label> <input type="text" name="postcode" id="postcode" /> </p> <p id="c-city" class="unit size2of2 lastUnit"> <label for="city">City <span class="required">*</span> <span class="help">e.g. London</span></label> <input type="text" name="city" id="city" /> </p> </div> <p id="c-country"> <label for="country">Country <span class="required">*</span> <span class="help">e.g. United Kingdom</span></label> <select name="country" id="country"> <option value="FR">FRANCE</option> <option value="CH">SWITZERLAND</option> <option value="GB">UNITED KINGDOM</option> <option value="US">UNITED STATES</option> <option value="ZW">ZIMBABWE</option> <option value="">----------------------------------</option> <option value="AF">AFGHANISTAN</option> <option value="AX">脜LAND ISLANDS</option> <option value="AL">ALBANIA</option> <option value="DZ">ALGERIA</option> <option value="AS">AMERICAN SAMOA</option> <option value="AD">ANDORRA</option> <option value="AO">ANGOLA</option> <option value="AI">ANGUILLA</option> <option value="AQ">ANTARCTICA</option> <option value="AG">ANTIGUA AND BARBUDA</option> <option value="AR">ARGENTINA</option> <option value="AM">ARMENIA</option> <option value="AW">ARUBA</option> <option value="AU">AUSTRALIA</option> <option value="AT">AUSTRIA</option> <option value="AZ">AZERBAIJAN</option> <option value="BS">BAHAMAS</option> <option value="BH">BAHRAIN</option> <option value="BD">BANGLADESH</option> <option value="BB">BARBADOS</option> <option value="BY">BELARUS</option> <option value="BE">BELGIUM</option> <option value="BZ">BELIZE</option> <option value="BJ">BENIN</option> <option value="BM">BERMUDA</option> <option value="BT">BHUTAN</option> <option value="BO">BOLIVIA, PLURINATIONAL STATE OF</option> <option value="BA">BOSNIA AND HERZEGOVINA</option> <option value="BW">BOTSWANA</option> <option value="BV">BOUVET ISLAND</option> <option value="BR">BRAZIL</option> <option value="IO">BRITISH INDIAN OCEAN TERRITORY</option> <option value="BN">BRUNEI DARUSSALAM</option> <option value="BG">BULGARIA</option> <option value="BF">BURKINA FASO</option> <option value="BI">BURUNDI</option> <option value="KH">CAMBODIA</option> <option value="CM">CAMEROON</option> <option value="CA">CANADA</option> <option value="CV">CAPE VERDE</option> <option value="KY">CAYMAN ISLANDS</option> <option value="CF">CENTRAL AFRICAN REPUBLIC</option> <option value="TD">CHAD</option> <option value="CL">CHILE</option> <option value="CN">CHINA</option> <option value="CX">CHRISTMAS ISLAND</option> <option value="CC">COCOS (KEELING) ISLANDS</option> <option value="CO">COLOMBIA</option> <option value="KM">COMOROS</option> <option value="CG">CONGO</option> <option value="CD">CONGO, THE DEMOCRATIC REPUBLIC OF THE</option> <option value="CK">COOK ISLANDS</option> <option value="CR">COSTA RICA</option> <option value="CI">C脭TE D'IVOIRE</option> <option value="HR">CROATIA</option> <option value="CU">CUBA</option> <option value="CY">CYPRUS</option> <option value="CZ">CZECH REPUBLIC</option> <option value="DK">DENMARK</option> <option value="DJ">DJIBOUTI</option> <option value="DM">DOMINICA</option> <option value="DO">DOMINICAN REPUBLIC</option> <option value="EC">ECUADOR</option> <option value="EG">EGYPT</option> <option value="SV">EL SALVADOR</option> <option value="GQ">EQUATORIAL GUINEA</option> <option value="ER">ERITREA</option> <option value="EE">ESTONIA</option> <option value="ET">ETHIOPIA</option> <option value="FK">FALKLAND ISLANDS (MALVINAS)</option> <option value="FO">FAROE ISLANDS</option> <option value="FJ">FIJI</option> <option value="FI">FINLAND</option> <option value="FR">FRANCE</option> <option value="GF">FRENCH GUIANA</option> <option value="PF">FRENCH POLYNESIA</option> <option value="TF">FRENCH SOUTHERN TERRITORIES</option> <option value="GA">GABON</option> <option value="GM">GAMBIA</option> <option value="GE">GEORGIA</option> <option value="DE">GERMANY</option> <option value="GH">GHANA</option> <option value="GI">GIBRALTAR</option> <option value="GR">GREECE</option> <option value="GL">GREENLAND</option> <option value="GD">GRENADA</option> <option value="GP">GUADELOUPE</option> <option value="GU">GUAM</option> <option value="GT">GUATEMALA</option> <option value="GG">GUERNSEY</option> <option value="GN">GUINEA</option> <option value="GW">GUINEA-BISSAU</option> <option value="GY">GUYANA</option> <option value="HT">HAITI</option> <option value="HM">HEARD ISLAND AND MCDONALD ISLANDS</option> <option value="VA">HOLY SEE (VATICAN CITY STATE)</option> <option value="HN">HONDURAS</option> <option value="HK">HONG KONG</option> <option value="HU">HUNGARY</option> <option value="IS">ICELAND</option> <option value="IN">INDIA</option> <option value="ID">INDONESIA</option> <option value="IR">IRAN, ISLAMIC REPUBLIC OF</option> <option value="IQ">IRAQ</option> <option value="IE">IRELAND</option> <option value="IM">ISLE OF MAN</option> <option value="IL">ISRAEL</option> <option value="IT">ITALY</option> <option value="JM">JAMAICA</option> <option value="JP">JAPAN</option> <option value="JE">JERSEY</option> <option value="JO">JORDAN</option> <option value="KZ">KAZAKHSTAN</option> <option value="KE">KENYA</option> <option value="KI">KIRIBATI</option> <option value="KP">KOREA, DEMOCRATIC PEOPLE'S REPUBLIC OF</option> <option value="KR">KOREA, REPUBLIC OF</option> <option value="KW">KUWAIT</option> <option value="KG">KYRGYZSTAN</option> <option value="LA">LAO PEOPLE'S DEMOCRATIC REPUBLIC</option> <option value="LV">LATVIA</option> <option value="LB">LEBANON</option> <option value="LS">LESOTHO</option> <option value="LR">LIBERIA</option> <option value="LY">LIBYAN ARAB JAMAHIRIYA</option> <option value="LI">LIECHTENSTEIN</option> <option value="LT">LITHUANIA</option> <option value="LU">LUXEMBOURG</option> <option value="MO">MACAO</option> <option value="MK">MACEDONIA, THE FORMER YUGOSLAV REPUBLIC OF</option> <option value="MG">MADAGASCAR</option> <option value="MW">MALAWI</option> <option value="MY">MALAYSIA</option> <option value="MV">MALDIVES</option> <option value="ML">MALI</option> <option value="MT">MALTA</option> <option value="MH">MARSHALL ISLANDS</option> <option value="MQ">MARTINIQUE</option> <option value="MR">MAURITANIA</option> <option value="MU">MAURITIUS</option> <option value="YT">MAYOTTE</option> <option value="MX">MEXICO</option> <option value="FM">MICRONESIA, FEDERATED STATES OF</option> <option value="MD">MOLDOVA, REPUBLIC OF</option> <option value="MC">MONACO</option> <option value="MN">MONGOLIA</option> <option value="ME">MONTENEGRO</option> <option value="MS">MONTSERRAT</option> <option value="MA">MOROCCO</option> <option value="MZ">MOZAMBIQUE</option> <option value="MM">MYANMAR</option> <option value="NA">NAMIBIA</option> <option value="NR">NAURU</option> <option value="NP">NEPAL</option> <option value="NL">NETHERLANDS</option> <option value="AN">NETHERLANDS ANTILLES</option> <option value="NC">NEW CALEDONIA</option> <option value="NZ">NEW ZEALAND</option> <option value="NI">NICARAGUA</option> <option value="NE">NIGER</option> <option value="NG">NIGERIA</option> <option value="NU">NIUE</option> <option value="NF">NORFOLK ISLAND</option> <option value="MP">NORTHERN MARIANA ISLANDS</option> <option value="NO">NORWAY</option> <option value="OM">OMAN</option> <option value="PK">PAKISTAN</option> <option value="PW">PALAU</option> <option value="PS">PALESTINIAN TERRITORY, OCCUPIED</option> <option value="PA">PANAMA</option> <option value="PG">PAPUA NEW GUINEA</option> <option value="PY">PARAGUAY</option> <option value="PE">PERU</option> <option value="PH">PHILIPPINES</option> <option value="PN">PITCAIRN</option> <option value="PL">POLAND</option> <option value="PT">PORTUGAL</option> <option value="PR">PUERTO RICO</option> <option value="QA">QATAR</option> <option value="RE">R脡UNION</option> <option value="RO">ROMANIA</option> <option value="RU">RUSSIAN FEDERATION</option> <option value="RW">RWANDA</option> <option value="BL">SAINT BARTH脡LEMY</option> <option value="SH">SAINT HELENA, ASCENSION AND TRISTAN DA CUNHA</option> <option value="KN">SAINT KITTS AND NEVIS</option> <option value="LC">SAINT LUCIA</option> <option value="MF">SAINT MARTIN</option> <option value="PM">SAINT PIERRE AND MIQUELON</option> <option value="VC">SAINT VINCENT AND THE GRENADINES</option> <option value="WS">SAMOA</option> <option value="SM">SAN MARINO</option> <option value="ST">SAO TOME AND PRINCIPE</option> <option value="SA">SAUDI ARABIA</option> <option value="SN">SENEGAL</option> <option value="RS">SERBIA</option> <option value="SC">SEYCHELLES</option> <option value="SL">SIERRA LEONE</option> <option value="SG" selected="selected">SINGAPORE</option> <option value="SK">SLOVAKIA</option> <option value="SI">SLOVENIA</option> <option value="SB">SOLOMON ISLANDS</option> <option value="SO">SOMALIA</option> <option value="ZA">SOUTH AFRICA</option> <option value="GS">SOUTH GEORGIA AND THE SOUTH SANDWICH ISLANDS</option> <option value="ES">SPAIN</option> <option value="LK">SRI LANKA</option> <option value="SD">SUDAN</option> <option value="SR">SURINAME</option> <option value="SJ">SVALBARD AND JAN MAYEN</option> <option value="SZ">SWAZILAND</option> <option value="SE">SWEDEN</option> <option value="CH">SWITZERLAND</option> <option value="SY">SYRIAN ARAB REPUBLIC</option> <option value="TW">TAIWAN, PROVINCE OF CHINA</option> <option value="TJ">TAJIKISTAN</option> <option value="TZ">TANZANIA, UNITED REPUBLIC OF</option> <option value="TH">THAILAND</option> <option value="TL">TIMOR-LESTE</option> <option value="TG">TOGO</option> <option value="TK">TOKELAU</option> <option value="TO">TONGA</option> <option value="TT">TRINIDAD AND TOBAGO</option> <option value="TN">TUNISIA</option> <option value="TR">TURKEY</option> <option value="TM">TURKMENISTAN</option> <option value="TC">TURKS AND CAICOS ISLANDS</option> <option value="TV">TUVALU</option> <option value="UG">UGANDA</option> <option value="UA">UKRAINE</option> <option value="AE">UNITED ARAB EMIRATES</option> <option value="GB">UNITED KINGDOM</option> <option value="US">UNITED STATES</option> <option value="UM">UNITED STATES MINOR OUTLYING ISLANDS</option> <option value="UY">URUGUAY</option> <option value="UZ">UZBEKISTAN</option> <option value="VU">VANUATU</option> <option value="VE">VENEZUELA, BOLIVARIAN REPUBLIC OF</option> <option value="VN">VIET NAM</option> <option value="VG">VIRGIN ISLANDS, BRITISH</option> <option value="VI">VIRGIN ISLANDS, U.S.</option> <option value="WF">WALLIS AND FUTUNA</option> <option value="EH">WESTERN SAHARA</option> <option value="YE">YEMEN</option> <option value="ZM">ZAMBIA</option> <option value="ZW">ZIMBABWE</option> </select> </p>  </fieldset> <p id="required-info"><span class="required">*</span> <span class="help">Required Fields </span></p> </fieldset> </div>  <div class="step-info"> <h4>Respect of your privacy</h4> <div class="step-info-body"> Your personal information will be kept private and held securely. By submitting information you are agreeing to be kept informed about campaigns and agree to the use of cookies in accordance with our <a href="https://cern.service-now.com/service-portal/privacy-policy.do?se=Fundraising-Service&notice=online">privacy notice</a>. <p>聽</p> <hr /> <p><span style="font-size:20px;">YOUR GIFT</span></p> <br /> We want to be transparent and accountable about how we spend your donations. CERN provides the necessary operating resources for fundraising. Nevertheless, a small fraction of the unrestricted donations is used to cover processing fees applying to contributions received online, and other operating expenditures.<br /> <br /> <br /> 聽 </div> </div>  </div>  </div>  <div id="step-3" class="unit size1of3 lastUnit"> <div class="step-container"> <div class="step-title"> <h2>My payment</h2> </div> <div class="step-content"> <div id="security-info"> <p>Highly secure payments using 256-bit SSL encryption method, the highest security standard.</p> </div> <div class="payment"> <div id="payment_modes_once"> <input type="hidden" name="paymentNonce" id="paymentNonce" value="" autocomplete="off"/> <input type="hidden" name="stripeErrorCode" id="stripeErrorCode" value="" autocomplete="off"/> <input type="hidden" name="stripeError" id="stripeError" value="" autocomplete="off"/> <fieldset id="payment_mode-card" class="payment_mode"> <h4 class="payment_head"> <span class="payment_mode_title">Credit card</span> </h4> <div class="payment_body" id="creditcard"> <p id="card-number"> <label for="stripe_creditcard_cardNumber_placeholder_once">Please enter your card number</label> <input type="text" id="stripe_creditcard_cardNumber_placeholder_once" autocomplete="off"/> </p> <div class="line"> <p id="card-expiry" class="unit size1of2"> <label for="stripe_creditcard_cardExpiry_placeholder_once">Expiry date</label> <input type="text" id="stripe_creditcard_cardExpiry_placeholder_once" autocomplete="off"/> </p> <p id="card-scode" class="unit size2of2 lastUnit"> <label for="stripe_creditcard_cardCvc_placeholder_once">Security Code</label> <input type="text" id="stripe_creditcard_cardCvc_placeholder_once" autocomplete="off"/> <span class="help">The 3 digit security code is located on the back of your card</span> <span class="help amex" style="display: none;">The security code consists of 4 digits written towards the top right on the front of your card</span> </p> </div> <script type="text/javascript"> if (!window.stripeJsLoaded) { window.stripeJsLoaded = new Promise((resolve, reject) => { const s = document.createElement('script'); s.src = 'https://js.stripe.com/v3/'; s.type = 'text/javascript'; s.onerror = reject; s.onload = resolve; document.head.appendChild(s); }); } </script> <input type="hidden" name="stripe_creditcard_paymentMethod" id="stripe_creditcard_paymentMethod_once" data-scope="stripe" data-required = "1" data-ira-check="window.stripe_creditcard.checkPaymentMethod('once')"/> <script> var stripeElementGetFrequency = () => Step1.current_donation.frequency; if (!window.stripe_creditcard) { const VAL_ERROR = 'error'; const VAL_NOT_SET = 'N/A'; const defaultCoords = {}; defaultCoords["firstname"] = null; defaultCoords["lastname"] = null; defaultCoords["email"] = null; const defaultPaymentMethodErrorMessage = "Your bank details are incorrect. Please verify and enter again."; const lang = "en_EN"; const cardCvcPlaceholder = "Use the value provided by Stripe"; const stripePublicApiKey = "pk_live_srqYyZqem3SpTx2GjUycaPjN"; const stripeApiVersion = "2020-08-27"; const coordNames = Object.keys(defaultCoords); const elementConf = { 'cardNumber': { defaultErrorMessage: DntErrors.errorMsg.cardnumber, options: {showIcon: true}, }, 'cardExpiry': { defaultErrorMessage: DntErrors.errorMsg.cardmonth, }, 'cardCvc': { defaultErrorMessage: DntErrors.errorMsg.cardscode, }, }; // only add a CVC placeholder for languages which have a short CVC provided if (cardCvcPlaceholder != 'Use the value provided by Stripe') { elementConf.cardCvc.options = {placeholder: cardCvcPlaceholder}; } const elementTypes = Object.keys(elementConf); window.stripe_creditcard = { complete: {}, elements: {}, error: {}, frequencies: {}, lastInitFrequency: '', stripe: false, checkElement: function(frequency, elementType) { this.log('checkElement', [frequency, elementType]); if (frequency !== this.lastInitFrequency) return false; const complete = this.complete[frequency][elementType]; const error = this.error[frequency][elementType]; const placeholder = $('#' + this.getPlaceholderId(frequency, elementType)); if (!complete || error) { placeholder.attr('data-ira-errormsg', error && error.message ? error.message : elementConf[elementType].defaultErrorMessage ); return false; } else { placeholder.removeAttr('data-ira-errormsg'); return true; } }, checkPaymentMethod: function(frequency) { this.log('checkPaymentMethod', [frequency]); if (frequency !== this.lastInitFrequency) return false; const paymentMethodInput = this.getPaymentMethodInput(frequency); if (paymentMethodInput.val() === VAL_ERROR) { paymentMethodInput.attr('data-ira-errormsg', this.error[frequency].paymentMethod || defaultPaymentMethodErrorMessage); return false; } else { paymentMethodInput.removeAttr('data-ira-errormsg'); return true; } }, createPaymentMethod: function (frequency) { if (frequency !== this.lastInitFrequency) return; this.log('createPaymentMethod', [frequency]); const paymentMethodInput = this.resetPaymentMethod(frequency); for (let elementType of elementTypes) { if (!this.complete[frequency][elementType]) return; } const coords = {}; for (let coordName of coordNames) { const coordInput = $('input[name="' + coordName + '"]'); coords[coordName] = coordInput.length ? coordInput.val() : defaultCoords[coordName]; if (!coords[coordName]) return; } // All other inputs we rely on are ok and won't trigger any error message display, // so until createPaymentMethod succeds, we must ensure paymentMethodInput does paymentMethodInput.val(VAL_ERROR); // Prevent form submission before createPaymentMethod answers $('#stripe_submit.' + frequency).prop('disabled', true); setTimeout(() => { try { this.stripe.createPaymentMethod({ type: 'card', card: this.elements[frequency].cardNumber, billing_details: { name: coords.firstname + ' ' + coords.lastname, email: coords.email, } }).then(result => { $('#stripe_submit.' + frequency).prop('disabled', false); console.log(result); if (result.paymentMethod && result.paymentMethod.id) { paymentMethodInput.val(result.paymentMethod.id); console.log('paymentMethod = ' + paymentMethodInput.val()); } else { this.error[frequency].paymentMethod = result.error.message; for (let prop of ['type', 'code', 'decline_code', 'message']) { window.onerror('createPaymentMethod error.' + prop + ' = ' + result.error[prop]); } } }); } catch (e) { console.log(e); $('#stripe_submit.' + frequency).prop('disabled', false); } }, 500); }, getContainerId: function(frequency, elementType) { return 'stripe_creditcard_' + elementType + '_container_' + frequency; }, getPaymentMethodInput: function(frequency) { return $('#stripe_creditcard_paymentMethod_' + frequency); }, getPlaceholderId: function(frequency, elementType) { return 'stripe_creditcard_' + elementType + '_placeholder_' + frequency; }, /** * Build an array of Stripe JS CssFontSource objects * from the fonts used by the specified elements. * * See https://stripe.com/docs/js/appendix/css_font_source_object * * Warning: works only for fonts loaded from a google-style stylesheet URL * with a family=xxx parameter (where xxx is the font-family) */ getStripeJsCssFontSources: function(ids) { try { const used = {}; for (let id of ids) { const computedStyle = window.getComputedStyle(document.getElementById(id)); const fontFamily = computedStyle.getPropertyValue('font-family'); used[fontFamily] = true; } const hrefs = []; for (let s of document.styleSheets) { if (!s.href) continue; const params = new URLSearchParams(new URL(s.href).search); const fontFamily = params.get('family'); if (used[fontFamily] && (hrefs.indexOf(s.href) === -1)) { hrefs.push(s.href); } } return hrefs.map(href => ({cssSrc: href})); } catch (error) { /** * Stripe Element implementation has javascript incompatibility with Opera browser. * We work around this problem by catching exceptions in getStripeJsCssFontSources and returning an empty list. * This fix will have an impact on the design of Stripe Elements, but it will not block the creation of donations. */ return []; } }, /** * Get the locale as expected by Stripe JS * * See https://stripe.com/docs/js/appendix/supported_locales */ getStripeJsLocale: function () { switch(lang) { case 'en_EN': return 'en-GB'; case 'se_SE': return 'sv'; case 'zh_TW': return lang.substring(0, 2) + '-' + lang.substring(3, 5); default: return lang.substring(0, 2); } }, /** * Build a Stripe JS Style object from the specified element's computed style * and copy all other styles to the provided container. * * See https://stripe.com/docs/js/appendix/style */ getStripeJsStyle: function(id, container) { const styleKeyMap = { // Stripe JS recommands setting background-color on the container //'background-color': 'backgroundColor', 'color': 'color', 'font-family': 'fontFamily', 'font-size': 'fontSize', 'font-smoothing': 'fontSmoothing', 'font-style': 'fontStyle', 'font-variant': 'fontVariant', 'font-weight': 'fontWeight', // Stripe JS doesn't like line-height and doesn't even take it into account //'line-height': 'lineHeight', 'letter-spacing': 'letterSpacing', 'text-align': 'textAlign', 'text-decoration': 'textDecoration', 'text-shadow': 'textShadow', 'text-transform': 'textTransform', }; const baseStyle = {}; const computedStyle = window.getComputedStyle(document.getElementById(id)); for (let cssProp of computedStyle) { const styleKey = styleKeyMap[cssProp]; const cssValue = computedStyle.getPropertyValue(cssProp); if (styleKey) { baseStyle[styleKey] = cssValue; } else { container.css(cssProp, cssValue); } } return {base: baseStyle}; }, init: function (reason) { const frequency = stripeElementGetFrequency(); if (!this.frequencies[frequency]) return; this.log('init', [frequency, reason]); // Stripe elements are reset at every init so we need to reset as well this.complete[frequency] = {}; this.error[frequency] = {}; this.resetPaymentMethod(frequency); this.lastInitFrequency = frequency; this.mount(frequency); }, isMounted: function(frequency) { return !!this.elements[frequency]; }, log: function (method, params = []) { console.log('stripe_creditcard.' + method + '(' + params.join(', ') + ')'); }, mount: function (frequency) { const wasAlreadyMounted = this.unmount(frequency); this.log('mount', [frequency]); if (!this.stripe) { this.stripe = Stripe(stripePublicApiKey, { locale: this.getStripeJsLocale(), apiVersion: stripeApiVersion }); } const stripeElements = this.stripe.elements({ fonts: this.getStripeJsCssFontSources( elementTypes.map(elementType => this.getPlaceholderId(frequency, elementType)) ), }); this.elements[frequency] = {}; for (let elementType of elementTypes) { const placeholderId = this.getPlaceholderId(frequency, elementType); const containerId = this.getContainerId(frequency, elementType); const container = $('<span/>').attr('id', containerId); const element = stripeElements.create(elementType, Object.assign( {style: this.getStripeJsStyle(placeholderId, container)}, elementConf[elementType].options )); this.elements[frequency][elementType] = element; $('#' + placeholderId) .attr('data-scope', 'stripe') .attr('data-required', '1') .attr('data-ira-check', "window.stripe_creditcard.checkElement('" + frequency + "', '" + elementType + "')") .val(VAL_NOT_SET) .hide() .after(container); element.mount('#' + containerId); // Stripe creates an intermediate div between the container and its iframe // Let's force this div's contents to be vertically centered inside the container $('#' + containerId + ' div').css({ display: 'flex', height: '100%', 'align-items': 'center', }); element.on('change', ev => this.onElementChanged(frequency, ev)); } if (!wasAlreadyMounted) { for (let coordName of coordNames) { $('input[name="' + coordName + '"]').on('change', () => this.createPaymentMethod(frequency)); } // Force a re-init if the payment mode was previously hidden // as Stripe does not mount well hidden fields const cvcPlaceholderId = this.getPlaceholderId(frequency, 'cardCvc'); $('#payment_mode-card:has(#' + cvcPlaceholderId + ')').on('payment_shown', () => this.init('payment_shown')); } }, unmount: function (frequency) { if (!this.isMounted(frequency)) return false; this.log('unmount', [frequency]); for (let elementType of elementTypes) { this.elements[frequency][elementType].destroy(); $('#' + this.getContainerId(frequency, elementType)).remove(); $('#' + this.getPlaceholderId(frequency, elementType)).show(); } return true; }, onElementChanged: function (frequency, ev) { this.log('onElementChanged', [ frequency, ev.elementType, ev.complete ? 'complete' : 'not complete', ev.error ? ev.error.message : 'no error', ]); this.complete[frequency][ev.elementType] = ev.complete; this.error[frequency][ev.elementType] = ev.error; this.createPaymentMethod(frequency); }, resetPaymentMethod: function (frequency) { const paymentMethodInput = this.getPaymentMethodInput(frequency); paymentMethodInput.val(VAL_NOT_SET); this.error[frequency].paymentMethod = false; return paymentMethodInput; }, }; window.stripeJsLoaded.then(() => { // Force a reinit when the donation amount or the style change for (let event of ['init_done', 'WebFont.fontactive']) { $('body').on(event, () => window.stripe_creditcard.init(event)); } }); } if (!window.stripe_creditcard.frequencies["once"]) { window.stripe_creditcard.frequencies["once"] = true; window.stripeJsLoaded.then(() => { // Ensure the 1st init is done only once, for the active frequency if (stripeElementGetFrequency() === "once") { window.stripe_creditcard.init("stripeJsLoaded"); } }); } </script> <p id="card-submit" class="payment-submit"> <input name="stripe_submit" type="submit" value="Validate" id="stripe_submit" class="button once" data-scope='stripe'/> </p> </div> </fieldset>  <fieldset id="payment_mode-gw_paypal_paypal" class="payment_mode " > <h4 class="payment_head"> <span class="payment_mode_title">PayPaL</span> </h4> <div class="payment_body" id="gw_paypal_paypal">   <input name="type" type="hidden" value="" data-scope="gw_paypal_paypal"/> <input name="mode" type="hidden" value="gw_paypal_paypal" data-scope="gw_paypal_paypal"/> <p id="gw_paypal_paypal-submit" class="payment-submit gateway"> <input name="gw_paypal_paypal_submit" type="submit" value="Validate" id="gw_paypal_paypal_submit" class="button gateway" data-scope="gw_paypal_paypal"/> </p> </div> </fieldset> <fieldset id="payment_mode-check" class="payment_mode"> <h4 class="payment_head"> <span class="payment_mode_title">I prefer by check or wire transfer</span> </h4> <div class="payment_body" id="check"> <p id="check-submit" class="payment-submit"> <input name="check_submit" type="submit" value="Validate" id="check_submit" class="button" data-scope='check' /> </p> </div> </fieldset> <fieldset id="payment_mode-apple_pay-once" class="payment_mode" data-scope='stripe_apple_pay'> <h4 class="payment_head"><span class="payment_mode_title">Apple Pay</span></h4> <div class="payment_body" id="apple_pay"> <div id="apple_pay-submit" class="payment-submit"> <input name="stripe_apple_pay_submit" type="submit" value="Validate" alt="Apple Pay" id="stripe_apple_pay_submit" class="button once" data-scope='stripe_apple_pay' style="display:none;" disabled/> </div> <input type="hidden" name="stripe_apple_pay_paymentMethod" id="stripe_apple_pay_paymentMethod" class="once" value=""/> </div> </fieldset> <script> Stripe_obj.buttons.Step3 = true; $('#stripe_apple_pay_submit.once').click(function(event){ // Submit the form if called after receiving the paymentMethod if ( (Stripe_obj.buttons.Step2 || Stripe_obj.buttons.Step3) && $('#stripe_apple_pay_paymentMethod.once').val() ) { console.log('stripe_apple_pay_submit -- submitting form'); return true; } else if (Stripe_obj.buttons.Step3) { // Or show the Apple/Google/Microsoft popup if called in step 3 and the form is valid if (Step1.check() && Step2.check() && Step3.check()) { console.log('paymentRequest.show() -- stripePay'); Stripe_obj.paymentRequest.show(); return false; } else { DntErrors.displayErrors(); } } // Or stay on the form setTimeout(() => $('.ira-processing').removeClass('ira-processing'), 500); return false; }); </script> <style> #stripe_apple_pay_submit.apple_pay_styled_button { -webkit-appearance: -apple-pay-button !important; -apple-pay-button-type: donate; color: transparent !important; } </style> </div> <div id="payment_modes_regular" style="display:none"> <input type="hidden" name="paymentNonce" id="paymentNonce" value="" autocomplete="off"/> <input type="hidden" name="stripeErrorCode" id="stripeErrorCode" value="" autocomplete="off"/> <input type="hidden" name="stripeError" id="stripeError" value="" autocomplete="off"/> <fieldset id="payment_mode-card" class="payment_mode"> <h4 class="payment_head"> <span class="payment_mode_title">Credit card</span> </h4> <div class="payment_body" id="creditcard"> <p id="card-number"> <label for="stripe_creditcard_cardNumber_placeholder_regular">Please enter your card number</label> <input type="text" id="stripe_creditcard_cardNumber_placeholder_regular" autocomplete="off"/> </p> <div class="line"> <p id="card-expiry" class="unit size1of2"> <label for="stripe_creditcard_cardExpiry_placeholder_regular">Expiry date</label> <input type="text" id="stripe_creditcard_cardExpiry_placeholder_regular" autocomplete="off"/> </p> <p id="card-scode" class="unit size2of2 lastUnit"> <label for="stripe_creditcard_cardCvc_placeholder_regular">Security Code</label> <input type="text" id="stripe_creditcard_cardCvc_placeholder_regular" autocomplete="off"/> <span class="help">The 3 digit security code is located on the back of your card</span> <span class="help amex" style="display: none;">The security code consists of 4 digits written towards the top right on the front of your card</span> </p> </div> <script type="text/javascript"> if (!window.stripeJsLoaded) { window.stripeJsLoaded = new Promise((resolve, reject) => { const s = document.createElement('script'); s.src = 'https://js.stripe.com/v3/'; s.type = 'text/javascript'; s.onerror = reject; s.onload = resolve; document.head.appendChild(s); }); } </script> <input type="hidden" name="stripe_creditcard_paymentMethod" id="stripe_creditcard_paymentMethod_regular" data-scope="stripe" data-required = "1" data-ira-check="window.stripe_creditcard.checkPaymentMethod('regular')"/> <script> var stripeElementGetFrequency = () => Step1.current_donation.frequency; if (!window.stripe_creditcard) { const VAL_ERROR = 'error'; const VAL_NOT_SET = 'N/A'; const defaultCoords = {}; defaultCoords["firstname"] = null; defaultCoords["lastname"] = null; defaultCoords["email"] = null; const defaultPaymentMethodErrorMessage = "Your bank details are incorrect. Please verify and enter again."; const lang = "en_EN"; const cardCvcPlaceholder = "Use the value provided by Stripe"; const stripePublicApiKey = "pk_live_srqYyZqem3SpTx2GjUycaPjN"; const stripeApiVersion = "2020-08-27"; const coordNames = Object.keys(defaultCoords); const elementConf = { 'cardNumber': { defaultErrorMessage: DntErrors.errorMsg.cardnumber, options: {showIcon: true}, }, 'cardExpiry': { defaultErrorMessage: DntErrors.errorMsg.cardmonth, }, 'cardCvc': { defaultErrorMessage: DntErrors.errorMsg.cardscode, }, }; // only add a CVC placeholder for languages which have a short CVC provided if (cardCvcPlaceholder != 'Use the value provided by Stripe') { elementConf.cardCvc.options = {placeholder: cardCvcPlaceholder}; } const elementTypes = Object.keys(elementConf); window.stripe_creditcard = { complete: {}, elements: {}, error: {}, frequencies: {}, lastInitFrequency: '', stripe: false, checkElement: function(frequency, elementType) { this.log('checkElement', [frequency, elementType]); if (frequency !== this.lastInitFrequency) return false; const complete = this.complete[frequency][elementType]; const error = this.error[frequency][elementType]; const placeholder = $('#' + this.getPlaceholderId(frequency, elementType)); if (!complete || error) { placeholder.attr('data-ira-errormsg', error && error.message ? error.message : elementConf[elementType].defaultErrorMessage ); return false; } else { placeholder.removeAttr('data-ira-errormsg'); return true; } }, checkPaymentMethod: function(frequency) { this.log('checkPaymentMethod', [frequency]); if (frequency !== this.lastInitFrequency) return false; const paymentMethodInput = this.getPaymentMethodInput(frequency); if (paymentMethodInput.val() === VAL_ERROR) { paymentMethodInput.attr('data-ira-errormsg', this.error[frequency].paymentMethod || defaultPaymentMethodErrorMessage); return false; } else { paymentMethodInput.removeAttr('data-ira-errormsg'); return true; } }, createPaymentMethod: function (frequency) { if (frequency !== this.lastInitFrequency) return; this.log('createPaymentMethod', [frequency]); const paymentMethodInput = this.resetPaymentMethod(frequency); for (let elementType of elementTypes) { if (!this.complete[frequency][elementType]) return; } const coords = {}; for (let coordName of coordNames) { const coordInput = $('input[name="' + coordName + '"]'); coords[coordName] = coordInput.length ? coordInput.val() : defaultCoords[coordName]; if (!coords[coordName]) return; } // All other inputs we rely on are ok and won't trigger any error message display, // so until createPaymentMethod succeds, we must ensure paymentMethodInput does paymentMethodInput.val(VAL_ERROR); // Prevent form submission before createPaymentMethod answers $('#stripe_submit.' + frequency).prop('disabled', true); setTimeout(() => { try { this.stripe.createPaymentMethod({ type: 'card', card: this.elements[frequency].cardNumber, billing_details: { name: coords.firstname + ' ' + coords.lastname, email: coords.email, } }).then(result => { $('#stripe_submit.' + frequency).prop('disabled', false); console.log(result); if (result.paymentMethod && result.paymentMethod.id) { paymentMethodInput.val(result.paymentMethod.id); console.log('paymentMethod = ' + paymentMethodInput.val()); } else { this.error[frequency].paymentMethod = result.error.message; for (let prop of ['type', 'code', 'decline_code', 'message']) { window.onerror('createPaymentMethod error.' + prop + ' = ' + result.error[prop]); } } }); } catch (e) { console.log(e); $('#stripe_submit.' + frequency).prop('disabled', false); } }, 500); }, getContainerId: function(frequency, elementType) { return 'stripe_creditcard_' + elementType + '_container_' + frequency; }, getPaymentMethodInput: function(frequency) { return $('#stripe_creditcard_paymentMethod_' + frequency); }, getPlaceholderId: function(frequency, elementType) { return 'stripe_creditcard_' + elementType + '_placeholder_' + frequency; }, /** * Build an array of Stripe JS CssFontSource objects * from the fonts used by the specified elements. * * See https://stripe.com/docs/js/appendix/css_font_source_object * * Warning: works only for fonts loaded from a google-style stylesheet URL * with a family=xxx parameter (where xxx is the font-family) */ getStripeJsCssFontSources: function(ids) { try { const used = {}; for (let id of ids) { const computedStyle = window.getComputedStyle(document.getElementById(id)); const fontFamily = computedStyle.getPropertyValue('font-family'); used[fontFamily] = true; } const hrefs = []; for (let s of document.styleSheets) { if (!s.href) continue; const params = new URLSearchParams(new URL(s.href).search); const fontFamily = params.get('family'); if (used[fontFamily] && (hrefs.indexOf(s.href) === -1)) { hrefs.push(s.href); } } return hrefs.map(href => ({cssSrc: href})); } catch (error) { /** * Stripe Element implementation has javascript incompatibility with Opera browser. * We work around this problem by catching exceptions in getStripeJsCssFontSources and returning an empty list. * This fix will have an impact on the design of Stripe Elements, but it will not block the creation of donations. */ return []; } }, /** * Get the locale as expected by Stripe JS * * See https://stripe.com/docs/js/appendix/supported_locales */ getStripeJsLocale: function () { switch(lang) { case 'en_EN': return 'en-GB'; case 'se_SE': return 'sv'; case 'zh_TW': return lang.substring(0, 2) + '-' + lang.substring(3, 5); default: return lang.substring(0, 2); } }, /** * Build a Stripe JS Style object from the specified element's computed style * and copy all other styles to the provided container. * * See https://stripe.com/docs/js/appendix/style */ getStripeJsStyle: function(id, container) { const styleKeyMap = { // Stripe JS recommands setting background-color on the container //'background-color': 'backgroundColor', 'color': 'color', 'font-family': 'fontFamily', 'font-size': 'fontSize', 'font-smoothing': 'fontSmoothing', 'font-style': 'fontStyle', 'font-variant': 'fontVariant', 'font-weight': 'fontWeight', // Stripe JS doesn't like line-height and doesn't even take it into account //'line-height': 'lineHeight', 'letter-spacing': 'letterSpacing', 'text-align': 'textAlign', 'text-decoration': 'textDecoration', 'text-shadow': 'textShadow', 'text-transform': 'textTransform', }; const baseStyle = {}; const computedStyle = window.getComputedStyle(document.getElementById(id)); for (let cssProp of computedStyle) { const styleKey = styleKeyMap[cssProp]; const cssValue = computedStyle.getPropertyValue(cssProp); if (styleKey) { baseStyle[styleKey] = cssValue; } else { container.css(cssProp, cssValue); } } return {base: baseStyle}; }, init: function (reason) { const frequency = stripeElementGetFrequency(); if (!this.frequencies[frequency]) return; this.log('init', [frequency, reason]); // Stripe elements are reset at every init so we need to reset as well this.complete[frequency] = {}; this.error[frequency] = {}; this.resetPaymentMethod(frequency); this.lastInitFrequency = frequency; this.mount(frequency); }, isMounted: function(frequency) { return !!this.elements[frequency]; }, log: function (method, params = []) { console.log('stripe_creditcard.' + method + '(' + params.join(', ') + ')'); }, mount: function (frequency) { const wasAlreadyMounted = this.unmount(frequency); this.log('mount', [frequency]); if (!this.stripe) { this.stripe = Stripe(stripePublicApiKey, { locale: this.getStripeJsLocale(), apiVersion: stripeApiVersion }); } const stripeElements = this.stripe.elements({ fonts: this.getStripeJsCssFontSources( elementTypes.map(elementType => this.getPlaceholderId(frequency, elementType)) ), }); this.elements[frequency] = {}; for (let elementType of elementTypes) { const placeholderId = this.getPlaceholderId(frequency, elementType); const containerId = this.getContainerId(frequency, elementType); const container = $('<span/>').attr('id', containerId); const element = stripeElements.create(elementType, Object.assign( {style: this.getStripeJsStyle(placeholderId, container)}, elementConf[elementType].options )); this.elements[frequency][elementType] = element; $('#' + placeholderId) .attr('data-scope', 'stripe') .attr('data-required', '1') .attr('data-ira-check', "window.stripe_creditcard.checkElement('" + frequency + "', '" + elementType + "')") .val(VAL_NOT_SET) .hide() .after(container); element.mount('#' + containerId); // Stripe creates an intermediate div between the container and its iframe // Let's force this div's contents to be vertically centered inside the container $('#' + containerId + ' div').css({ display: 'flex', height: '100%', 'align-items': 'center', }); element.on('change', ev => this.onElementChanged(frequency, ev)); } if (!wasAlreadyMounted) { for (let coordName of coordNames) { $('input[name="' + coordName + '"]').on('change', () => this.createPaymentMethod(frequency)); } // Force a re-init if the payment mode was previously hidden // as Stripe does not mount well hidden fields const cvcPlaceholderId = this.getPlaceholderId(frequency, 'cardCvc'); $('#payment_mode-card:has(#' + cvcPlaceholderId + ')').on('payment_shown', () => this.init('payment_shown')); } }, unmount: function (frequency) { if (!this.isMounted(frequency)) return false; this.log('unmount', [frequency]); for (let elementType of elementTypes) { this.elements[frequency][elementType].destroy(); $('#' + this.getContainerId(frequency, elementType)).remove(); $('#' + this.getPlaceholderId(frequency, elementType)).show(); } return true; }, onElementChanged: function (frequency, ev) { this.log('onElementChanged', [ frequency, ev.elementType, ev.complete ? 'complete' : 'not complete', ev.error ? ev.error.message : 'no error', ]); this.complete[frequency][ev.elementType] = ev.complete; this.error[frequency][ev.elementType] = ev.error; this.createPaymentMethod(frequency); }, resetPaymentMethod: function (frequency) { const paymentMethodInput = this.getPaymentMethodInput(frequency); paymentMethodInput.val(VAL_NOT_SET); this.error[frequency].paymentMethod = false; return paymentMethodInput; }, }; window.stripeJsLoaded.then(() => { // Force a reinit when the donation amount or the style change for (let event of ['init_done', 'WebFont.fontactive']) { $('body').on(event, () => window.stripe_creditcard.init(event)); } }); } if (!window.stripe_creditcard.frequencies["regular"]) { window.stripe_creditcard.frequencies["regular"] = true; window.stripeJsLoaded.then(() => { // Ensure the 1st init is done only once, for the active frequency if (stripeElementGetFrequency() === "regular") { window.stripe_creditcard.init("stripeJsLoaded"); } }); } </script> <p id="card-submit" class="payment-submit"> <input name="stripe_submit" type="submit" value="Validate" id="stripe_submit" class="button regular" data-scope='stripe'/> </p> </div> </fieldset>  <fieldset id="payment_mode-gw_paypal_paypal" class="payment_mode " > <h4 class="payment_head"> <span class="payment_mode_title">PayPaL</span> </h4> <div class="payment_body" id="gw_paypal_paypal">   <input name="type" type="hidden" value="" data-scope="gw_paypal_paypal"/> <input name="mode" type="hidden" value="gw_paypal_paypal" data-scope="gw_paypal_paypal"/> <p id="gw_paypal_paypal-submit" class="payment-submit gateway"> <input name="gw_paypal_paypal_submit" type="submit" value="Validate" id="gw_paypal_paypal_submit" class="button gateway" data-scope="gw_paypal_paypal"/> </p> </div> </fieldset> <fieldset id="payment_mode-apple_pay-regular" class="payment_mode" data-scope='stripe_apple_pay'> <h4 class="payment_head"><span class="payment_mode_title">Apple Pay</span></h4> <div class="payment_body" id="apple_pay"> <div id="apple_pay-submit" class="payment-submit"> <input name="stripe_apple_pay_submit" type="submit" value="Validate" alt="Apple Pay" id="stripe_apple_pay_submit" class="button regular" data-scope='stripe_apple_pay' style="display:none;" disabled/> </div> <input type="hidden" name="stripe_apple_pay_paymentMethod" id="stripe_apple_pay_paymentMethod" class="regular" value=""/> </div> </fieldset> <script> Stripe_obj.buttons.Step3 = true; $('#stripe_apple_pay_submit.regular').click(function(event){ // Submit the form if called after receiving the paymentMethod if ( (Stripe_obj.buttons.Step2 || Stripe_obj.buttons.Step3) && $('#stripe_apple_pay_paymentMethod.regular').val() ) { console.log('stripe_apple_pay_submit -- submitting form'); return true; } else if (Stripe_obj.buttons.Step3) { // Or show the Apple/Google/Microsoft popup if called in step 3 and the form is valid if (Step1.check() && Step2.check() && Step3.check()) { console.log('paymentRequest.show() -- stripePay'); Stripe_obj.paymentRequest.show(); return false; } else { DntErrors.displayErrors(); } } // Or stay on the form setTimeout(() => $('.ira-processing').removeClass('ira-processing'), 500); return false; }); </script> <style> #stripe_apple_pay_submit.apple_pay_styled_button { -webkit-appearance: -apple-pay-button !important; -apple-pay-button-type: subscribe; color: transparent !important; } </style> </div> </div>  </div>  <div class="step-info"> <h4>Help us in total confidence</h4> <div class="step-info-body"> <p style="text-align: justify;">This website is 100% secure.<br /> All bank information to process the payment is encrypted using the SSL protocol. They are never stored on our computer systems.<br /> <br /> For donors based in Switzerland, your donation is tax deductible. If you are giving from other countries, learn about聽<a href="https://cernandsocietyfoundation.web.cern.ch/page/tax-efficient-giving" rel="noopener noreferrer" target="_blank">tax efficient gift</a>聽options.<br /> <br /> Our donor service is available to answer all your questions. Do not hesitate to contact us by e-mail: <a href="mailto:partnerships.fundraising@cern.ch">donorcare@csf.cern.ch</a></p> <p><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> 聽</p> <a href="https://home.cern" target="_parent"><img alt="" src="https://design-guidelines.web.cern.ch/themes/custom/cernclean/logo.svg" style="width: 95px; float: right;" /></a> </div> </div>  </div>  </div>  </form> </div> </div>  <div id="footer" class="line"> <div class="container" id="footer_wrapinner"> <div id="powered" class="unit size1of3" style="display:block !important;"> <p style="display:block !important;"><a style="display:block !important;" href="https://www.iraiser.eu/en/" title="Powered by iRaiser"><img style="display:block !important; min-width: 100px!important;min-height: 15px!important;" src="/libs.iraiser.eu/design/powered-by/v1/powered-by-iraiser.png" alt="Powered by iRaiser" width="120" height="18"/></a></p> </div> <div id="copyright" class="unit size2of3 lastUnit"> <p> <a href="https://donate.cernandsocietyfoundation.cern/our-credits" title="Credits">Credits</a> <span>|</span> <a href="https://donate.cernandsocietyfoundation.cern/legals" title="Legal Information">Legal Information</a> <span>|</span> <a href="https://donate.cernandsocietyfoundation.cern/contact-us" title="Contact">Contact</a> </p> </div> </div> </div>  </div>  </body></html>

CINXE.COM

Donate now