CINXE.COM

Global top 50 chemical firms interactive data | C&EN - American Chemical Society

<!DOCTYPE HTML> <html lang="en"> <head> <meta name="template" content="base-page-template"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link rel="canonical" href="/sections/global-top-50.html"/> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/> <meta http-equiv="Pragma" content="no-cache"/> <meta http-equiv="Expires" content="0"/> <meta charset="UTF-8"/> <meta http-equiv="x-ua-compatible" content="ie=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title> Global top 50 chemical firms interactive data | C&amp;EN - American Chemical Society </title> <meta property="og:title" content="Global top 50 chemical firms interactive data"/> <meta property="og:site_name" content="Chemical & Engineering News"/> <meta property="og:description" content="Analysis of the Global Top 50 chemical companies"/> <meta property="og:image" content="https://cen.acs.org/content/dam/cen/static/images/sitewide-default-images/site-cen-logo-social-default.jpg"/> <meta property="og:url" content="https://cen.acs.org/sections/global-top-50.html"/> <meta property="og:locale" content="en_US"/> <meta name="twitter:site" content="@cenmag"/> <meta name="twitter:creator" content="@cenmag"/> <meta name="twitter:title" content="Global top 50 chemical firms interactive data"/> <meta name="twitter:description" content="Analysis of the Global Top 50 chemical companies"/> <meta name="description" content="Analysis of the Global Top 50 chemical companies"/> <meta name="facebook-domain-verification" content="an25ujdd57jxj7j3n94vqa7wv6hww6"/> <link rel="icon" href="/content/dam/acs-cen-redesign/logo/favicon.ico" type="image/vnd.microsoft.icon"/> <link rel="shortcut icon" href="/content/dam/acs-cen-redesign/logo/favicon.ico" type="image/vnd.microsoft.icon"/> <!-- Google tag (gtag.js) --> <script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script> <script> var gptadslots = []; var googletag = googletag || {cmd:[]}; </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MRZG95K3');</script> <!-- End Google Tag Manager --> <link rel="stylesheet" href="/etc.clientlibs/cen-cloud/clientlibs/clientlib_thirdparty.lc-03bc33241a203f6398eb7db1569fa4e9-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/cen-cloud/clientlibs/clientlib_main.lc-83db3c475497b3c30c79f0f3780a07b2-lc.min.css" type="text/css"> <script src="/etc.clientlibs/clientlibs/granite/jquery.lc-f9e8e8c279baf6a1a278042afe4f395a-lc.min.js"></script> <script src="/etc.clientlibs/cen-cloud/clientlibs/clientlib_thirdparty.lc-dc226b13ccf8cd5410bafcbaf57880bb-lc.min.js"></script> <script src="/etc.clientlibs/cen-cloud/clientlibs/clientlib_main.lc-707a5f01030eee3aa004c7d7edf82426-lc.min.js"></script> <script> var digitalData = { 'pageInfo' : { 'pageName' : 'Global top 50 chemical firms interactive data | C\x26EN \u002D American Chemical Society', 'description' : '', 'contentType' : '', 'contentName' : '', 'collections' : '', 'department' : '', 'nfc' : '' } }; var _cbq = window._cbq || []; _cbq.push(['_contentType', digitalData.pageInfo.contentType]); _cbq.push(['_contentName', digitalData.pageInfo.contentName]); </script> <!-- <script src="https://assets.adobedtm.com/a9e4d84ac6e1/f068df300e79/launch-cf86645c0fe9-development.min.js" async></script> --> <script src="//assets.adobedtm.com/822408db7b4a/5997dbcdb559/launch-440fa7e38116.min.js"></script> <script src="/etc.clientlibs/cen-cloud/clientlibs/clientlib_dfpads.lc-5992185d747223e67ed02b97171c451e-lc.min.js"></script> <script> var _sf_async_config = _sf_async_config || {}; /** CONFIGURATION START **/ _sf_async_config.uid = 61642; _sf_async_config.domain = window.location.hostname; _sf_async_config.flickerControl = false; //_sf_async_config.path = window.location.pathname; _sf_async_config.useCanonical = true; _sf_async_config.useCanonicalDomain = true; /** CONFIGURATION END **/ var s = document.createElement('script'); s.type = 'text/javascript'; s.src = '//static.chartbeat.com/js/chartbeat_mab.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); </script> <!-- START : BP-HEADER REVEAL AD--> <script> googletag.cmd.push(function() { googletag.pubads().addEventListener('slotRenderEnded', function(event) { if (event.slot.getSlotElementId() == 'div-gpt-ad-8773544-1') { // console.log("Rendered Ad Size..: " + event.size); if(event.size!=null){ // console.log("HR Ad ON"); window.scrollTo(0,0); $('.leaderboard-top').remove(); // Hiding Header Leader Ad while Header Reveal Ad displaying var cssPaddingVal = $('body').css("padding-top"); // fix for removing space above Header Reveal Ad - Start if(cssPaddingVal == "55px") { $('body').css("padding-top","0px"); $('.mobile-nav').css("margin-top", "0px"); // fix for remove space which is displaying between navigation and Header reveal Ad $(window).scroll(function() { $('.mobile-nav').css("margin-top", "0px"); }); } // fix for removing space above Header Reveal Ad - End } else if(event.size===null){ // console.log("HR Ad OFF"); $('#div-gpt-ad-8773544-1').remove(); // Removing Header Reveal Ad DIV tag if Ad respose null (if enable 24hr cap functionality) } } }); }); </script> <div id='div-gpt-ad-8773544-1'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-8773544-1'); }); </script> </div> <!-- END : BP-HEADER REVEAL AD--> </head> <body class="page basicpage" id="page-c9d4e44733" data-cmp-link-accessibility-enabled data-cmp-link-accessibility-text="opens in a new tab" data-cmp-data-layer-name="adobeDataLayer"> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="genericAds aem-GridColumn aem-GridColumn--default--12"> <div class="leaderboard-top"> <h6 class="ads-title">Advertisement</h6> <div class="article-top-ads" id="div-gpt-ad-21681463464-1"> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-21681463464-1'); }); </script> </div> </div> <script> $(".article-small-ads > h6").css("margin-bottom","0rem"); </script></div> <div class="experiencefragment aem-GridColumn aem-GridColumn--default--12"> <div class="xf-content-height"> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="header aem-GridColumn aem-GridColumn--default--12"> <div id="page-loader" style="display:none;"><i class="fa fa-spinner fa-spin fa-3x" aria-hidden="true"></i></div> <div id="content2"> <div class="two_column_parsys"> <div id="two_column_parsys" class="bottomMargin"> <div id="article_text"> <div id="login_frame"></div> </div> </div> </div> </div> <header class="header-wrapper"> <div class="upper-nav show-for-large-nav"> <div class="grid-container "> <div class="grid-x grid-margin-x"> <div class="left-upper-nav large-6 cell"> <ul class="nav-link-parent"> <li class="nav-link-child"><a href="https://www.acs.org/" rel="noopener" target="_blank">ACS</a></li> <li class="nav-link-child"><a href="https://pubs.acs.org/" rel="noopener" target="_blank">Publications</a></li> <li class="nav-link-child active"><a>C&amp;EN</a></li> <li class="nav-link-child"><a href="https://www.cas.org/" rel="noopener" target="_blank">CAS</a></li> </ul> </div> <div class="right-upper-nav large-6 cell"> <ul class="nav-link-parent right-nav"> <li class="nav-link-child pull-nav-right true signup"> <a href="#" class="join-acs-link-modal">Join ACS</a> </li> <li class="nav-link-child login"> <div/> <script type="text/javascript" src="/content/cen/misc/cen/js/user.js"></script> <script type="text/javascript" src="/content/cen/misc/cen/js/json_calls.js"></script> <span id="logintext"> <a href="#" onclick="showloginpopup(true); return false;"> <span> <i class="fa fa-lock"></i> </span> Log in </a> </span> <span id="logouttext" style="margin-left:20px;"><i class="fa fa-unlock"></i><a onclick="Logout(true)" href="#">Log out</a></span> <script type="text/javascript"> function showlogin(vis){ var frame = document.getElementById("login_frame"); var text = document.getElementById("main"); var dark= document.getElementById('darkenScreenObject'); var l = window.innerWidth/2 - 3900/2; var t = window.innerHeight/2 - 3200/2; var lstr = l+'px'; var tstr = t+'px' frame.style.display= "block"; frame.style.visibility = "visible"; var frames = document.createElement('iframe'); frames.src = '/content/cen/protectedPage.html'; frames.scrolling= 'no'; frame.appendChild(frames); text.style.visibility = "visible"; } function showloginpopup(vis){ $('body').addClass('mob-nav-open'); if((window.location.href).indexOf("type=paidArticleContent") > -1){ window.scrollBy(0,650); } else{ var frame = document.createElement("div"); frame.setAttribute("id", "login_frame"); var text = document.getElementById("content2"); var dark= document.getElementById('darkenScreenObject'); if(!dark){ setScreen(); dark=document.getElementById('darkenScreenObject'); } if (vis) { dark.style.visibility = "visible"; dark.style.zIndex=1001; var pageURL = window.location.href; var l = window.innerWidth/2 - 3900/2; var t = window.innerHeight/2 - 3200/2; var lstr = l+'px'; var tstr = t+'px' frame.style.display= "block"; frame.style.visibility = "visible"; window.location.href = '/content/cen/callingsso.html?pageURL='+pageURL; /* var frames = document.createElement('iframe'); frames.src = '/content/cen/callingsso.html?pageURL='+pageURL; frames.scrolling= 'no'; if(text.firstChild){ text.insertBefore(frame,text.firstChild); }else{ text.appendChild(frame); } */ frame.appendChild(frames); text.style.visibility = "visible"; }else{ dark.style.display='none'; dark.style.visibility = "hidden"; frame.style.display='none'; frame.style.visibility = "hidden"; text.style.visibility = "visible"; } } } function setScreen(){ var tbody = document.getElementsByTagName("body")[0]; var tnode = document.createElement('div'); // Create the layer. tnode.style.position='absolute'; // Position absolutely tnode.style.top='0px'; // In the top tnode.style.left='0px'; // Left corner of the page tnode.style.overflow='hidden'; // Try to avoid making scroll bars tnode.style.display='none'; // Start out Hidden tnode.id='darkenScreenObject'; // Name it so we can find it later tnode.style.opacity=0.8; tnode.style.MozOpacity=0.9; tnode.style.filter='alpha(opacity=70)'; tnode.style.zIndex=1001; tnode.style.backgroundColor='#000000'; tnode.style.width= '100%'; tnode.style.height= '100%'; tbody.appendChild(tnode); // Add it to the web page } function ClosePop() { $('#login_frame').remove(); $('body').removeClass('mob-nav-open'); } function Logout(){ $.ajax({url:"/acs/redirect", type: "POST", data: {username: "logout", uservalue: "logout" }, success: function(){ localStorage.removeItem('cenUser'); localStorage.removeItem('cenRenewUser'); window.location = "https://sso.acs.org/idp/service/glogout?appid=xxx&returnURL=https://"+window.location.hostname+"/"; } }); } function getCookie(name) { var re = new RegExp(name + "=([^;]+)"); var value = re.exec(document.cookie); return (value != null) ? unescape(value[1]) : null; } function loginAjaxCalls(){ if(true){ var call_url = 'https://sso.acs.org/idpservice/status'; var appid = "CENODSPublish"; var query_string = '?appid=' + appid; $.ajax({ url: call_url + query_string, type: 'GET', crossDomain: "true", contentType: "application/json; charset=utf-8", xhrFields: { withCredentials: true }, success: function( response ){ if( response.succ && response.results ){ var loggedin = response.results.loggedin; if (loggedin){ var ifrm = document.createElement("iframe"); ifrm.setAttribute("src", "/content/cen/callingsso.html"); ifrm.style.width = "640px"; ifrm.style.height = "480px"; ifrm.style.position= "fixed"; document.body.appendChild(ifrm); } } else { // do something when status lookup failed here //alert('status lookup fail'); } } }); } else { var env = "dev"; if (env == "prod"){ var call_url = 'https://sso.acs.org/idp/status'; } else { var call_url = 'https://sso.acs.org/idp/status'; } var appid = "CENODSPublish"; var query_string = '?padding=jsonPaddingFunction&appid=' + appid + '&pagemaxage=86400'; $.ajax({ type: 'get', dataType: 'jsonp', url: call_url + query_string, jsonpCallback: 'jsonPaddingFunction', contentType: "application/json", success: function( response ){ if( response.succ && response.results ){ var loggedin = response.results.loggedin; if (loggedin){ var ifrm = document.createElement("iframe"); ifrm.setAttribute("src", "/content/cen/callingsso.html"); ifrm.style.width = "640px"; ifrm.style.height = "480px"; ifrm.style.position= "fixed"; document.body.appendChild(ifrm); } } else { // do something when status lookup failed here //alert('status lookup fail'); } } }); } } function checkUserTypeD(){ var currentUserLocal = localStorage.getItem('cenUser'); var currentUserLocalDType = localStorage.getItem('cenRenewUser'); if (currentUserLocal !== null) { currenUserDecoded=JSON.parse(currentUserLocal); localStorage.removeItem('cenUser'); } } $(document).ready(function() { try { json_calls.execute(); } catch (error) { // To give IE 11 a breather } try{ var cookieValueFirst= getCookie('cenLogin'); if( cookieValueFirst == '' || cookieValueFirst == null || cookieValueFirst ==undefined) { $.ajax({url:"/acs/redirect", type: "POST", data: {username: "erlogin", uservalue: "erlogin" }, success: function(){ loginAjaxCalls(); } }); } ACS.User.getCurrentUser(getCookie('cenLogin')); if (ACS.User.getUserName(getCookie('cenLogin')) != "") { jsonData = { "method":"validate-username", "userId": ACS.User.getUserName(getCookie('cenLogin')) }; $.ajax({ type: "POST", headers: { "Api-Key":"K75kjsd//:765jh" }, url: "/acs/paywall", data: (btoa(encodeURIComponent(JSON.stringify(jsonData)))), dataType: "json", contentType: "application/json", success: function(json){ var currentUser = localStorage.getItem('cenUser'); if(currentUser === null) { var userJson = {'username' : json.data.userId, userType: json.data.userType}; localStorage.setItem('cenUser', JSON.stringify(userJson)); }else{ var userJson = JSON.parse(currentUser); userJson['username'] = json.data.userId; userJson['userType'] = json.data.userType; localStorage.setItem('cenUser', JSON.stringify(userJson)); } checkUserTypeD(); } }) } if (ACS.User.isLoggedIn() && !ACS.User.isInstitution()){ if(true){ var call_url = 'https://sso.acs.org/idpservice/status'; var appid = "CENODSPublish"; var query_string = '?appid=' + appid; $.ajax({ url: call_url + query_string, type: 'GET', crossDomain: "true", contentType: "application/json; charset=utf-8", xhrFields: { withCredentials: true }, success: function( response ){ if( response.succ && response.results ){ var loggedin = response.results.loggedin; } }, failure: function(response){ console.log(response); } }); } else { var env = "dev"; if (env == "prod"){ var call_url = 'https://sso.acs.org/idp/status'; } else { var call_url = 'https://sso.acs.org/idp/status'; } var appid = "CENODSPublish"; var query_string = '?padding=jsonPaddingFunction&appid=' + appid + '&pagemaxage=86400'; $.ajax({ type: 'get', dataType: 'jsonp', url: call_url + query_string, jsonpCallback: 'jsonPaddingFunction', contentType: "application/json", success: function( response ){ if( response.succ && response.results ){ var loggedin = response.results.loggedin; } }, failure: function(response){ console.log(response); } }); } $("#logintext").html("Hi, <span class='capitalise-username'>" + ACS.User.getFirstName() + "! </span>"); $("#logouttext").show(); $('.nav-link-child.true.signup').hide(); $("#logintext").css("padding-top","3px"); $("#logouttext").css("display","inine-block"); $('#mobile-login-btn1').hide(); $('.welcome-mob-tecxt').html("Hi, " + ACS.User.getFirstName() + "!"); $('#loggggout').show(); } } catch(e){ //alert(e); } }); </script> </li> </ul> </div> </div> </div> </div> <nav class="main-nav show-for-large-nav"> <div class="grid-container"> <div class="grid-x grid-margin-x"> <div class="left-nav large-12 cell"> <ul class="main-nav-parent"> <li class="main-nav-child logo-parent-nav"> <a class="logo-link nav-element" href="/"> <img class="logo logo-large" src="/content/dam/acs-cen-redesign/logo/cen-logo.png" alt="Chemical &amp; Engineering News" title="Chemical &amp; Engineering News"/> <img class="logo logo-small" src="/content/dam/acs-cen-redesign/logo/cenLogo-120.png" alt="Chemical &amp; Engineering News" title="Chemical &amp; Engineering News"/> </a> </li> <div> <li class="main-nav-child hide-for-mobile-nav"><a href="/most-recent.html" class="nav-element topic-pane">LATEST </a> </li> <div> <div class="hide-for-desktop-nav grid-x mobile-nav-bordering"> <h3 class="menu-item large-12 small-12 medium-12 cell mob-heading-nav no-menu-heading"><a href="/most-recent.html">LATEST <i class="fa fa-caret-right" aria-hidden="true"></i></a></h3> </div> </div> </div> <div> <li class="main-nav-child hide-for-mobile-nav"><a href="javascript:void(0)" data-toggle="TOPICS-dropdown" class="nav-element topic-pane">TOPICS <i class="fa fa-caret-down" aria-hidden="true"></i> <i class="fa fa-caret-up" aria-hidden="true"></i> </a> <div class="dropdown-pane nav-pane " id="TOPICS-dropdown" data-dropdown data-position="bottom" data-alignment="left" data-close-on-click="true"> <div class="grid-x"> <ul class="header-list-parent cell large-4"> <li class="header-nav-child"><a class="nav-child-link" href="/topics/analytical-chemistry.html">Analytical Chemistry</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/biological-chemistry.html">Biological Chemistry</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/business.html">Business</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/careers.html">Careers</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/education.html">Education</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/energy.html">Energy</a></li> </ul> <ul class="header-list-parent cell large-4"> <li class="header-nav-child"><a class="nav-child-link" href="/topics/environment.html">Environment</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/food.html">Food</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/materials.html">Materials</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/people.html">People</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/pharmaceuticals.html">Pharmaceuticals</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/physical-chemistry.html">Physical Chemistry</a></li> </ul> <ul class="header-list-parent cell large-4"> <li class="header-nav-child"><a class="nav-child-link" href="/topics/policy.html">Policy</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/research-integrity.html">Research Integrity</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/safety.html">Safety</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/synthesis.html">Synthesis</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/acs-news.html">ACS News</a></li> </ul> </div> </div></li> <div> <div class="hide-for-desktop-nav grid-x mobile-nav-bordering"> <h3 class="menu-item large-12 small-12 medium-12 cell mob-heading-nav">TOPICS</h3> <ul class="large-6 small-6 medium-6 cell parent-ul-menu"> <li class="menu-item"> <a class="nav-child-link" href="/topics/analytical-chemistry.html">Analytical Chemistry</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/biological-chemistry.html">Biological Chemistry</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/business.html">Business</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/careers.html">Careers</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/education.html">Education</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/energy.html">Energy</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/environment.html">Environment</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/food.html">Food</a></li> </ul> <ul class="large-6 small-6 medium-6 cell parent-ul-menu"> <li class="menu-item"> <a class="nav-child-link" href="/topics/materials.html">Materials</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/people.html">People</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/pharmaceuticals.html">Pharmaceuticals</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/physical-chemistry.html">Physical Chemistry</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/policy.html">Policy</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/research-integrity.html">Research Integrity</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/safety.html">Safety</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/synthesis.html">Synthesis</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/acs-news.html">ACS News</a></li> </ul> </div> </div> </div> <div> <li class="main-nav-child hide-for-mobile-nav"><a href="javascript:void(0)" data-toggle="MAGAZINE-dropdown" class="nav-element topic-pane">MAGAZINE <i class="fa fa-caret-down" aria-hidden="true"></i> <i class="fa fa-caret-up" aria-hidden="true"></i> </a> <div class="dropdown-pane nav-pane single-column-width" id="MAGAZINE-dropdown" data-dropdown data-position="bottom" data-alignment="left" data-close-on-click="true"> <div class="grid-x"> <ul class="header-list-parent cell large-12"> <li class="nav-link-child"><a class="nav-child-link" href="/magazine/102/10236.html">Current Issue</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/magazine/all-issue.html">Recent Issues</a></li> <li class="nav-link-child"><a class="nav-child-link" href="https://pubs.acs.org/loi/cgeabj">Archives: 100 Years of C&amp;EN</a></li> </ul> </div> </div></li> <div> <div class="hide-for-desktop-nav grid-x mobile-nav-bordering"> <h3 class="menu-item large-12 small-12 medium-12 cell mob-heading-nav">MAGAZINE</h3> <ul class="large-6 small-6 medium-6 cell parent-ul-menu"> <li class="menu-item"> <a class="nav-child-link" href="/magazine/102/10236.html">Current Issue</a></li> <li class="menu-item"> <a class="nav-child-link" href="/magazine/all-issue.html">Recent Issues</a></li> </ul> <ul class="large-6 small-6 medium-6 cell parent-ul-menu"> <li class="menu-item"> <a class="nav-child-link" href="https://pubs.acs.org/loi/cgeabj">Archives: 100 Years of C&amp;EN</a></li> </ul> </div> </div> </div> <div> <li class="main-nav-child hide-for-mobile-nav"><a href="javascript:void(0)" data-toggle="FEATURES-dropdown" class="nav-element topic-pane">FEATURES <i class="fa fa-caret-down" aria-hidden="true"></i> <i class="fa fa-caret-up" aria-hidden="true"></i> </a> <div class="dropdown-pane nav-pane " id="FEATURES-dropdown" data-dropdown data-position="bottom" data-alignment="left" data-close-on-click="true"> <div class="grid-x"> <ul class="header-list-parent cell large-4"> <li class="nav-link-child"><a class="nav-child-link" href="/collections/CENs-10-Start-ups-to-Watch.html">10 Start-ups to Watch</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/cen-centennial.html">C&amp;EN&#39;s Centennial</a></li> </ul> <ul class="header-list-parent cell large-4"> <li class="nav-link-child"><a class="nav-child-link" href="/collections/CENs-Talented-12.html">Talented Twelve</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/sections/Trailblazers.html">Trailblazers</a></li> </ul> <ul class="header-list-parent cell large-4"> <li class="nav-link-child"><a class="nav-child-link" href="/sections/global-top-50.html">Global Top 50 chemical firms</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/sections/us-top-50.html">US Top 50 chemical firms</a></li> </ul> </div> </div></li> <div> <div class="hide-for-desktop-nav grid-x mobile-nav-bordering"> <h3 class="menu-item large-12 small-12 medium-12 cell mob-heading-nav">FEATURES</h3> <ul class="large-6 small-6 medium-6 cell parent-ul-menu"> <li class="menu-item"> <a class="nav-child-link" href="/collections/CENs-10-Start-ups-to-Watch.html">10 Start-ups to Watch</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/cen-centennial.html">C&amp;EN&#39;s Centennial</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/CENs-Talented-12.html">Talented Twelve</a></li> </ul> <ul class="large-6 small-6 medium-6 cell parent-ul-menu"> <li class="menu-item"> <a class="nav-child-link" href="/sections/Trailblazers.html">Trailblazers</a></li> <li class="menu-item"> <a class="nav-child-link" href="/sections/global-top-50.html">Global Top 50 chemical firms</a></li> <li class="menu-item"> <a class="nav-child-link" href="/sections/us-top-50.html">US Top 50 chemical firms</a></li> </ul> </div> </div> </div> <div> <li class="main-nav-child hide-for-mobile-nav"><a href="javascript:void(0)" data-toggle="COLLECTIONS-dropdown" class="nav-element topic-pane">COLLECTIONS <i class="fa fa-caret-down" aria-hidden="true"></i> <i class="fa fa-caret-up" aria-hidden="true"></i> </a> <div class="dropdown-pane nav-pane " id="COLLECTIONS-dropdown" data-dropdown data-position="bottom" data-alignment="left" data-close-on-click="true"> <div class="grid-x"> <ul class="header-list-parent cell large-4"> <li class="nav-link-child"><a class="nav-child-link" href="/sections/amazing-women-chemistry.html">Amazing Women of Chemistry</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/bench-cubicle.html">Bench &amp; Cubicle</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/career-ladder.html">Career Ladder</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/in-memoriam.html">In Memoriam</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/movers-and-shakers.html">Movers and Shakers</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/newscripts.html">Newscripts</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/sections/nobel-prize-chemistry.html">Nobel Prize in Chemistry</a></li> </ul> <ul class="header-list-parent cell large-4"> <li class="nav-link-child"><a class="nav-child-link" href="/collections/office-hours.html">Office Hours</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/opinion.html">Opinion</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/periodicgraphics.html">Periodic Graphics</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/quizzes.html">Quizzes</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/sections/sketch-chemistry.html">Sketch Chemistry</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/sections/speaking-of-chemistry.html">Speaking of Chemistry</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/whats-that-stuff.html">What&#39;s That Stuff?</a></li> </ul> <ul class="header-list-parent cell large-4"> <li class="nav-link-child"><a class="nav-child-link" href="/sections/arabic.html">باللغة العربية C&amp;EN</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/espanol.html">C&amp;EN en Español</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/chinese.html">C&amp;EN中文版</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/portugues.html">C&amp;EN em Português</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/webinars.html">C&amp;EN Webinars</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/whitepapers.html">C&amp;EN White Papers &amp; eBooks</a></li> </ul> </div> </div></li> <div> <div class="hide-for-desktop-nav grid-x mobile-nav-bordering"> <h3 class="menu-item large-12 small-12 medium-12 cell mob-heading-nav">COLLECTIONS</h3> <ul class="large-6 small-6 medium-6 cell parent-ul-menu"> <li class="menu-item"> <a class="nav-child-link" href="/sections/amazing-women-chemistry.html">Amazing Women of Chemistry</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/bench-cubicle.html">Bench &amp; Cubicle</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/career-ladder.html">Career Ladder</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/in-memoriam.html">In Memoriam</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/movers-and-shakers.html">Movers and Shakers</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/newscripts.html">Newscripts</a></li> <li class="menu-item"> <a class="nav-child-link" href="/sections/nobel-prize-chemistry.html">Nobel Prize in Chemistry</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/office-hours.html">Office Hours</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/opinion.html">Opinion</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/periodicgraphics.html">Periodic Graphics</a></li> </ul> <ul class="large-6 small-6 medium-6 cell parent-ul-menu"> <li class="menu-item"> <a class="nav-child-link" href="/collections/quizzes.html">Quizzes</a></li> <li class="menu-item"> <a class="nav-child-link" href="/sections/sketch-chemistry.html">Sketch Chemistry</a></li> <li class="menu-item"> <a class="nav-child-link" href="/sections/speaking-of-chemistry.html">Speaking of Chemistry</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/whats-that-stuff.html">What&#39;s That Stuff?</a></li> <li class="menu-item"> <a class="nav-child-link" href="/sections/arabic.html">باللغة العربية C&amp;EN</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/espanol.html">C&amp;EN en Español</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/chinese.html">C&amp;EN中文版</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/portugues.html">C&amp;EN em Português</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/webinars.html">C&amp;EN Webinars</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/whitepapers.html">C&amp;EN White Papers &amp; eBooks</a></li> </ul> </div> </div> </div> <div> <li class="main-nav-child hide-for-mobile-nav"><a href="/sections/stereo-chemistry-podcast.html" class="nav-element topic-pane">PODCASTS </a> </li> <div> <div class="hide-for-desktop-nav grid-x mobile-nav-bordering"> <h3 class="menu-item large-12 small-12 medium-12 cell mob-heading-nav no-menu-heading"><a href="/sections/stereo-chemistry-podcast.html">PODCASTS <i class="fa fa-caret-right" aria-hidden="true"></i></a></h3> </div> </div> </div> <div> <li class="main-nav-child hide-for-mobile-nav"><a href="/collections/chemistry-in-pictures.html" class="nav-element topic-pane">CHEMPICS </a> </li> <div> <div class="hide-for-desktop-nav grid-x mobile-nav-bordering"> <h3 class="menu-item large-12 small-12 medium-12 cell mob-heading-nav no-menu-heading"><a href="/collections/chemistry-in-pictures.html">CHEMPICS <i class="fa fa-caret-right" aria-hidden="true"></i></a></h3> </div> </div> </div> <div> <li class="main-nav-child hide-for-mobile-nav"><a href="https://chemistryjobs.acs.org/" class="nav-element topic-pane">JOBS </a> </li> <div> <div class="hide-for-desktop-nav grid-x mobile-nav-bordering"> <h3 class="menu-item large-12 small-12 medium-12 cell mob-heading-nav no-menu-heading"><a href="https://chemistryjobs.acs.org/">JOBS <i class="fa fa-caret-right" aria-hidden="true"></i></a></h3> </div> </div> </div> <li class="main-nav-child"> <a class="nav-element nav-search-element" data-toggle="search-dropdown" href="javascript:void(0)"><i class="fa fa-search"></i></a> <div class="dropdown-pane nav-pane multimedia-pane" id="search-dropdown" data-dropdown data-position="bottom" data-alignment="left" data-close-on-click="true"> <div class="grid-x"> <ul class="header-list-parent cell large-12"> <li class="header-nav-child"> <form role="search" method="get" class="search-form ng-pristine ng-valid nav-child-link" onsubmit="performSearchH();$('.search-field').val(''); return false"> <input type="search" class="search-field form-control" placeholder="Search &hellip;" value="" name="q" id="q" title="Search for:"/> <input type="submit" class="search-submit btn btn-primary" value="Search"/> </form> <a class="nav-child-link" href="/search.html">Advanced Search</a> </li> <li class="header-nav-child"></li> </ul> </div> </div> </li> <ul class="main-nav-parent social-footer-container"> <ul class="social-link-footer"> <li class="social-list"> <a rel="noopener" class="social-list-link" href="https://www.facebook.com/CENews" target="_blank" title="Facebook"> <i class="fa fa-facebook social-link-icon"></i> </a> </li> </ul> <ul class="social-link-footer"> <li class="social-list"> <a rel="noopener" class="social-list-link" href="https://www.instagram.com/cenmag/" target="_blank" title="Instagram"> <i class="fa fa-instagram social-link-icon"></i> </a> </li> </ul> <ul class="social-link-footer"> <li class="social-list"> <a rel="noopener" class="social-list-link" href="https://twitter.com/cenmag" target="_blank" title="X"> <i class="fa fa-twitter social-link-icon"></i> </a> </li> </ul> <ul class="social-link-footer"> <li class="social-list"> <a rel="noopener" class="social-list-link" href="https://www.linkedin.com/showcase/c&en/" target="_blank" title="LinkedIn"> <i class="fa fa-linkedin social-link-icon"></i> </a> </li> </ul> </ul> </ul> </div> </div> </div> </nav> <div> <nav class="hide-for-large-nav"> <div class="grid-container-fluid"> <div class="grid-x grid-margin-x"> <div class="large-12 cell"> <div class="mobile-nav"> <div class="float-center logo-parent"> <div class="float-left"> <a href="javascript:void(0)" data-toggle="mobile-dropdown"></a> <a href="javascript:void(0)" class="mobile-burger"> <i class="fa fa-reorder"></i> </a> </div> <a class="logo" href="/index.html" rel="home"> <img title="Chemical &amp; Engineering News" class="logo logo-small" src="/content/dam/acs-cen-redesign/logo/cenLogo-120.png" alt="Chemical &amp;#38; Engineering News"/> </a> <div class="float-right"> <a href="https://www.acs.org/bin/acs/sso/login" onclick="showloginpopup(true); return false;" title="Login" class="mobile-login-btn" id="mobile-login-btn1"> <i class="fa fa-user"></i> </a> <a href="javascript:void(0)" data-toggle="logout-dropdown" class="mobile-login-btn" style="height:40px;display:none;" id="loggggout"> <i class="fa fa-user"></i> </a> <div class="dropdown-pane logout-pane" id="logout-dropdown" data-dropdown style="width:150px;"> <div class="grid-x"> <ul class="cell large-12" style="margin-left: 0;margin-bottom:0;margin-right:0;"> <li class="logout-child welcome-mob-tecxt" style="color: #243241;background: #ffffff;text-shadow: none;font-family:'Franklin ITC';font-size:13px;"> Welcome, </li> <li class="logout-child"> <span id="logouttext1"><i class="fa fa-unlock" style="margin-right:10px;"></i><a onclick="Logout(true)" href="javascript:void(0)" style="color:#EC272D;font-size:14px;">Log out</a></span> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div class="dropdown-pane nav-pane mobile-dropdown" id="mobile-dropdown" data-dropdown> <div class="grid-container-fluid"> <div class="grid-x grid-margin-x"> <div class="large-12 cell"> <div class="mobile-nav-menu"> <div class="float-center logo-parent"> <div class="float-left"> <a class="logo mobile-log-pos" href="/index.html" rel="home"> <img title="Chemical &amp; Engineering News" class="logo logo-small" src="/content/dam/acs-cen-redesign/logo/cenLogo-120.png" alt="Chemical &amp;#38; Engineering News"/> </a> </div> <div class="float-right"> <a href="#" target="_blank" title="Log in" class="mobile-close">&times;</a> </div> </div> </div> <div class="large-12 cell"> <div class="scroll"> <div class="scroll-wrap grid-x"> <ul class="large-12 small-12 medium-12 cell parent-ul-menu"> <li class="search"> <form onsubmit="performSearchMobile(); return false"> <input type="text" id="mobile-search-box" placeholder="Search C&amp;EN" required=""/> <button>Go</button> </form> </li> </ul> <ul class="large-12 small-12 medium-12 cell parent-ul-menu"> <div> <li class="main-nav-child hide-for-mobile-nav"><a href="/most-recent.html" class="nav-element topic-pane">LATEST </a> </li> <div> <div class="hide-for-desktop-nav grid-x mobile-nav-bordering"> <h3 class="menu-item large-12 small-12 medium-12 cell mob-heading-nav no-menu-heading"><a href="/most-recent.html">LATEST <i class="fa fa-caret-right" aria-hidden="true"></i></a></h3> </div> </div> </div> <div> <li class="main-nav-child hide-for-mobile-nav"><a href="javascript:void(0)" data-toggle="TOPICS-dropdown" class="nav-element topic-pane">TOPICS <i class="fa fa-caret-down" aria-hidden="true"></i> <i class="fa fa-caret-up" aria-hidden="true"></i> </a> <div class="dropdown-pane nav-pane " id="TOPICS-dropdown" data-dropdown data-position="bottom" data-alignment="left" data-close-on-click="true"> <div class="grid-x"> <ul class="header-list-parent cell large-4"> <li class="header-nav-child"><a class="nav-child-link" href="/topics/analytical-chemistry.html">Analytical Chemistry</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/biological-chemistry.html">Biological Chemistry</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/business.html">Business</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/careers.html">Careers</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/education.html">Education</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/energy.html">Energy</a></li> </ul> <ul class="header-list-parent cell large-4"> <li class="header-nav-child"><a class="nav-child-link" href="/topics/environment.html">Environment</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/food.html">Food</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/materials.html">Materials</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/people.html">People</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/pharmaceuticals.html">Pharmaceuticals</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/physical-chemistry.html">Physical Chemistry</a></li> </ul> <ul class="header-list-parent cell large-4"> <li class="header-nav-child"><a class="nav-child-link" href="/topics/policy.html">Policy</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/research-integrity.html">Research Integrity</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/safety.html">Safety</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/synthesis.html">Synthesis</a></li> <li class="header-nav-child"><a class="nav-child-link" href="/topics/acs-news.html">ACS News</a></li> </ul> </div> </div></li> <div> <div class="hide-for-desktop-nav grid-x mobile-nav-bordering"> <h3 class="menu-item large-12 small-12 medium-12 cell mob-heading-nav">TOPICS</h3> <ul class="large-6 small-6 medium-6 cell parent-ul-menu"> <li class="menu-item"> <a class="nav-child-link" href="/topics/analytical-chemistry.html">Analytical Chemistry</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/biological-chemistry.html">Biological Chemistry</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/business.html">Business</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/careers.html">Careers</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/education.html">Education</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/energy.html">Energy</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/environment.html">Environment</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/food.html">Food</a></li> </ul> <ul class="large-6 small-6 medium-6 cell parent-ul-menu"> <li class="menu-item"> <a class="nav-child-link" href="/topics/materials.html">Materials</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/people.html">People</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/pharmaceuticals.html">Pharmaceuticals</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/physical-chemistry.html">Physical Chemistry</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/policy.html">Policy</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/research-integrity.html">Research Integrity</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/safety.html">Safety</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/synthesis.html">Synthesis</a></li> <li class="menu-item"> <a class="nav-child-link" href="/topics/acs-news.html">ACS News</a></li> </ul> </div> </div> </div> <div> <li class="main-nav-child hide-for-mobile-nav"><a href="javascript:void(0)" data-toggle="MAGAZINE-dropdown" class="nav-element topic-pane">MAGAZINE <i class="fa fa-caret-down" aria-hidden="true"></i> <i class="fa fa-caret-up" aria-hidden="true"></i> </a> <div class="dropdown-pane nav-pane single-column-width" id="MAGAZINE-dropdown" data-dropdown data-position="bottom" data-alignment="left" data-close-on-click="true"> <div class="grid-x"> <ul class="header-list-parent cell large-12"> <li class="nav-link-child"><a class="nav-child-link" href="/magazine/102/10236.html">Current Issue</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/magazine/all-issue.html">Recent Issues</a></li> <li class="nav-link-child"><a class="nav-child-link" href="https://pubs.acs.org/loi/cgeabj">Archives: 100 Years of C&amp;EN</a></li> </ul> </div> </div></li> <div> <div class="hide-for-desktop-nav grid-x mobile-nav-bordering"> <h3 class="menu-item large-12 small-12 medium-12 cell mob-heading-nav">MAGAZINE</h3> <ul class="large-6 small-6 medium-6 cell parent-ul-menu"> <li class="menu-item"> <a class="nav-child-link" href="/magazine/102/10236.html">Current Issue</a></li> <li class="menu-item"> <a class="nav-child-link" href="/magazine/all-issue.html">Recent Issues</a></li> </ul> <ul class="large-6 small-6 medium-6 cell parent-ul-menu"> <li class="menu-item"> <a class="nav-child-link" href="https://pubs.acs.org/loi/cgeabj">Archives: 100 Years of C&amp;EN</a></li> </ul> </div> </div> </div> <div> <li class="main-nav-child hide-for-mobile-nav"><a href="javascript:void(0)" data-toggle="FEATURES-dropdown" class="nav-element topic-pane">FEATURES <i class="fa fa-caret-down" aria-hidden="true"></i> <i class="fa fa-caret-up" aria-hidden="true"></i> </a> <div class="dropdown-pane nav-pane " id="FEATURES-dropdown" data-dropdown data-position="bottom" data-alignment="left" data-close-on-click="true"> <div class="grid-x"> <ul class="header-list-parent cell large-4"> <li class="nav-link-child"><a class="nav-child-link" href="/collections/CENs-10-Start-ups-to-Watch.html">10 Start-ups to Watch</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/cen-centennial.html">C&amp;EN&#39;s Centennial</a></li> </ul> <ul class="header-list-parent cell large-4"> <li class="nav-link-child"><a class="nav-child-link" href="/collections/CENs-Talented-12.html">Talented Twelve</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/sections/Trailblazers.html">Trailblazers</a></li> </ul> <ul class="header-list-parent cell large-4"> <li class="nav-link-child"><a class="nav-child-link" href="/sections/global-top-50.html">Global Top 50 chemical firms</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/sections/us-top-50.html">US Top 50 chemical firms</a></li> </ul> </div> </div></li> <div> <div class="hide-for-desktop-nav grid-x mobile-nav-bordering"> <h3 class="menu-item large-12 small-12 medium-12 cell mob-heading-nav">FEATURES</h3> <ul class="large-6 small-6 medium-6 cell parent-ul-menu"> <li class="menu-item"> <a class="nav-child-link" href="/collections/CENs-10-Start-ups-to-Watch.html">10 Start-ups to Watch</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/cen-centennial.html">C&amp;EN&#39;s Centennial</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/CENs-Talented-12.html">Talented Twelve</a></li> </ul> <ul class="large-6 small-6 medium-6 cell parent-ul-menu"> <li class="menu-item"> <a class="nav-child-link" href="/sections/Trailblazers.html">Trailblazers</a></li> <li class="menu-item"> <a class="nav-child-link" href="/sections/global-top-50.html">Global Top 50 chemical firms</a></li> <li class="menu-item"> <a class="nav-child-link" href="/sections/us-top-50.html">US Top 50 chemical firms</a></li> </ul> </div> </div> </div> <div> <li class="main-nav-child hide-for-mobile-nav"><a href="javascript:void(0)" data-toggle="COLLECTIONS-dropdown" class="nav-element topic-pane">COLLECTIONS <i class="fa fa-caret-down" aria-hidden="true"></i> <i class="fa fa-caret-up" aria-hidden="true"></i> </a> <div class="dropdown-pane nav-pane " id="COLLECTIONS-dropdown" data-dropdown data-position="bottom" data-alignment="left" data-close-on-click="true"> <div class="grid-x"> <ul class="header-list-parent cell large-4"> <li class="nav-link-child"><a class="nav-child-link" href="/sections/amazing-women-chemistry.html">Amazing Women of Chemistry</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/bench-cubicle.html">Bench &amp; Cubicle</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/career-ladder.html">Career Ladder</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/in-memoriam.html">In Memoriam</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/movers-and-shakers.html">Movers and Shakers</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/newscripts.html">Newscripts</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/sections/nobel-prize-chemistry.html">Nobel Prize in Chemistry</a></li> </ul> <ul class="header-list-parent cell large-4"> <li class="nav-link-child"><a class="nav-child-link" href="/collections/office-hours.html">Office Hours</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/opinion.html">Opinion</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/periodicgraphics.html">Periodic Graphics</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/quizzes.html">Quizzes</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/sections/sketch-chemistry.html">Sketch Chemistry</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/sections/speaking-of-chemistry.html">Speaking of Chemistry</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/whats-that-stuff.html">What&#39;s That Stuff?</a></li> </ul> <ul class="header-list-parent cell large-4"> <li class="nav-link-child"><a class="nav-child-link" href="/sections/arabic.html">باللغة العربية C&amp;EN</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/espanol.html">C&amp;EN en Español</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/chinese.html">C&amp;EN中文版</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/portugues.html">C&amp;EN em Português</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/webinars.html">C&amp;EN Webinars</a></li> <li class="nav-link-child"><a class="nav-child-link" href="/collections/whitepapers.html">C&amp;EN White Papers &amp; eBooks</a></li> </ul> </div> </div></li> <div> <div class="hide-for-desktop-nav grid-x mobile-nav-bordering"> <h3 class="menu-item large-12 small-12 medium-12 cell mob-heading-nav">COLLECTIONS</h3> <ul class="large-6 small-6 medium-6 cell parent-ul-menu"> <li class="menu-item"> <a class="nav-child-link" href="/sections/amazing-women-chemistry.html">Amazing Women of Chemistry</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/bench-cubicle.html">Bench &amp; Cubicle</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/career-ladder.html">Career Ladder</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/in-memoriam.html">In Memoriam</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/movers-and-shakers.html">Movers and Shakers</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/newscripts.html">Newscripts</a></li> <li class="menu-item"> <a class="nav-child-link" href="/sections/nobel-prize-chemistry.html">Nobel Prize in Chemistry</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/office-hours.html">Office Hours</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/opinion.html">Opinion</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/periodicgraphics.html">Periodic Graphics</a></li> </ul> <ul class="large-6 small-6 medium-6 cell parent-ul-menu"> <li class="menu-item"> <a class="nav-child-link" href="/collections/quizzes.html">Quizzes</a></li> <li class="menu-item"> <a class="nav-child-link" href="/sections/sketch-chemistry.html">Sketch Chemistry</a></li> <li class="menu-item"> <a class="nav-child-link" href="/sections/speaking-of-chemistry.html">Speaking of Chemistry</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/whats-that-stuff.html">What&#39;s That Stuff?</a></li> <li class="menu-item"> <a class="nav-child-link" href="/sections/arabic.html">باللغة العربية C&amp;EN</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/espanol.html">C&amp;EN en Español</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/chinese.html">C&amp;EN中文版</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/portugues.html">C&amp;EN em Português</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/webinars.html">C&amp;EN Webinars</a></li> <li class="menu-item"> <a class="nav-child-link" href="/collections/whitepapers.html">C&amp;EN White Papers &amp; eBooks</a></li> </ul> </div> </div> </div> <div> <li class="main-nav-child hide-for-mobile-nav"><a href="/sections/stereo-chemistry-podcast.html" class="nav-element topic-pane">PODCASTS </a> </li> <div> <div class="hide-for-desktop-nav grid-x mobile-nav-bordering"> <h3 class="menu-item large-12 small-12 medium-12 cell mob-heading-nav no-menu-heading"><a href="/sections/stereo-chemistry-podcast.html">PODCASTS <i class="fa fa-caret-right" aria-hidden="true"></i></a></h3> </div> </div> </div> <div> <li class="main-nav-child hide-for-mobile-nav"><a href="/collections/chemistry-in-pictures.html" class="nav-element topic-pane">CHEMPICS </a> </li> <div> <div class="hide-for-desktop-nav grid-x mobile-nav-bordering"> <h3 class="menu-item large-12 small-12 medium-12 cell mob-heading-nav no-menu-heading"><a href="/collections/chemistry-in-pictures.html">CHEMPICS <i class="fa fa-caret-right" aria-hidden="true"></i></a></h3> </div> </div> </div> <div> <li class="main-nav-child hide-for-mobile-nav"><a href="https://chemistryjobs.acs.org/" class="nav-element topic-pane">JOBS </a> </li> <div> <div class="hide-for-desktop-nav grid-x mobile-nav-bordering"> <h3 class="menu-item large-12 small-12 medium-12 cell mob-heading-nav no-menu-heading"><a href="https://chemistryjobs.acs.org/">JOBS <i class="fa fa-caret-right" aria-hidden="true"></i></a></h3> </div> </div> </div> </ul> </div> </div> </div> <div class="mobile-nav-footer"> <div class="follow-header">FOLLOW US</div> <div class="follow-social" style="font-size:15px;"> <ul class="social-link-footer"> <li class="social-list"> <a rel="noopener" class="social-list-link" href="https://www.facebook.com/CENews" target="_blank" title="Facebook"> <i class="fa fa-facebook social-link-icon"></i> </a> </li> </ul> <ul class="social-link-footer"> <li class="social-list"> <a rel="noopener" class="social-list-link" href="https://www.instagram.com/cenmag/" target="_blank" title="Instagram"> <i class="fa fa-instagram social-link-icon"></i> </a> </li> </ul> <ul class="social-link-footer"> <li class="social-list"> <a rel="noopener" class="social-list-link" href="https://twitter.com/cenmag" target="_blank" title="X"> <i class="fa fa-twitter social-link-icon"></i> </a> </li> </ul> <ul class="social-link-footer"> <li class="social-list"> <a rel="noopener" class="social-list-link" href="https://www.linkedin.com/showcase/c&en/" target="_blank" title="LinkedIn"> <i class="fa fa-linkedin social-link-icon"></i> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </header> <script> var date = new Date(); var y = date.getFullYear(); var m = date.getMonth()+1; var d = date.getDate(); var mode = 'true'; var searchpgName if(mode=='true') { searchpgName ="/search.html"; } else{ searchpgName ="/content/cen/search.html"; } function performSearchH() { var withQuery= searchpgName+"?q="+encodeURIComponent(document.getElementById("q").value)+"&sortBy=relevance&rpp=10&startYear=1998&startMonth=08&startDay=01&endYear="+y+"&endMonth="+m+"&endDay="+d+"&topics=all"; var withoutQuery= searchpgName; var valueCheck = document.getElementById("q").value; if(valueCheck!="" && valueCheck.length>0){ document.location.href=withQuery; } else{ document.location.href=withoutQuery; } } function performSearchMobile() { var withQuery=searchpgName+"?q="+encodeURIComponent(document.getElementById("mobile-search-box").value)+"&sortBy=relevance&rpp=10&startYear=1998&startMonth=08&startDay=01&endYear="+y+"&endMonth="+m+"&endDay="+d+"&topics=all"; var withoutQuery= searchpgName; var valueCheck = document.getElementById("mobile-search-box").value; if(valueCheck!="" && valueCheck.length>0){ document.location.href=withQuery; } else{ document.location.href=withoutQuery; } } </script></div> </div> </div> </div> </div> <div class="experiencefragment aem-GridColumn aem-GridColumn--default--12"> <div class="xf-content-height"> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="cookieBar aem-GridColumn aem-GridColumn--default--12"> <div class="grid-x cookie-container cookie-container-fixed" id="cookie-main-bar"> <div class="cell small-9 mediun-10 large-9"> <div class="cookie-text"> <p>This site uses cookies to enhance your user experience. By continuing to use this site you are agreeing to our <a href="https://www.acs.org/content/acs/en/privacy.html#cookies" target="_blank" rel="noopener noreferrer">COOKIE POLICY</a>.<br /> </p></div> </div> <div class="cell small-3 mediun-2 large-3 cookie-cta-parent"> <a class="cookie-cta" id="cen-cookie-accept">ACCEPT AND CLOSE </a> </div> </div> </div> <div class="createAccountModal aem-GridColumn aem-GridColumn--default--12"> <div class="small reveal" id="signup-paywall-modal" data-close-on-click="false" data-close-on-esc="true" data-reveal> <div class="top-section-modal"> <button type="button" id="back-two-options" data-signup-back-action="" class="back-btn"><span><i class="cen-icon left-arrow"></i></span> <span class="btn-text"> Back</span> </button> <button class="close-button create-cta-click" data-close aria-label="Close modal" type="button"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-top-hr show-for-small-only"></div> <div class="grid-container"> <div class="grid-x grid-margin-x"> <div class="cell small-12"> <h3 class="sign-up-heading typeF hide-signup-type"> Grab your lab coat. Let&#39;s get started </h3> <h3 class="sign-up-heading typeA hide-signup-type"> Welcome! </h3> <h3 class="sign-up-heading typeC typeE hide-signup-type"> Welcome! </h3> <h4 class="signup-subheading typeF hide-signup-type"> Create an account below to get 6 C&amp;EN articles per month, receive newsletters and more - all free. </h4> <h4 class="signup-subheading typeA hide-signup-type"> It seems this is your first time logging in online. Please enter the following information to continue. </h4> <h4 class="signup-subheading typeC typeE hide-signup-type"> As an ACS member you automatically get access to this site. All we need is few more details to create your reading experience. </h4> <h4 class="signup-subheading typeA typeE typeC hide-signup-type margin-0"> <i class="fa fa-user" aria-hidden="true"></i> <span class="check-mark login-step2"><i class="fa fa-info" aria-hidden="true"></i></span> </h4> <h4 class="signup-subheading login-step2 typeA typeE typeC hide-signup-type margin-0" id="signup-disp-username"> </h4> <h4 class="signup-subheading login-step2 typeA hide-signup-type"> <a href="#" id="change-username-offline" class="sign-up-login-lnk create-cta-click">Not you? Sign in with a different account.</a> </h4> <h4 class="signup-subheading login-step2 typeC typeE hide-signup-type"> <a href="#" id="change-username-online" class="sign-up-login-lnk create-cta-click">Not you? Sign in with a different account.</a> </h4> </div> </div> <div class="grid-x grid-margin-x"> <div class="cell small-12 medium-12 large-12"> <p class="login-text login-error sign-up-errors T001 T002 T003 T004 E001 E002 E003 CL01 CL02 X001 X002 X003 SYS100 APP100"> ERROR 1 </p> </div> <input class="pay-signup-input signup-elqfname" type="hidden" value="0518SEHMeterAccountCreation"/> <input class="pay-signup-input signup-elqsiteid" type="hidden" name="elqSiteID" value="1913652004"/> <div class="cell small-12 medium-6 large-6"> <input class="pay-signup-input signup-first-name" type="text" placeholder="First Name"/> <p class="login-text login-error sign-up-errors FN01 APPFN104 APPFLIMIT109 INVALFNAME01"> ERROR 1 </p> </div> <div class="cell small-12 medium-6 large-6"> <input class="pay-signup-input signup-last-name" type="text" placeholder="Last Name"/> <p class="login-text login-error sign-up-errors LN01 APPLN103 APPLLIMIT108 INVALLNAME01"> ERROR 2 </p> </div> <div class="cell small-12 large-12 medium-12"> <input class="pay-signup-input signup-email" type="text" placeholder="Email Address"/> <p class="login-text login-error sign-up-errors EM01 EM02 EM03 EM04 APPEID105"> ERROR 2 </p> </div> <div class="cell small-12 large-12 medium-12"> <input class="pay-signup-input signup-company-id" type="hidden" name="acsOrgId" id="acs-org-id-hidden-f"/> <input class="typeahead" type="text" id="acs-org-company" placeholder="University / company name"/> <p class="login-text login-error sign-up-errors AON01"> ERROR 2 </p> </div> <div class="cell small-12 large-12 medium-12"> <input class="pay-signup-input signup-username" type="text" placeholder="Create a username for your ACS ID"/> <p class="login-text login-error sign-up-errors UN01 UN05 UN02 UN03 UN04 APPUN102 INVALUNAME01"> ERROR 2 </p> </div> <div class="cell small-12 large-12 medium-12"> <input class="pay-signup-input signup-password" type="password" placeholder="Password"/> <p class="login-text login-error sign-up-errors PW01 PW02 APPPSWD106"> ERROR 2 </p> </div> <div class="cell small-12 large-12 medium-12"> <input class="pay-signup-input signup-confirm-password" type="password" placeholder="Confirm password"/> <p class="login-text login-error sign-up-errors CONFIRMPSWD"> Password and Confirm password must match. </p> </div> <div class="cell small-12 large-12 medium-12 member-box"> <p class="membership-text"> If you have an ACS member number, please enter it here so we can link this account to your membership. (optional) </p> <input type="text" class="pay-signup-input signup-membership-number" placeholder="Member number (ex: 123456789)"/> <p class="login-text login-error sign-up-errors EM06 MN01 MN02"> ERROR 2 </p> </div> <div class="cell small-12 large-12 medium-12 typeF"> <fieldset class="large-12 cell"> <input id="signup-newsletter" class="signup-newsletter-chkbox" type="checkbox"/><label class="newsletter-label" for="signup-newsletter">Yes! I want to get the latest chemistry news from C&amp;EN in my inbox every week.</label> </fieldset> </div> <div class="cell small-12 large-12 medium-12"> <p class="discalimer-text"> ACS values your privacy. By submitting your information, you are gaining access to C&amp;EN and subscribing to our weekly newsletter. We use the information you provide to make your reading experience better, and we will never sell your data to third party members. </p> </div> <div class="cell small-12 large-12 medium-12"> <a href="#" class="sign-up-btn button create-cta-click" id="create-account-main-btn"> CREATE ACCOUNT </a> </div> <div class="cell small-12 large-12 medium-12"> <a href="#" onclick="MyWindow=window.open('https://cen.acs.org/static/about/help.html','MyWindow','toolbar=no,location=no,directories=no,status=no, menubar=no,scrollbars=yes,resizable=yes,width=600,height=900'); return false;" class="sign-up-login-lnk float-right help-pass-link typeA hide-signup-type create-cta-click">Need Help?</a> <a href="#" onclick="MyWindow=window.open('https://cen.acs.org/static/about/help.html','MyWindow','toolbar=no,location=no,directories=no,status=no, menubar=no,scrollbars=yes,resizable=yes,width=600,height=900'); return false;" class="sign-up-login-lnk float-right help-pass-link typeC typeE hide-signup-type create-cta-click">Need Help?</a> </div> <div class="cell small-12 large-12 medium-12"> <p class="login-text typeA typeB typeD typeF hide-signup-type"> Already have an ACS ID? <a href="#" id="signup-make-login" class="sign-up-login-lnk create-cta-click">Log in here</a> </p> </div> </div> </div> </div> <script> var createAccountJson = {"SYS100":"System Error","AON01":"Please select a valid University/Company name. For self or retired, enter N/A.", "APP100":"Please enter relevant details", "APPUN102":"Username cannot be empty", "APPLN103":"Last Name cannot be empty", "APPFN104":"First Name cannot be empty", "APPEID105":"Email cannot be empty", "APPPSWD106":"Password cannot be empty", "APPLLIMIT108":"Last name should be less than 30 characters", "APPFLIMIT109":"First name should be less than 30 characters", "T001":"An error has occurred while creating the account. Please contact System Administrator.","T002":"An error has occurred while creating the account. Please contact system administrator.","T003":"An error has occurred while creating the account. Please contact system administrator.","T004":"An error has occurred while creating the account. Please contact system administrator.","FN01":"First name not provided","LN01":"Last name not provided","EM01":"Email address not provided","EM02":"Please enter a valid email address","EM03":"Please enter a valid email address","EM04":"An account already exists for this email address.","EM06":"We need more information to complete your request; please contact Member Services at service@acs.org.","UN01":"User name should be alphanumeric,4 to 16 characters long and can contain special characters'_','-','.'or'@'","UN02":"User name should be alphanumeric,4 to 16 characters long and can contain special characters'_','-','.'or'@'","UN03":"An account already exists for this username.","UN04":"An account already exists for this username. ", "UN05":"User not found","INVALUNAME02": "Invalid Username", "PW01":"Password not provided", "PW02":"Password must use both numbers and letters and be 4 to 16 characters long. It can contain special characters '_','-','.' or '@'", "MN01":"Member number not found. Please enter a valid member number.", "MN02":"Please enter a valid member number. Member numbers are numerical and 9 characters long.", "E001":"Email and last name do not match", "E002":"Email, last name, and member number do not match", "E003":"Email and member number do not match", "CL01":"An error has occurred while creating the account. Please contact system administrator.","CONFIRMPSWD":"Password and Confirm password must match.", "CL02":"An error has occurred while creating the account. Please contact system administrator.", "X001":"An error has occurred while creating the account. Please contact system administrator.", "X002":"An error has occurred while creating the account. Please contact system administrator.", "X003":"An error has occurred while creating the account. Please contact system administrator." ,"INVALUNAME01":"Username should be alphanumeric and can contain special characters '_','-','.' or '@'", "INVALLNAME01":"Last Name should be alphanumeric, not more than 30 characters long and can contain special characters '_','-'", "INVALFNAME01":"First Name should be alphanumeric, not more than 30 characters long and can contain special characters '_','-'"}; localStorage.setItem("errorCodesStore",JSON.stringify(createAccountJson)); var contextPath = 'https://orgsearch.acs.org/acsoipui'; $(function(){ createAccount.init(contextPath); }); </script> <script> var userTypeForAjax=""; function showSignUpModal(type){ ClosePop(); var acsType = "240101_cen_paywall_a" ; var url = window.top.location.href; var redirect_url = "?redirect_url="+encodeURIComponent(url); var source_code = "&sourcecode="+acsType; var redirectPath ="https://account.acs.org/ssoamweb/account/doSignUp?url_success=https%3A%2F%2Fmembershipdev.acs.org%2Finline%2Fmembership%2F"; redirectPath+=encodeURIComponent(redirect_url)+encodeURIComponent(source_code); redirectPath+="&url_cancel="+encodeURIComponent(url); window.top.location.href = redirectPath; } if(window.frameElement) { window.ClosePop = function(){ window.parent.ClosePop(); } } </script> </div> <div class="membershipCategories aem-GridColumn aem-GridColumn--default--12"> <script> var returnToCenLabel = "Return to C%26EN" ; var ctaPath = " https://membership.join.acs.org "; var ctaPath2 = "https://membership.acs.org/inline/membership/ "; var acsType = "240101_cen_paywall_a" ; </script> <div class="modal-dialog modal-dialog-membership reveal large" id="membership-modal" data-close-on-click="false" data-close-on-esc="true" data-reveal> <div class="modal-option"> <div class="modal-content"> <button class="close-button membership-cta-click membership-cta-galabels " data-close data-memtype="x" aria-label="Close modal" type="button"> <span aria-hidden="true">&times;</span> </button> <div class="modal-header"> </div> <div class="membership-modal-hr show-for-small-only"></div> <div class="modal-body"> <div class="grid-container membership-parent-common membership-rev membership-large" id="A"> <div class="modal-body-header grid-x"> <div class="large-12 medium-12 small-12 cell"> <p class="membership-membersubtext"> <span class="membership-discount-text text-left"></span></p> </div> <div class="large-12 medium-12 small-12 cell"> <h2 class="member-text">Cyber Savings Season: Get 30% off ACS membership with promo code CYBER24. Offer valid though Dec. 11.</h2> </div> <div class="large-12 medium-12 small-12 cell"> <h4 class="modal-heading-signup">Access more articles now. Choose the ACS option that’s right for you. <span class="membership-discount-text text-left"></span></h4> </div> <div class="large-12 medium-12 small-12 cell"> <p class="membership-subheader"> Already an ACS Member? <a class="membership-login-cta membership-cta-click membership-cta-galabels" onclick="$('.reveal').foundation('close');showloginpopup(true); return false;" href="#">Log in here</a> &nbsp; </p> </div> <div class="large-12 medium-12 small-12 cell membership-prices-box"> <div class=""> <div class="grid-x"> <div class="large-4 medium-4 small-12 cell top-margin-20"> <div class="large-12 medium-12 small-12 cell membership-box"> <div class="membership-type">Basic</div> <div class="membership-headline-bottom"></div> <div class="membership-price-2 basic-pkg"> <p><b>$0 </b>Community Associate<br /> </p> </div> </div> <div class="large-12 medium-12 small-12 cell text-left top-margin-10"> <div class="membership-benifits text-left top-basic-margin-10"> <p><b>ACS’s Basic Package keeps you connected with C&amp;EN and ACS.</b></p> <ul><li>Access to 6 digital C&amp;EN articles per month on cen.acs.org</li><li>Weekly delivery of the C&amp;EN Essential newsletter</li></ul> </div> </div> <a href="#" class="communityMembership-cta membership-cta-click" data-memtype="Basic Package">JOIN NOW</a><br/> </div> <div class="large-4 medium-4 small-12 cell top-margin-20"> <div class="large-12 medium-12 small-12 cell membership-box"> <div class="membership-type">Standard</div> <div class="membership-headline-bottom"></div> <div class="membership-price-2 standard-pkg"> <p><b>$80</b> Regular Members &amp; Society Affiliates</p> </div> </div> <div class="large-12 medium-12 small-12 cell text-left top-margin-10"> <div class="membership-benifits text-left top-margin-10"> <p><b>ACS’s Standard Package lets you stay up to date with C&amp;EN, stay active in ACS, and save.</b></p> <ul><li>Access to 10 digital C&amp;EN articles per month on cen.acs.org</li><li>Weekly delivery of the digital C&amp;EN Magazine</li><li>Access to our <a href="https://cen.acs.org/static/about/mobile.html">Chemistry News by C&amp;EN mobile app</a></li></ul> <div><b>Eligibility restrictions apply. Review <a href="https://www.acs.org/membership/member-benefits.html">ACS Membership Packages</a> to see if you qualify.</b><br /> <br /> </div> </div> </div> <a href="#" class="membership-cta membership-cta-click" data-memtype="Standard Package">JOIN NOW</a><br/> </div> <div class="large-4 medium-4 small-12 cell top-margin-20"> <div class="large-12 medium-12 small-12 cell membership-box"> <div class="membership-type"> Premium</div> <div class="membership-headline-bottom"></div> <div class="membership-price-2"> <p><b>$160 </b>Regular Members &amp; Society Affiliates<br /> <b>$55</b> Graduate Students<br /> <b>$25</b> Undergraduate Students</p> </div> </div> <div class="large-12 medium-12 small-12 cell text-left top-margin-10"> <div class="membership-benifits text-left top-margin-10"> <p><b>ACS’s Premium Package gives you full access to C&amp;EN and everything the ACS Community has to offer.</b></p> <ul><li>Unlimited access to C&amp;EN’s daily news coverage on cen.acs.org</li><li>Weekly delivery of the C&amp;EN Magazine in print or digital format</li><li>Access to our <a href="https://cen.acs.org/static/about/mobile.html">Chemistry News by C&amp;EN mobile app</a></li><li>Significant discounts on registration for most ACS-sponsored meetings</li></ul> <div><b>ACS offers discounts for some countries outside the United States. This discount is shown at checkout, if applicable.</b><br /> <br /> </div> </div> </div> <a href="#" class="membership-cta membership-cta-click" data-memtype="Premium Package">JOIN NOW</a><br/> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> if(window.frameElement) { window.openMembershipmodal = function(){ $('.reveal').foundation('close'); $('#membership-modal').foundation('open'); } } </script></div> <div class="thankYouModal aem-GridColumn aem-GridColumn--default--12"> <div class="modal-dialog thankyou-modal reveal tiny" id="thankyou-modal" data-close-on-click="false" data-close-on-esc="false" data-reveal> <div class="modal-option"> <div class="modal-content"> <div class="modal-header"> </div> <div class="modal-body"> <div class="grid-container"> <div class="modal-body-header grid-x"> <div class="large-12 medium-12 small-12 cell text-center"> <h2 class="thankyou-header"> Thank you! </h2> <img src="/content/dam/acs-cen-redesign/logo/flask.png" class="thankyou-image"/> <p class="thankyou-membersubtext"> Your account has been created successfully, and a confirmation email is on the way. </p> <p class="thankyou-membersubtext"> Your username is now your ACS ID. </p> <div class="large-8 medium-8 small-12 cell top-margin1 text-center"> <a class="thankyou-cta" id="thank-you-continue-reading-cta" href="#"> <span aria-hidden="true" id="thank-you-submit-text"> CONTINUE READING <!-- conditional text after registration --> <!-- <sly data-sly-test="ENJOY UNLIMITED ACCES TO C&amp;EN"> <a href="#">ENJOY UNLIMITED ACCES TO C&amp;EN</a> </sly> --> </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> <span id="unlimited-thank-you-text" class="hide">ENJOY UNLIMITED ACCES TO C&amp;EN</span> </div> </div> </div> </div> </div> <div class="responsivegrid aem-GridColumn--default--none aem-GridColumn aem-GridColumn--default--8 aem-GridColumn--offset--default--2"> <div class="aem-Grid aem-Grid--8 aem-Grid--default--8 "> <div class="htmlComponent aem-GridColumn aem-GridColumn--default--8"> <script> const currentYear = "2024"; </script> <div class="sticky-header" id="myHeader"> <p class="sticky-header-title"><a href="https://cen.acs.org/business/finance/CENs-Global-Top-50-2024/102/i22">Global Top 50 Chemical Companies of <script>document.write(currentYear);</script></a></p> <select name="nav-select" id="nav-select"> <option value="">More Datasets & Analysis</option> <option value="https://cen.acs.org/sections/us-top-50.html">Data: US Top 50 Chemical Companies of 2024</option> <option value="https://cen.acs.org/business/finance/CENs-Global-Top-50-2024/102/i22">Story: Global Top 50 Chemical Companies 2024</option> <option value="https://cen.acs.org/business/finance/CENs-Global-Top-50-2023/101/i24">Story: Global Top 50 Chemical Companies 2023</option> <option value="https://cen.acs.org/business/finance/CENs-Global-Top-50-2022/100/i26">Story: Global Top 50 Chemical Companies 2022</option> <option value="https://cen.acs.org/business/finance/CENs-Global-Top-50-2021/99/i27">Story: Global Top 50 Chemical Companies 2021</option> <option value="https://cen.acs.org/business/finance/CENs-Global-Top-50-2020/98/i29">Story: Global Top 50 Chemical Companies 2020</option> <option value="https://cen.acs.org/business/finance/CENs-Global-Top-50-chemical/97/i30">Story: Global Top 50 Chemical Companies 2019</option> <option value="https://cen.acs.org/business/finance/CENs-Global-Top-50-chemical/96/i31">Story: Global Top 50 Chemical Companies 2018</option> <option value="https://cen.acs.org/articles/95/i30/CENs-Global-Top-50.html">Story: Global Top 50 Chemical Companies 2017</option> <option value="https://cen.acs.org/articles/94/i30/CENs-Global-Top-50.html">Story: Global Top 50 Chemical Companies 2016</option> <option value="https://cen.acs.org/articles/93/i30/Global-Top-50.html">Story: Global Top 50 Chemical Companies 2015</option> <option value="https://cen.acs.org/articles/92/i30/CENs-Global-Top-50-Chemical.html">Story: Global Top 50 Chemical Companies 2014</option> <option value="https://cen.acs.org/articles/91/i30/Global-Top-50.html">Story: Global Top 50 Chemical Companies 2013</option> </select> </div> <div class="top-50-companies"> <div class="company-list" id="company-list"></div> <div class="company-top-info"> <button id="company-list-mobile-button" class="company-list-mobile-button">Show Company List</button> <div class="company-blurb" id="company-blurb"> <h3 id="blurb-title"></h3> <div id="blurb-subtitles"> <div id="blurb-subtitle-hq"></div> <div id="blurb-subtitle-sector"></div> </div> <p id="blurb-text"></p> </div> <div class="company-list-2" id="company-list-2"></div> <div class="company-sales" id="company-sales"> <div id="bar1Label" class="no-data-label hidden"> <b>Chemical Sales data unavailable</b> </div> <canvas id="bar1" aria-label="Bar Chart 'Chemical Sales' showing the chemical sales in Millions of Dollars for the selected company. See specific data below." role="img"></canvas> <span id="bar1-description" role="img" aria-label=""></span> </div> </div> </div> <div class="company-graphs"> <div class="company-bar" id="company-operating-income"> <div id="bar2Label" class="no-data-label hidden"> <b>Chemical Operating Income data unavailable</b> </div> <canvas id="bar2" aria-label="Bar Chart 'Chemical Operating Income' showing the chemical operating income in Millions of Dollars for the selected company. See specific data below." role="img"></canvas> <span id="bar2-description" role="img" aria-label=""></span> </div> <div class="company-bar" id="company-assets"> <div id="bar3Label" class="no-data-label hidden"> <b>Chemical Assets data unavailable</b> </div> <canvas id="bar3" aria-label="Bar Chart 'Chemical Assets' showing the chemical assets in Millions of Dollars for the selected company. See specific data below." role="img"></canvas> <span id="bar3-description" role="img" aria-label=""></span> </div> <div class="company-bar" id="company-spending"> <div id="bar4Label" class="no-data-label hidden"> <b>Company Spending data unavailable</b> </div> <canvas id="bar4" aria-label="Bar Chart 'Company Spending' showing the company spending in Millions of Dollars for the selected company. See specific data below." role="img"></canvas> <span id="bar4-description" role="img" aria-label=""></span> </div> <div class="company-bar" id="company-rd"> <div id="bar5Label" class="no-data-label hidden"> <b>R&D Spending data unavailable</b> </div> <canvas id="bar5" aria-label="Bar Chart 'R&D Spending' showing the R&D spending in Millions of Dollars for the selected company. See specific data below." role="img"></canvas> <span id="bar5-description" role="img" aria-label=""></span> </div> </div> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script> const filePath = '/etc.clientlibs/cen-cloud/clientlibs/clientlib_main/resources/cen/features/top-50-global/' + currentYear + '/GLOBALTOP50-' + currentYear + '.json'; var jsonObject; var bar1Data; var bar1Note; var bar1NoteShow; var bar1Chart; var bar1Description; var bar2Data; var bar2Note; var bar2NoteShow; var bar2Chart; var bar2Description; var bar3Data; var bar3Note; var bar3NoteShow; var bar3Chart; var bar3Description; var bar4Data; var bar4Note; var bar4NoteShow; var bar4Chart; var bar4Description; var bar5Data; var bar5Note; var bar5NoteShow; var bar5Chart; var bar5Description; var selectedCompany = 1; var sortedArray = []; $.getJSON(filePath, function(data) { jsonObject = Object.values(data)[0]; for (var key in jsonObject) { var currentObject = jsonObject[key]; var rank = currentObject.Rank[currentYear]; var index = rank - 1; // Check recursively for the next available index if a tie exists while (sortedArray[index]) { index++; } sortedArray[index] = currentObject; } // Generate the HTML for the scrollable list var html = ''; var html2 = ''; for (var i = 0; i < sortedArray.length; i++) { var company = sortedArray[i]; var rank = company["Rank"][currentYear]; if (company["Rank"][String(parseInt(currentYear) - 1)] == "--") { var rankDiff = 0; } else { var rankDiff = company["Rank"][String(parseInt(currentYear) - 1)] - company["Rank"][currentYear]; } var rankDiffColor = rankDiff === 0 ? "" : (rankDiff < 0 ? "#ec272d" : "#418545"); var rankDiffArrow = rankDiff === 0 ? "" : (rankDiff < 0 ? "▼" : "▲"); if (rank == selectedCompany) { html += '<div id="' + i + '" class="company selected" onclick="handleClick(' + i + ')">'; html2 += '<div id="' + i + '-2" class="company selected" onclick="handleClick(' + i + ')">'; } else { html += '<div id="' + i + '" class="company" onclick="handleClick(' + i + ')">'; html2 += '<div id="' + i + '-2" class="company" onclick="handleClick(' + i + ')">'; } html += '<span class="rank">' + rank + '</span>'; html2 += '<span class="rank">' + rank + '</span>'; if (rankDiff != 0) { html += '<span class="rank-diff" style="color:' + rankDiffColor + '">' + rankDiffArrow + ' ' + Math.abs(rankDiff) + '</span>'; html2 += '<span class="rank-diff" style="color:' + rankDiffColor + '">' + rankDiffArrow + ' ' + Math.abs(rankDiff) + '</span>'; } else { html += '<span class="rank-diff"> </span>'; html2 += '<span class="rank-diff"> </span>'; } html += '<span class="name"><b>' + company.Company + '</b></span>'; html2 += '<span class="name"><b>' + company.Company + '</b></span>'; html += '<span class="info"><b>HQ:</b> ' + company.Headquarters + '<br><b>Sector:</b> ' + company.Sector + '</span>'; html2 += '<span class="info"><b>HQ:</b> ' + company.Headquarters + '<br><b>Sector:</b> ' + company.Sector + '</span>'; html += '</div>'; html2 += '</div>'; if (rank == selectedCompany) { var blurb = document.getElementById("company-blurb"); blurb.classList.remove("company-blurb-no-bio"); blurb.classList.add("company-blurb"); var sales = document.getElementById("company-sales"); sales.classList.remove("company-sales-no-bio"); sales.classList.add("company-sales"); document.getElementById("blurb-title").innerHTML = company.Company; document.getElementById("blurb-subtitle-hq").innerHTML = "<b>HQ:</b> " + company.Headquarters; document.getElementById("blurb-subtitle-sector").innerHTML = "<b>Sector:</b> " + company.Sector; document.getElementById("blurb-text").innerHTML = company.Blurb; bar1Note = generateBar1Note(company); bar2Note = generateBar2Note(company); bar3Note = generateBar3Note(company); bar4Note = generateBar4Note(company); bar5Note = generateBar5Note(company); if (bar1Note == "") { bar1NoteShow = false; } else { bar1NoteShow = true; } if (bar2Note == "") { bar2NoteShow = false; } else { bar2NoteShow = true; } if (bar3Note == "") { bar3NoteShow = false; } else { bar3NoteShow = true; } if (bar4Note == "") { bar4NoteShow = false; } else { bar4NoteShow = true; } if (bar5Note == "") { bar5NoteShow = false; } else { bar5NoteShow = true; } bar1Description = generateBar1Description(company); bar2Description = generateBar2Description(company); bar3Description = generateBar3Description(company); bar4Description = generateBar4Description(company); bar5Description = generateBar5Description(company); bar1Data = generateBar1Data(company); bar2Data = generateBar2Data(company); bar3Data = generateBar3Data(company); bar4Data = generateBar4Data(company); bar5Data = generateBar5Data(company); document.getElementById("bar1").setAttribute("aria-label", "Bar Chart 'Chemical Sales' showing the chemical sales in Millions of Dollars for " + company.Company + ". See specific data below."); document.getElementById("bar2").setAttribute("aria-label", "Bar Chart 'Chemical Operating Income' showing the chemical operating income in Millions of Dollars for " + company.Company + ". See specific data below."); document.getElementById("bar3").setAttribute("aria-label", "Bar Chart 'Chemical Assets' showing the chemical assets in Millions of Dollars for " + company.Company + ". See specific data below."); document.getElementById("bar4").setAttribute("aria-label", "Bar Chart 'Company Spending' showing the company spending in Millions of Dollars for " + company.Company + ". See specific data below."); document.getElementById("bar5").setAttribute("aria-label", "Bar Chart 'R&D Spending' showing the R&D spending in Millions of Dollars for " + company.Company + ". See specific data below."); } } document.getElementById("bar1-description").setAttribute("aria-label", bar1Description); document.getElementById("bar2-description").setAttribute("aria-label", bar2Description); document.getElementById("bar3-description").setAttribute("aria-label", bar3Description); document.getElementById("bar4-description").setAttribute("aria-label", bar4Description); document.getElementById("bar5-description").setAttribute("aria-label", bar5Description); document.getElementById("company-list").innerHTML = html; document.getElementById("company-list-2").innerHTML = html2; const bar1 = document.getElementById('bar1'); bar1Chart = new Chart(bar1, { type: 'bar', data: bar1Data, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false, position: 'top', }, title: { display: true, text: 'Chemical Sales', font: { size: 16 } }, tooltip: { titleFont: { size: 16 }, bodyFont: { size: 24 }, footerFont: { size: 16 }, displayColors: false, callbacks: { label: function(context) { let label = "$" + context.formattedValue + " million"; return label; }, footer: function(tooltipItems) { let footer = ""; const previousYear = bar1Data.labels[tooltipItems[0].dataIndex - 1]; if (previousYear) { const currentYear = tooltipItems[0].label; const isConsecutiveYear = parseInt(currentYear) === (parseInt(previousYear) + 1); if (isConsecutiveYear) { const currentYearValue = parseInt(tooltipItems[0].parsed.y); const previousYearValue = parseInt(bar1Data.datasets[tooltipItems[0].datasetIndex].data[tooltipItems[0].dataIndex - 1]); const percentageChange = ((currentYearValue - previousYearValue) / previousYearValue) * 100; if (percentageChange > 0) { footer += `Change from ` + previousYear + `: ${percentageChange.toFixed(1)}% ▲`; } else if (percentageChange < 0) { footer += `Change from ` + previousYear + `: ${percentageChange.toFixed(1)}% ▼`; } else { footer += `Change from ` + previousYear + `: ${percentageChange.toFixed(1)}%`; } } } if (footer != "") { return footer; } else { return ""; } } }, }, subtitle: { display: bar1NoteShow, text: bar1Note, position: 'bottom', padding: { top: 5, bottom: 10, left: 10, right: 10 } } }, scales: { x: { title: { display: true, align: 'center', text: 'Year' }, grid: { display: false } }, y: { title: { display: true, align: 'center', text: 'Dollars (millions)' } } } } }); const bar2 = document.getElementById('bar2'); bar2Chart = new Chart(bar2, { type: 'bar', data: bar2Data, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false, position: 'top', }, title: { display: true, text: 'Chemical Operating Income', font: { size: 16 } }, tooltip: { titleFont: { size: 16 }, bodyFont: { size: 24 }, footerFont: { size: 16 }, displayColors: false, callbacks: { label: function(context) { let label = "$" + context.formattedValue + " million"; return label; }, footer: function(tooltipItems) { let footer = ""; let profitMargin = ""; const previousYear = bar2Data.labels[tooltipItems[0].dataIndex - 1]; if (previousYear) { const currentYear = tooltipItems[0].label; const isConsecutiveYear = parseInt(currentYear) === (parseInt(previousYear) + 1); if (isConsecutiveYear) { const currentYearValue = parseInt(tooltipItems[0].parsed.y); const previousYearValue = parseInt(bar2Data.datasets[tooltipItems[0].datasetIndex].data[tooltipItems[0].dataIndex - 1]); const percentageChange = ((currentYearValue - previousYearValue) / previousYearValue) * 100; if (percentageChange > 0) { footer += `Change from ` + previousYear + `: ${percentageChange.toFixed(1)}% ▲\n`; } else if (percentageChange < 0) { footer += `Change from ` + previousYear + `: ${percentageChange.toFixed(1)}% ▼\n`; } else { footer += `Change from ` + previousYear + `: ${percentageChange.toFixed(1)}%\n`; } } } const chemSales = bar1Data.datasets[tooltipItems[0].datasetIndex].data[tooltipItems[0].dataIndex]; if (chemSales) { var profMarNum = Math.round(((parseFloat(tooltipItems[0].parsed.y) / parseFloat(chemSales)) * 100) * 10) / 10 if (profMarNum > 0) { profitMargin += `Profit Margin: ${profMarNum}% ▲`; } else if (profMarNum < 0) { profitMargin += `Profit Margin: ${profMarNum}% ▼`; } else { profitMargin += `Profit Margin: ${profMarNum}%`; } } if (footer != "" && profitMargin != "") { return [footer, profitMargin]; } else if (footer == "" && profitMargin != "") { return profitMargin; } else if (footer != "" && profitMargin == "") { return footer; } else { return ""; } } } }, subtitle: { display: bar2NoteShow, text: bar2Note, position: 'bottom', padding: { top: 5, bottom: 10, left: 10, right: 10 } } }, scales: { x: { title: { display: true, align: 'center', text: 'Year' }, grid: { display: false } }, y: { title: { display: true, align: 'center', text: 'Dollars (millions)' } } } } }); const bar3 = document.getElementById('bar3'); bar3Chart = new Chart(bar3, { type: 'bar', data: bar3Data, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false, position: 'top', }, title: { display: true, text: 'Chemical Assets', font: { size: 16 } }, tooltip: { titleFont: { size: 16 }, bodyFont: { size: 24 }, footerFont: { size: 16 }, displayColors: false, callbacks: { label: function(context) { let label = "$" + context.formattedValue + " million"; return label; }, footer: function(tooltipItems) { let footer = ""; const previousYear = bar3Data.labels[tooltipItems[0].dataIndex - 1]; if (previousYear) { const currentYear = tooltipItems[0].label; const isConsecutiveYear = parseInt(currentYear) === (parseInt(previousYear) + 1); if (isConsecutiveYear) { const currentYearValue = parseInt(tooltipItems[0].parsed.y); const previousYearValue = parseInt(bar3Data.datasets[tooltipItems[0].datasetIndex].data[tooltipItems[0].dataIndex - 1]); const percentageChange = ((currentYearValue - previousYearValue) / previousYearValue) * 100; if (percentageChange > 0) { footer += `Change from ` + previousYear + `: ${percentageChange.toFixed(1)}% ▲`; } else if (percentageChange < 0) { footer += `Change from ` + previousYear + `: ${percentageChange.toFixed(1)}% ▼`; } else { footer += `Change from ` + previousYear + `: ${percentageChange.toFixed(1)}%`; } } } if (footer != "") { return footer; } else { return ""; } } }, }, subtitle: { display: bar3NoteShow, text: bar3Note, position: 'bottom', padding: { top: 5, bottom: 10, left: 10, right: 10 } } }, scales: { x: { title: { display: true, align: 'center', text: 'Year' }, grid: { display: false } }, y: { title: { display: true, align: 'center', text: 'Dollars (millions)' } } } } }); const bar4 = document.getElementById('bar4'); bar4Chart = new Chart(bar4, { type: 'bar', data: bar4Data, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false, position: 'top', }, title: { display: true, text: 'Capital Spending', font: { size: 16 } }, tooltip: { titleFont: { size: 16 }, bodyFont: { size: 24 }, footerFont: { size: 16 }, displayColors: false, callbacks: { label: function(context) { let label = "$" + context.formattedValue + " million"; return label; }, footer: function(tooltipItems) { let footer = ""; const previousYear = bar4Data.labels[tooltipItems[0].dataIndex - 1]; if (previousYear) { const currentYear = tooltipItems[0].label; const isConsecutiveYear = parseInt(currentYear) === (parseInt(previousYear) + 1); if (isConsecutiveYear) { const currentYearValue = parseInt(tooltipItems[0].parsed.y); const previousYearValue = parseInt(bar4Data.datasets[tooltipItems[0].datasetIndex].data[tooltipItems[0].dataIndex - 1]); const percentageChange = ((currentYearValue - previousYearValue) / previousYearValue) * 100; if (percentageChange > 0) { footer += `Change from ` + previousYear + `: ${percentageChange.toFixed(1)}% ▲`; } else if (percentageChange < 0) { footer += `Change from ` + previousYear + `: ${percentageChange.toFixed(1)}% ▼`; } else { footer += `Change from ` + previousYear + `: ${percentageChange.toFixed(1)}%`; } } } if (footer != "") { return footer; } else { return ""; } } }, }, subtitle: { display: bar4NoteShow, text: bar4Note, position: 'bottom', padding: { top: 5, bottom: 10, left: 10, right: 10 } } }, scales: { x: { title: { display: true, align: 'center', text: 'Year' }, grid: { display: false } }, y: { title: { display: true, align: 'center', text: 'Dollars (millions)' } } } } }); const bar5 = document.getElementById('bar5'); bar5Chart = new Chart(bar5, { type: 'bar', data: bar5Data, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false, position: 'top', }, title: { display: true, text: 'R&D Spending', font: { size: 16 } }, tooltip: { titleFont: { size: 16 }, bodyFont: { size: 24 }, footerFont: { size: 16 }, displayColors: false, callbacks: { label: function(context) { let label = "$" + context.formattedValue + " million"; return label; }, footer: function(tooltipItems) { let footer = ""; const previousYear = bar5Data.labels[tooltipItems[0].dataIndex - 1]; if (previousYear) { const currentYear = tooltipItems[0].label; const isConsecutiveYear = parseInt(currentYear) === (parseInt(previousYear) + 1); if (isConsecutiveYear) { const currentYearValue = parseInt(tooltipItems[0].parsed.y); const previousYearValue = parseInt(bar5Data.datasets[tooltipItems[0].datasetIndex].data[tooltipItems[0].dataIndex - 1]); const percentageChange = ((currentYearValue - previousYearValue) / previousYearValue) * 100; if (percentageChange > 0) { footer += `Change from ` + previousYear + `: ${percentageChange.toFixed(1)}% ▲`; } else if (percentageChange < 0) { footer += `Change from ` + previousYear + `: ${percentageChange.toFixed(1)}% ▼`; } else { footer += `Change from ` + previousYear + `: ${percentageChange.toFixed(1)}%`; } } } if (footer != "") { return footer; } else { return ""; } } }, }, subtitle: { display: bar5NoteShow, text: bar5Note, position: 'bottom', padding: { top: 5, bottom: 10, left: 10, right: 10 } } }, scales: { x: { title: { display: true, align: 'center', text: 'Year' }, grid: { display: false } }, y: { title: { display: true, align: 'center', text: 'Dollars (millions)' } } } } }); }); function handleClick(id) { // Remove selected class from previously selected company div var previousSelectedDiv = document.querySelectorAll(".company.selected"); if (previousSelectedDiv) { previousSelectedDiv.forEach(function(element) { element.classList.remove("selected"); }); } selectedCompany = id; var blurb = document.getElementById("company-blurb"); blurb.classList.remove("company-blurb-no-bio"); blurb.classList.add("company-blurb"); var sales = document.getElementById("company-sales"); sales.classList.remove("company-sales-no-bio"); sales.classList.add("company-sales"); // Update the selected company's information var company = sortedArray[id]; document.getElementById("blurb-title").innerHTML = company.Company; document.getElementById("blurb-subtitle-hq").innerHTML = "<b>HQ:</b> " + company.Headquarters; document.getElementById("blurb-subtitle-sector").innerHTML = "<b>Sector:</b> " + company.Sector; document.getElementById("blurb-text").innerHTML = company.Blurb; // Generate new data for the bar chart bar1Note = generateBar1Note(company); bar2Note = generateBar2Note(company); bar3Note = generateBar3Note(company); bar4Note = generateBar4Note(company); bar5Note = generateBar5Note(company); if (bar1Note == "") { bar1NoteShow = false; } else { bar1NoteShow = true; } if (bar2Note == "") { bar2NoteShow = false; } else { bar2NoteShow = true; } if (bar3Note == "") { bar3NoteShow = false; } else { bar3NoteShow = true; } if (bar4Note == "") { bar4NoteShow = false; } else { bar4NoteShow = true; } if (bar5Note == "") { bar5NoteShow = false; } else { bar5NoteShow = true; } bar1Description = generateBar1Description(company); bar2Description = generateBar2Description(company); bar3Description = generateBar3Description(company); bar4Description = generateBar4Description(company); bar5Description = generateBar5Description(company); bar1Data = generateBar1Data(company); bar2Data = generateBar2Data(company); bar3Data = generateBar3Data(company); bar4Data = generateBar4Data(company); bar5Data = generateBar5Data(company); // Update the bar chart bar1Chart.data = bar1Data; bar1Chart.options.plugins.subtitle.display = bar1NoteShow; bar1Chart.options.plugins.subtitle.text = bar1Note; bar1Chart.update(); bar2Chart.data = bar2Data; bar2Chart.options.plugins.subtitle.display = bar2NoteShow; bar2Chart.options.plugins.subtitle.text = bar2Note; bar2Chart.update(); bar3Chart.data = bar3Data; bar3Chart.options.plugins.subtitle.display = bar3NoteShow; bar3Chart.options.plugins.subtitle.text = bar3Note; bar3Chart.update(); bar4Chart.data = bar4Data; bar4Chart.options.plugins.subtitle.display = bar4NoteShow; bar4Chart.options.plugins.subtitle.text = bar4Note; bar4Chart.update(); bar5Chart.data = bar5Data; bar5Chart.options.plugins.subtitle.display = bar5NoteShow; bar5Chart.options.plugins.subtitle.text = bar5Note; bar5Chart.update(); document.getElementById("bar1").setAttribute("aria-label", "Bar Chart 'Chemical Sales' showing the chemical sales in Millions of Dollars for " + company.Company + ". See specific data below."); document.getElementById("bar2").setAttribute("aria-label", "Bar Chart 'Chemical Operating Income' showing the chemical operating income in Millions of Dollars for " + company.Company + ". See specific data below."); document.getElementById("bar3").setAttribute("aria-label", "Bar Chart 'Chemical Assets' showing the chemical assets in Millions of Dollars for " + company.Company + ". See specific data below."); document.getElementById("bar4").setAttribute("aria-label", "Bar Chart 'Company Spending' showing the company spending in Millions of Dollars for " + company.Company + ". See specific data below."); document.getElementById("bar5").setAttribute("aria-label", "Bar Chart 'R&D Spending' showing the R&D spending in Millions of Dollars for " + company.Company + ". See specific data below."); document.getElementById("bar1-description").setAttribute("aria-label", bar1Description); document.getElementById("bar2-description").setAttribute("aria-label", bar2Description); document.getElementById("bar3-description").setAttribute("aria-label", bar3Description); document.getElementById("bar4-description").setAttribute("aria-label", bar4Description); document.getElementById("bar5-description").setAttribute("aria-label", bar5Description); // Add selected class to the new selected company div var newSelectedDiv = document.getElementById(id); if (newSelectedDiv) { newSelectedDiv.classList.add("selected"); } var newSelectedDiv2 = document.getElementById(id + "-2"); if (newSelectedDiv2) { newSelectedDiv2.classList.add("selected"); } } function generateBar1Data(companyObject) { var labels = []; var data = []; var chemicalSales = companyObject["Chemical Sales"]; for (var year in chemicalSales) { if (chemicalSales[year] != "na" && chemicalSales[year] != "") { labels.push(year); data.push(chemicalSales[year]); } } var dataset = { label: 'Chemical Sales, Dollars (millions)', data: data, borderColor: '#125E91', backgroundColor: '#1779ba', hoverBorderColor: '#ec272d', hoverBackgroundColor: '#BC1016', borderWidth: 2 }; var bar1Label = document.getElementById('bar1Label'); var bar1Canvas = document.getElementById('bar1'); if (labels.length === 0) { bar1Label.classList.remove('hidden'); bar1Canvas.classList.add('hidden'); } else { bar1Label.classList.add('hidden'); bar1Canvas.classList.remove('hidden'); } return { labels: labels, datasets: [dataset] }; } function generateBar2Data(companyObject) { var labels = []; var data = []; var chemicalOperatingIncome = companyObject["Chemical Operating Income"]; for (var year in chemicalOperatingIncome) { if (chemicalOperatingIncome[year] != "na" && chemicalOperatingIncome[year] != "") { labels.push(year); data.push(chemicalOperatingIncome[year]); } } var dataset = { label: 'Chemical Operating Income, Dollars (millions)', data: data, borderColor: '#125E91', backgroundColor: '#1779ba', hoverBorderColor: '#ec272d', hoverBackgroundColor: '#BC1016', borderWidth: 2 }; var bar2Label = document.getElementById('bar2Label'); var bar2Canvas = document.getElementById('bar2'); if (labels.length === 0) { bar2Label.classList.remove('hidden'); bar2Canvas.classList.add('hidden'); } else { bar2Label.classList.add('hidden'); bar2Canvas.classList.remove('hidden'); } return { labels: labels, datasets: [dataset] }; } function generateBar3Data(companyObject) { var labels = []; var data = []; var chemicalAssets = companyObject["Chemical Assets"]; for (var year in chemicalAssets) { if (chemicalAssets[year] != "na" && chemicalAssets[year] != "") { labels.push(year); data.push(chemicalAssets[year]); } } var dataset = { label: 'Chemical Assets, Dollars (millions)', data: data, borderColor: '#125E91', backgroundColor: '#1779ba', hoverBorderColor: '#ec272d', hoverBackgroundColor: '#BC1016', borderWidth: 2 }; var bar3Label = document.getElementById('bar3Label'); var bar3Canvas = document.getElementById('bar3'); if (labels.length === 0) { bar3Label.classList.remove('hidden'); bar3Canvas.classList.add('hidden'); } else { bar3Label.classList.add('hidden'); bar3Canvas.classList.remove('hidden'); } return { labels: labels, datasets: [dataset] }; } function generateBar4Data(companyObject) { var labels = []; var data = []; var chemicalSpending = companyObject["Capital Spending"]; for (var year in chemicalSpending) { if (chemicalSpending[year] != "na" && chemicalSpending[year] != "") { labels.push(year); data.push(chemicalSpending[year]); } } var dataset = { label: 'Capital Spending, Dollars (millions)', data: data, borderColor: '#125E91', backgroundColor: '#1779ba', hoverBorderColor: '#ec272d', hoverBackgroundColor: '#BC1016', borderWidth: 2 }; var bar4Label = document.getElementById('bar4Label'); var bar4Canvas = document.getElementById('bar4'); if (labels.length === 0) { bar4Label.classList.remove('hidden'); bar4Canvas.classList.add('hidden'); } else { bar4Label.classList.add('hidden'); bar4Canvas.classList.remove('hidden'); } return { labels: labels, datasets: [dataset] }; } function generateBar5Data(companyObject) { var labels = []; var data = []; var chemicalRD = companyObject["R&D Spending"]; for (var year in chemicalRD) { if (chemicalRD[year] != "na" && chemicalRD[year] != "") { labels.push(year); data.push(chemicalRD[year]); } } var dataset = { label: 'R&D Spending, Dollars (millions)', data: data, borderColor: '#125E91', backgroundColor: '#1779ba', hoverBorderColor: '#ec272d', hoverBackgroundColor: '#BC1016', borderWidth: 2 }; var bar5Label = document.getElementById('bar5Label'); var bar5Canvas = document.getElementById('bar5'); if (labels.length === 0) { bar5Label.classList.remove('hidden'); bar5Canvas.classList.add('hidden'); } else { bar5Label.classList.add('hidden'); bar5Canvas.classList.remove('hidden'); } return { labels: labels, datasets: [dataset] }; } function generateBar1Note(companyObject) { var labels = []; var chemicalSales = companyObject["Chemical Sales"]; for (var year in chemicalSales) { if (chemicalSales[year] === "na" || chemicalSales[year] === "") { labels.push(year); } } if (labels.length > 0) { return "Note: Data not available for " + formatYears(labels); } else { return ""; } } function generateBar2Note(companyObject) { var labels = []; var chemicalOperatingIncome = companyObject["Chemical Operating Income"]; for (var year in chemicalOperatingIncome) { if (chemicalOperatingIncome[year] === "na" || chemicalOperatingIncome[year] === "") { labels.push(year); } } if (labels.length > 0) { return "Note: Data not available for " + formatYears(labels); } else { return ""; } } function generateBar3Note(companyObject) { var labels = []; var chemicalAssets = companyObject["Chemical Assets"]; for (var year in chemicalAssets) { if (chemicalAssets[year] === "na" || chemicalAssets[year] === "") { labels.push(year); } } if (labels.length > 0) { return "Note: Data not available for " + formatYears(labels); } else { return ""; } } function generateBar4Note(companyObject) { var labels = []; var chemicalSpending = companyObject["Capital Spending"]; for (var year in chemicalSpending) { if (chemicalSpending[year] === "na" || chemicalSpending[year] === "") { labels.push(year); } } if (labels.length > 0) { return "Note: Data not available for " + formatYears(labels); } else { return ""; } } function generateBar5Note(companyObject) { var labels = []; var chemicalRD = companyObject["R&D Spending"]; for (var year in chemicalRD) { if (chemicalRD[year] === "na" || chemicalRD[year] === "") { labels.push(year); } } if (labels.length > 0) { return "Note: Data not available for " + formatYears(labels); } else { return ""; } } function generateBar1Description(companyObject) { var description = "Chemical Sales in Millions of Dollars by Year. "; var years = []; var chemicalSales = companyObject["Chemical Sales"]; for (var year in chemicalSales) { if (chemicalSales[year] != "na" && chemicalSales[year] != "") { description += year + ": " + chemicalSales[year] + " million. "; } else { years.push(year); } } if (description == "Chemical Sales in Millions of Dollars by Year. ") { description = "Chemical Sales data unavailable. Graph is blank."; } if (years.length != 0) { description += "Data not available for " + formatYears(years); } return description; } function generateBar2Description(companyObject) { var description = "Chemical Operating Income in Millions of Dollars by Year. "; var years = []; var chemicalOperatingIncome = companyObject["Chemical Operating Income"]; for (var year in chemicalOperatingIncome) { if (chemicalOperatingIncome[year] != "na" && chemicalOperatingIncome[year] != "") { description += year + ": " + chemicalOperatingIncome[year] + " million. "; } else { years.push(year); } } if (description == "Chemical Operating Income in Millions of Dollars by Year. ") { description = "Chemical Operating Income data unavailable. Graph is blank."; } if (years.length != 0) { description += "Data not available for " + formatYears(years); } return description; } function generateBar3Description(companyObject) { var description = "Chemical Assets in Millions of Dollars by Year. "; var years = []; var chemicalAssets = companyObject["Chemical Assets"]; for (var year in chemicalAssets) { if (chemicalAssets[year] != "na" && chemicalAssets[year] != "") { description += year + ": " + chemicalAssets[year] + " million. "; } else { years.push(year); } } if (description == "Chemical Assets in Millions of Dollars by Year. ") { description = "Chemical Assets data unavailable. Graph is blank."; } if (years.length != 0) { description += "Data not available for " + formatYears(years); } return description; } function generateBar4Description(companyObject) { var description = "Capital Spending in Millions of Dollars by Year. "; var years = []; var chemicalSpending = companyObject["Capital Spending"]; for (var year in chemicalSpending) { if (chemicalSpending[year] != "na" && chemicalSpending[year] != "") { description += year + ": " + chemicalSpending[year] + " million. "; } else { years.push(year); } } if (description == "Capital Spending in Millions of Dollars by Year. ") { description = "Capital Spending data unavailable. Graph is blank."; } if (years.length != 0) { description += "Data not available for " + formatYears(years); } return description; } function generateBar5Description(companyObject) { var description = "R&D Spending in Millions of Dollars by Year. "; var years = []; var chemicalRD = companyObject["R&D Spending"]; for (var year in chemicalRD) { if (chemicalRD[year] != "na" && chemicalRD[year] != "") { description += year + ": " + chemicalRD[year] + " million. "; } else { years.push(year); } } if (description == "R&D Spending in Millions of Dollars by Year. ") { description = "R&D Spending data unavailable. Graph is blank."; } if (years.length != 0) { description += "Data not available for " + formatYears(years); } return description; } function formatYears(years) { let formattedYears = []; let consecutiveYears = []; for (let i = 0; i < years.length; i++) { if (years[i + 1] - years[i] === 1) { consecutiveYears.push(years[i]); } else { if (consecutiveYears.length > 0) { consecutiveYears.push(years[i]); formattedYears.push(consecutiveYears[0] + "-" + consecutiveYears[consecutiveYears.length - 1]); consecutiveYears = []; } else { formattedYears.push(years[i]); } } } if (formattedYears.length > 2) { return formattedYears.slice(0, -1).join(", ") + ", and " + formattedYears[formattedYears.length - 1]; } else if (formattedYears.length === 2) { return formattedYears[0] + " and " + formattedYears[1]; } else { return formattedYears[0]; } } document.addEventListener("DOMContentLoaded", function() { document.getElementById("company-list-mobile-button").addEventListener("click", function() { var companyList = document.getElementById("company-list-2"); var button = document.getElementById("company-list-mobile-button"); if (companyList.classList.contains("show-company-list-2")) { companyList.classList.remove("show-company-list-2"); button.innerHTML = "Show Company List"; } else { companyList.classList.add("show-company-list-2"); button.innerHTML = "Hide Company List"; } }); }); </script> <script> // header sticky when to scroll window.onscroll = function () { myFunction() }; var header = document.getElementById("myHeader"); var sticky = header.offsetTop; function myFunction() { if (window.innerWidth > 1200) { if (window.scrollY > headerNav.headerInitiPosition) { if ($("#div-gpt-ad-8773544-1").length > 0) { header.classList.add("sticky"); } else if ($(".leaderboard-top").length > 0) { header.classList.add("sticky"); } } else { header.classList.remove("sticky"); } } if (window.innerWidth <= 1200 && window.innerWidth > 1024) { if (window.scrollY > headerNav.headerInitiPosition && $("#div-gpt-ad-8773544-1").length > 0) { header.classList.add("sticky"); } else if (window.scrollY > 131 && $(".leaderboard-top").length > 0) { header.classList.add("sticky"); } else { header.classList.remove("sticky"); } } if (window.innerWidth <= 1024) { if (window.scrollY > 65 && $(".leaderboard-top").width() > 0) { header.classList.add("sticky"); } else if (window.scrollY > $('#div-gpt-ad-8773544-1').height() && $("#div-gpt-ad-8773544-1").length > 0) { header.classList.add("sticky"); } else { header.classList.remove("sticky"); } } }; function openInNewTab(url) { window.open(url, '_blank').focus(); } document.getElementById("nav-select").addEventListener("change", function() { var selectedValue = this.value; if (selectedValue !== "") { openInNewTab(selectedValue); } }); </script> <style> .sticky-header { width: 100%; height: 50px; padding: 0 150px; display: flex; flex-direction: row; justify-content: space-between; background: #1779ba; color: #fff; z-index: 100; box-shadow: 0 3px 3px #00000050; margin-top: 0px; } .sticky-header a{ color: #fff; } .sticky { position: fixed; top: 55px; width: 100%; opacity: 1 !important; transition: opacity .5s; animation: slide-in .5s; margin-top: 0px; } .sticky-header-title { font-size: 2rem; font-family: Scout Cond; line-height: 1; text-transform: uppercase; margin-top: auto; margin-bottom: auto; } #nav-select { width: 390px; line-height: 16px; margin-top: auto; margin-bottom: auto; font-weight: bold; border: 2px solid #000; box-sizing: border-box; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("https://www.slcg.com/images/icons/down-arrow.png") white no-repeat 96% !important; } #nav-select::-ms-expand { display: none; } #nav-select option { font-weight: bold; padding: 12px; } .top-50-companies { width: 100%; padding: 50px; display: flex; flex-flow: row wrap; justify-content: space-between; } .company-list { width: 480px; height: 775px; overflow-y: scroll; border: 1px solid #ccc; margin-right: 50px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; } .company-list-2 { display: none; overflow-y: scroll; border: 1px solid #ccc; margin-right: 50px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; } .company-list-mobile-button { display: none; } .company { display: flex; align-items: center; padding: 10px; border-bottom: 1px solid #ccc; cursor: pointer; } .selected { background-color: #eee; } .rank { width: 25px; } .rank-diff { width: 30px; font-size: 12px; } .name { width: 150px; margin-left: 20px; } .info { width: 205px; margin-left: 20px; } .no-data-label { width: 100%; height: 100%; display: flex; font-size: 28px; line-height: 28px; justify-content: center; justify-items: center; align-items: center; text-align: center; } .hidden { display: none !important; } .company-top-info { width: calc(100% - 540px); } .company-blurb { width: 100%; min-height: 375px; } #blurb-title { font-size: 3rem; font-family: Scout Cond; text-transform: uppercase; line-height: 1; color: #ec272d; } .company-blurb-no-bio { width: 100%; min-height: 100px; } .company-sales-no-bio { width: 100%; height: 675px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; } #blurb-subtitles { width: 100%; display: flex; flex-flow: row wrap; justify-content: left; margin-bottom: 15px; } #blurb-subtitle-hq { margin-right: 30px; font-size: 20px; line-height: 22px; } #blurb-subtitle-sector { margin-right: 30px; font-size: 20px; line-height: 22px; } .company-sales { width: 100%; height: 400px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; } .company-graphs { padding: 50px; padding-top: 0px; width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; } .company-bar { width: 48%; height: 400px; margin-bottom: 50px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; } @media only screen and (max-width: 1400px) { .sticky-header { padding: 0 20px; } .sticky-header-title { display: block; width: 100%; } #nav-select { width: auto; } } @media only screen and (max-width: 1200px) { .company-list { width: 385px; margin-right: 20px; } .company { font-size: 14px; } .rank { width: 20px; } .rank-diff { width: 25px; font-size: 11px; } .name { width: 100px; margin-left: 15px; } .info { width: 170px; } .company-top-info { width: calc(100% - 435px); } } @media only screen and (max-width: 1024px) { .sticky-header-title { font-size: 1.2rem; } } @media only screen and (max-width: 900px) { .top-50-companies { padding: 25px; } .company-graphs { padding: 25px; } .company-list { display: none; } .company-list-2 { width: 100%; height: 50vh; margin-bottom: 50px; margin-right: 0px; } .show-company-list-2 { display: block; } .company-list-mobile-button { display: block; margin-left: auto; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; font-weight: bolder; } .company-top-info { width: 100%; } .company-blurb { min-height: 0px; } #blurb-text { margin-bottom: 50px; } .company-bar { width: 100%; } .no-data-label { font-size: 24px; } .name { width: 40%; margin-left: 30px; } .info { width: 40%; } } @media only screen and (max-width: 675px) { .sticky-header { flex-direction: column; height: 85px; } .sticky-header-title { text-align: center; font-size: 1.5rem; } #nav-select { width: 100%; } .company-list-mobile-button { width: 100%; margin-bottom: 10px; } #blurb-subtitles { flex-flow: column; } #blurb-subtitle-hq { margin-right: 0px; margin-bottom: 10px; } #blurb-subtitle-sector { margin-right: 0px; } } @media only screen and (max-width: 600px) { .sticky-header-title { font-size: 1.2rem; } } @media only screen and (max-width: 490px) { .sticky-header-title { font-size: 1rem; } .name { margin-left: 10px; } .info { margin-left: 10px; } .no-data-label { font-size: 20px; } } @media only screen and (max-width: 420px) { .sticky-header { height: auto; padding: 10px; } .sticky-header-title { font-size: 1rem; margin-bottom: 10px; } .no-data-label { font-size: 20px; } } </style> </div> </div> </div> <div class="experiencefragment aem-GridColumn aem-GridColumn--default--12"> <div class="xf-content-height"> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="footer aem-GridColumn aem-GridColumn--default--12"> <script> $(document).ready(function () { $.dfp({ dfpID: '8868', sizeMapping: { 'my-size-mapping': [ { browser: [730, 0], ad_sizes: [[728, 90], [970, 90]] }, { browser: [0, 0], ad_sizes: [320, 50]} ] } }); if (document.documentElement.clientWidth <= 768){ $('#boxAD').removeClass('pull-left'); $('#boxAD').removeClass('pull-right'); $('#boxAD').attr('align', 'center'); $('#vRectAD').removeClass('pull-left'); $('#vRectAD').removeClass('pull-right'); $('#vRectAD').attr('align', 'center'); } }) </script> <footer> <div class="footer-box"> <div class="footer-box-container"> <div class="grid-x grid-padding-x"> <div class="small-12 medium-12 large-3 cell"> <a class="cen-logo-link" href="/"><img src="/content/dam/acs-cen-redesign/logo/cen-logo.png" class="cen-logo" alt="ACS"/></a> </div> <!-- ABOUT --> <div class="small-12 medium-4 large-3 cell"> <div class="footer-menu"> <h4 class="footer-title">ABOUT</h4><ul class="vertical menu"> <li class="verticle-menu-item"><a href="https://cen.acs.org/static/about/aboutus.html" class="menu-list">About us</a></li> <li class="verticle-menu-item"><a href="https://acsmediakit.org/" class="menu-list">Advertise</a></li> <li class="verticle-menu-item"><a href="https://cen.acs.org/static/about/contactus.html" class="menu-list">Contact C&amp;EN</a></li> </ul> </div> </div> <!-- FOLLOW US --> <div class="small-12 medium-4 large-3 cell"> <div class="footer-menu"> <h4 class="footer-title">Follow US</h4><ul class="social-link-footer"> <li class="social-list"> <div style="width:200px"> <ul class="social-link-footer"> <li class="social-list"> <a rel="noopener" class="social-list-link" href="https://www.facebook.com/CENews" target="_blank" title="Facebook"> <i class="fa fa-facebook social-link-icon"></i> </a> </li> </ul> <ul class="social-link-footer"> <li class="social-list"> <a rel="noopener" class="social-list-link" href="https://www.instagram.com/cenmag/" target="_blank" title="Instagram"> <i class="fa fa-instagram social-link-icon"></i> </a> </li> </ul> <ul class="social-link-footer"> <li class="social-list"> <a rel="noopener" class="social-list-link" href="https://twitter.com/cenmag" target="_blank" title="X"> <i class="fa fa-twitter social-link-icon"></i> </a> </li> </ul> <ul class="social-link-footer"> <li class="social-list"> <a rel="noopener" class="social-list-link" href="https://www.linkedin.com/showcase/c&en/" target="_blank" title="LinkedIn"> <i class="fa fa-linkedin social-link-icon"></i> </a> </li> </ul> </div> </li></ul> </div> </div> <!-- ACS --> <div class="small-12 medium-4 large-3 cell"> <div class="footer-menu"> <h4 class="footer-title"><a href="https://www.acs.org/"><img alt="ACS Chemistry for life" src="/content/dam/acs-cen-redesign/logo/acs.png" class="acs-logo" title="ACS: Chemistry for Life(&reg;)"/></a> </h4> <ul class="vertical menu"> <li class="verticle-menu-item"> <a class="menu-list" href="https://cen.acs.org/join-us.html">Join ACS</a> </li> <li class="verticle-menu-item"> <a class="menu-list" href="https://membership.renew.acs.org/membership/renewal/index/">Renew Membership</a> </li> <li class="verticle-menu-item"> <a class="menu-list" href="https://communities.acs.org/">ACS Network</a> </li> </ul> </div> </div> </div> <div class="grid-x grid-padding-x sign-up"> <script src="https://img.en25.com/i/livevalidation_standalone.compressed.js" type="text/javascript"> </script> <div class="large-4 medium-12 small-12 cell text-center text-wrapper"> <p class="signup-text">Sign up for C&amp;EN&#39;s must-read weekly newsletter</p> </div> <div class="large-6 medium-10 medium-offset-1 small-12 cell input-wrapper"> <div id="form_output"></div> <!-- https://s1913652004 old --> <!-- https://s341921710 new --> <form method="post" name="CENNonMemberSubscriptonWidget2023" onsubmit="setTimeout(function(){if(document.querySelector){var s=document.querySelector('form#form725 input[type=submit]');if(s){s.disabled=true;}}},100);return true;" id="form725" class="elq-form ng-pristine ng-valid search-box"> <div class="input-group"> <input id="elqFormName" value="CENNonMemberSubscriptonWidget2023" type="hidden" name="elqFormName"/> <input id="elqSiteId" value="341921710" type="hidden" name="elqSiteId"/> <input id="elqCampaignId" name="elqCampaignId" type="hidden"/> <input type="hidden" name="hiddenField" id="fe17219" value="hp"/> <input type="hidden" name="hiddenField2" id="fe17220" value="Footer"/> <label for="fe13257" class="label-position top" style="display:none;">Email Address<span class="required">*</span></label> <input type="email" id="fe13257" name="emailAddress" value="" syntax="EmailAddress" placeholder="Email Address" required="yes" class="input-group-field fe13257" style="padding-left:10px;"/> <button class="next input-group-button button" value="Submit" onclick="submit">Subscribe &raquo;</button> <span class="checkbox-span field-size-top-medium"> <span> <label class="checkbox-label checkbox-label-homepage newsLetterText"> <small class="checkbox-label-white" style="font-size:70%;">By clicking "Subscribe" you agree to receive C&EN's newsletter and provide permission for American Chemical Society (ACS Publications and C&EN) to email you in accordance with the <a href="https://www.acs.org/content/acs/en/privacy.html" target="_new">ACS Privacy Policy</a>.</small> </label> </span> </span> </div> </form> <script type="text/javascript"> $(document).ready(function () { $('#form725').on('submit', function(e) { e.preventDefault(); var elk = '341921710'; var elkFormName = $('#form725 #elqFormName').val(); var elkSiteID = $('#form725 #elqSiteId').val(); var elkCompainID = $('#form725 #elqCampaignId').val(); var src = $('#form725 #fe17220').val(); var hp = $('#form725 #fe17219').val(); var emailAddress = $('#form725 #fe13257').val(); if(elkFormName!='CENNonMemberSubscriptonWidget2023' || elkSiteID!="341921710" || elkCompainID!="" || src!='Footer' || hp!="hp"){ } else { $('#form725').attr('action','https://s'.concat(elk,'.t.eloqua.com/e/f2')); var elkpth = $('#form725').attr('action'); $.ajax({ url : elkpth || window.location.pathname, type: "GET", async: false, data: $(this).serialize(), success: function (data) { $("#form_output").html("<div class='thank-you'>Thank you for subscribing to the C&EN Weekly Newsletter!</div>"); document.getElementById("form725").reset(); }, error: function (jXHR, textStatus, errorThrown) { alert("This field is required"); } }); } }); }); </script> </div> <script> window.onpageshow = function (event) { if (event.persisted) { location.reload(); } }; </script> </div> </div> </div><!-- footer box closed --> <div class="footer-strip"> <div class="grid-x grid-padding-x"> <div class="large-7 medium-12 small-12 cell"> <p class="copyright"> Copyright © 2024 American Chemical Society. All Rights Reserved.</p> </div> <div class="large-5 medium-12 small-12 cell"> <ul class="menu-footer"> <li class="menu-footer-list"><a class="footer-list-item" href="/static/about/help.html">Help</a></li> <li class="menu-footer-list"><a class="footer-list-item" href="https://www.acs.org/content/acs/en/privacy.html">Privacy Policy</a></li> <li class="menu-footer-list"><a class="footer-list-item" href="https://www.acs.org/content/acs/en/terms.html">Terms of Use</a></li> </ul> </div> </div> </div><!-- footer-strip closed --> </footer> </div> </div> </div> </div> </div> </div> </div> </body> </html>

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