ng-border-footer

<!DOCTYPE html> <html lang="en-US"> <head> <title data-react-helmet="true">National Geographic Partners Support Center</title> <link data-react-helmet="true" rel="mask-icon" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/mask-icon.svg" color="#FFCC00"/> <link data-react-helmet="true" rel="shortcut icon" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon.ico"/> <link data-react-helmet="true" rel="apple-touch-icon" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-32x32.png"/> <link data-react-helmet="true" rel="apple-touch-icon-precomposed" sizes="32x32" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-32x32.png"/> <link data-react-helmet="true" rel="apple-touch-icon-precomposed" sizes="180x180" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-180x180.png"/> <base target="_blank"> <style> .ng_sharedIcon { height: 20px; width: 20px; background-position-x: 0px, 100vw; background-repeat: no-repeat; background-size: contain; } @media screen and (max-width: 768px){ .extra-padding { padding-bottom: 30px; } } </style> <script defer src="https://static.tech.disney.com/js/nr-aws-v3-prod-entjira.js"></script> </head> <body style="margin:0px;background:#000"> <div style="display: none;"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <symbol viewBox="-2 -2 29.12 40" id="ng-border-footer" xmlns="http://www.w3.org/2000/svg"> <title>ng-border-footer</title> <path d="M0 36V0h25.12v36H0zm21.49-3.63V3.62H3.62v28.75h17.87z" fill="#fc0"></path> </symbol> <symbol viewBox="-2 -2 270.9 270.9" id="social-facebook-footer" xmlns="http://www.w3.org/2000/svg"> <title>facebook</title> <path d="M252.2 0H14.7C6.6 0 0 6.6 0 14.7v237.4c0 8.1 6.6 14.7 14.7 14.7h127.8V163.6h-34.8v-40.3h34.8V93.6c0-34.5 21.1-53.2 51.8-53.2 10.4 0 20.8.5 31.1 1.6v36h-21.3c-16.8 0-20 8-20 19.6v25.7H224l-5.2 40.3h-34.7v103.3h68c8.1 0 14.7-6.6 14.7-14.7V14.7c.1-8.1-6.5-14.7-14.6-14.7z" fill="currentColor"></path> </symbol> <symbol viewBox="-2 -2 121.67 230.58" id="social-facebook-footer-f" xmlns="http://www.w3.org/2000/svg"> <path d="M76.37 226.59V123.23h34.7l5.19-40.28H76.37V57.24c0-11.66 3.24-19.61 20-19.61h21.3v-36A285.42 285.42 0 0 0 86.59.04c-30.75 0-51.81 18.77-51.81 53.24v29.71H0v40.28h34.78v103.32h41.6z" fill="currentColor"></path> </symbol> <symbol viewBox="-2 -2 277.38 226.18" id="social-twitter-footer" xmlns="http://www.w3.org/2000/svg"> <title>twitter</title> <path d="M273.38 26.2a112.12 112.12 0 0 1-32.21 8.83 56.25 56.25 0 0 0 24.66-31 112.3 112.3 0 0 1-35.62 13.61 56.14 56.14 0 0 0-95.56 51.13 159.24 159.24 0 0 1-115.66-58.6 56.15 56.15 0 0 0 17.39 74.88 55.86 55.86 0 0 1-25.41-7v.71a56.12 56.12 0 0 0 45 55 56.23 56.23 0 0 1-25.33 1 56.15 56.15 0 0 0 52.4 39 112.54 112.54 0 0 1-69.66 24 114.17 114.17 0 0 1-13.39-.78 158.76 158.76 0 0 0 86 25.2c103.17 0 159.58-85.47 159.58-159.59q0-3.65-.16-7.26a114 114 0 0 0 27.97-29.13z" fill="currentColor"></path> </symbol> <symbol id="social-instagram-footer" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 229.84 227.9"> <title>instagram</title> <path d="M115,20.52c30.45,0,34.06.13,46,.67,11.13.49,17.14,2.36,21.15,3.92a35.25,35.25,0,0,1,13.09,8.5,35.72,35.72,0,0,1,8.55,13.09c1.56,4,3.43,10.06,3.92,21.15.53,12,.67,15.63.67,46s-.13,34.06-.67,46c-.49,11.13-2.36,17.14-3.92,21.15a35.25,35.25,0,0,1-8.5,13.09,35.72,35.72,0,0,1-13.09,8.55c-4,1.56-10.06,3.43-21.15,3.92-12,.53-15.63.67-46,.67s-34.06-.13-46-.67c-11.13-.49-17.14-2.36-21.15-3.92a35.25,35.25,0,0,1-13.09-8.5,35.72,35.72,0,0,1-8.55-13.09c-1.56-4-3.43-10.06-3.92-21.15-.53-12-.67-15.63-.67-46s.13-34.06.67-46c.49-11.13,2.36-17.14,3.92-21.15a35.25,35.25,0,0,1,8.5-13.09,35.72,35.72,0,0,1,13.09-8.55c4-1.56,10.06-3.43,21.15-3.92,12-.53,15.58-.67,46-.67M115,0C84,0,80.17.13,68,.67S47.58,3.16,40.37,6A55.63,55.63,0,0,0,20.16,19.14,55.84,55.84,0,0,0,7,39.31C4.18,46.57,2.22,54.85,1.68,67S1,83,1,114s.13,34.81.67,47S4.18,181.38,7,188.59A55.63,55.63,0,0,0,20.16,208.8a55.71,55.71,0,0,0,20.17,13.13c7.26,2.8,15.54,4.76,27.65,5.3s16,.67,47,.67,34.81-.13,47-.67,20.43-2.49,27.65-5.3a58.23,58.23,0,0,0,33.3-33.3c2.8-7.26,4.76-15.54,5.3-27.65s.67-16,.67-47-.13-34.81-.67-47-2.49-20.43-5.3-27.65a53.38,53.38,0,0,0-13-20.26A55.71,55.71,0,0,0,189.65,6c-7.26-2.8-15.54-4.76-27.65-5.3S145.93,0,115,0Z"></path> <path d="M115,55.43A58.54,58.54,0,1,0,173.53,114,58.56,58.56,0,0,0,115,55.43Zm0,96.52a38,38,0,1,1,38-38A38,38,0,0,1,115,151.95Z"></path> <circle cx="175.85" cy="53.11" r="13.67"></circle> </symbol> </svg> </div> <script> // CONSTANTS const NA = "not applicable"; const getCookieValue = (name) => ( document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop() || '' ); var referer = document.referrer; if(referer === ''){ referer = 'natgeo:help:hub'; } // DATALAYER CONFIGURATION const _dl = { "site": { "site": "natgeo", "portal": "natgeo", "orientation": window.matchMedia("(orientation: landscape)").matches ? "landscape" : "portrait", "language": "en", "rsid": 'fsnatgeowebprod' }, "page": { "author": NA, "content_last_update_date": NA, "content_publish_date": NA, "content_type": "help", "editorial_ad_keywords": "no ad keywords", "editorial_audiences": "General", "editorial_concepts": "no concepts", "editorial_events": "no events", "editorial_first_subject": "no first subject", "editorial_genre": "no genres", "editorial_location": "no locations", "editorial_organization": "no organizations", "editorial_other_subjects": "no other subjects", "editorial_people": "no people", "editorial_series": "no series", "editorial_source": "no source", "entitlements": NA, "lead_type": "no lead type", "mktg_campaign": NA, "page": "homepage", "page_id": NA, "page_id_source": NA, "page_infrastructure": "salesforce", "page_name": "natgeo:help:" + (window.location.pathname.replace(/\//g,":").replace(/^\:|\:$/,"") || "hub"), "page_url": window.location.href, "page_title": document.title, "platform": "web", "prev_click": NA, "prev_page": referer, "section1": NA, "section2": NA, "story_id": NA, "story_title": document.title, "word_count": NA }, "visitor": { "swid": getCookieValue("SWID"), "unid": NA }, "pzn": { "login_status": "logged out" }, //Needed for if Data Layer is set up before Bootstrap.js is loaded "pageViewed": true, "envName": "prod", }; // END OF DATA LAYER CONFIGURATION // SUBSCRIBE AND PUBLISH METHODS _dl.subscribe = function(eventName, callback) { document.addEventListener("__dataLayer." + eventName, function(e) { if (e && e.detail) callback.apply(__dataLayer, e.detail); }); }; _dl.publish = function(eventName) { var args = Array.prototype.splice.apply(arguments, [1, arguments.length]), event = new CustomEvent("__dataLayer." + eventName, { detail: args || [] }); document.dispatchEvent(event); }; // HELPERS FOR PAGE VIEWS AND CMP BANNER _dl.trackPage = function() { window.__dataLayer.pageViewed = true; window.__dataLayer.publish('pageView'); }; _dl.OneTrustDialog = function(t) { var n = window.OneTrust; n && n.loaded && (t.preventDefault(), n.ToggleInfoDisplay()); }; // MAKE DATA LAYER GLOBAL window.__dataLayer = window.__dataLayer || {}; Object.assign(window.__dataLayer, _dl); // KICK OFF DCF PROCESS document.dispatchEvent(new Event("dataLayerReady")); __dataLayer.trackPage(); console.log("__dataLayer:", __dataLayer); </script> <script> function createIframe() { var urlParams = new URLSearchParams(window.location.search); var path = urlParams.get("path"); var iframe = document.createElement("iframe"); var src = 'https://helpcenter.nationalgeographic.com'; path = path && path.replace(/^\/?s\//, ''); iframe.id = 'Frame'; iframe.src = path ? src + '/s/' + path : src; iframe.style = 'overflow:hidden;height:1300px;width:100%'; document.body.appendChild(iframe); } createIframe(); (function () { var prev_page; var BASE_URL = window.location.href; window.addEventListener('message', onFrameMessage, false); window.addEventListener('popstate', handlePopState, false); function onFrameMessage(evt) { var eventData = evt.data, source = evt.source, parsedData; if(eventData) { handleFrameMessage(eventData); } } function handlePopState(evt){ var src = 'https://helpcenter.nationalgeographic.com/', iFrame = document.getElementById('Frame'), path = window.location.pathname, search = window.location.search, newIframe, searchSplit; if(search){ if(search.indexOf('?path') > -1){ searchSplit = search.split('?path='); search = searchSplit.length > 1 ? searchSplit[1] : ''; } path = path + search; } newIframe = document.createElement("iframe"); newIframe.src = `${src}s${path}`; newIframe.style = 'overflow:hidden;height:1300px;width:100%'; newIframe.id = 'Frame'; iFrame.replaceWith(newIframe); var child = document.getElementById('Frame'); child.onload = () => { var childWindow = child ? child.contentWindow : null; childWindow.postMessage({message: "popState", data: {path: `/s${path}`, prev_path: prev_page}}, "*"); }; } function handleFrameMessage(message) { var commandName = message && message.command, data = message && message.data; switch(commandName){ case "updateURL": updateUrl(data); break; } } function updateUrl(data){ var link = data && data.link, linkSplit = link && link.split('/s/'), linkFinal = linkSplit.length > 1 ? linkSplit[1] : '', iFrame = document.getElementById('Frame'), hasPath = BASE_URL.indexOf('?path=') > -1 ? true : false, urlSplit, firstHalf, secondHalf; if(linkFinal === ''){ window.history.pushState(null, null, `${BASE_URL}`); prev_page = `${BASE_URL}`; } else if(!linkFinal.includes('detail')) { if(hasPath){ urlSplit = BASE_URL.split('?path='); if(urlSplit.length > 1){ firstHalf = urlSplit[0]; window.history.pushState(null, null, `${firstHalf}?path=${linkFinal}`); } } else { window.history.pushState(null, null, `${BASE_URL}${linkFinal}`); } prev_page = `${linkFinal}`; } } })(); </script> <div id="global-footer-root"> <div id="footer"></div> </div> <script> (function() { var country; var legalList; var SOCIAL_DATA = { title: "Follow Us", isSocial : true, links: [ { url: "https://www.facebook.com/natgeo/", icon: "#social-facebook", type: 'Facebook' }, { url: "https://twitter.com/natgeo/", icon: "#social-twitter", type: 'Twitter' }, { url: "https://www.instagram.com/natgeo/", icon: "#social-instagram", type: 'Instagram' } ] } var CLASS_LOOKUP = { Legal : ['mt_col-md-3', 'mt_col-6', 'extra-padding'], OurSites : ['mt_col-lg-2', 'mt_col-md-3', 'mt_col-6', 'extra-padding'], JoinUs : ['mt_col-md-2', 'mt_col-6'], FollowUs: ['mt_col-md-4', 'mt_col-6'] }; var ICON_LOOKUP = { Facebook: { id: '#social-facebook-footer'}, Twitter: { id: '#social-twitter-footer'}, Instagram: { id: '#social-instagram-footer'} } var LOGO_INNER = '<a href="https://www.nationalgeographic.com" class="gf_copyright__logoLink"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 141 41" height="40" width="140" style=""><title>ng-2fl</title><g><path d="M241.74,421.43v-41h28.61v41H241.74Zm24.47-4.13V384.56H245.86V417.3h20.35Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 205, 5);"></path><path d="M289.36,398.82h-1.77c-2.32-3.28-4.63-6.54-6.93-10.23h0v10.23h-2V384.55h1.77c2.32,3.26,4.63,6.5,6.91,10.17h0V384.55h2v14.27Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 255, 255);"></path><path d="M294,393.18c0.57-1.87,1.14-3.61,1.65-5.81h0c0.57,2.2,1.08,3.94,1.61,5.81H294Zm0.94-8.62L290,398.82h2.12l1.24-3.89h4.3l1.12,3.89h2.73L297,384.55h-2Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 255, 255);"></path><path d="M303.83,398.82V386.47h-3.75v-1.91H310v1.91h-3.75v12.35h-2.45Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 255, 255);"></path><path d="M310.83,398.82V384.55h2.43v14.27h-2.43Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 255, 255);"></path><path d="M320.79,397c-2.55,0-3.45-2.81-3.45-5.54s1-5.14,3.45-5.14,3.45,2.51,3.45,5.14S323.34,397,320.79,397Zm0,2c3.73,0,6.05-3.32,6.05-7.58,0-4-2.57-7.18-6.05-7.18s-6.05,3.18-6.05,7.18C314.74,395.74,317.06,399.07,320.79,399.07Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 255, 255);"></path><path d="M339,398.82h-1.77c-2.32-3.28-4.63-6.54-6.93-10.23h0v10.23h-2V384.55h1.77c2.32,3.26,4.63,6.5,6.91,10.17h0V384.55h2v14.27Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 255, 255);"></path><path d="M343.67,393.18c0.57-1.87,1.14-3.61,1.65-5.81h0c0.57,2.2,1.08,3.94,1.61,5.81h-3.3Zm0.94-8.62-4.93,14.27h2.12l1.24-3.89h4.3l1.12,3.89h2.73l-4.54-14.27h-2Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 255, 255);"></path><path d="M351.9,384.55h2.43v12.35h4.83v1.92H351.9V384.55Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 255, 255);"></path><g><path d="M287.85,410.76v5.89a11.23,11.23,0,0,1-4.06.88c-4.2,0-6.85-3.26-6.85-7.46,0-3.89,2.65-7.3,6.93-7.3a6.1,6.1,0,0,1,3.47,1.1l-0.79,1.69a5.3,5.3,0,0,0-2.61-.75c-2.61,0-4.38,2.06-4.38,5.3s2,5.38,4.14,5.38a3.6,3.6,0,0,0,1.71-.35v-4.38h2.45Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 255, 255);"></path><path d="M296.6,404.93h-4.08v3.91h4v1.92h-4v4.61h4.81v1.92h-7.26V403h6.52v1.92Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 255, 255);"></path><path d="M304.14,415.49c-2.55,0-3.44-2.81-3.44-5.54s1-5.14,3.44-5.14,3.45,2.51,3.45,5.14S306.69,415.49,304.14,415.49Zm0,2c3.73,0,6.05-3.32,6.05-7.58,0-4-2.57-7.18-6.05-7.18s-6.05,3.18-6.05,7.18C298.09,414.21,300.41,417.53,304.14,417.53Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 255, 255);"></path><path d="M321.94,410.76v5.89a11.24,11.24,0,0,1-4.06.88c-4.2,0-6.85-3.26-6.85-7.46,0-3.89,2.65-7.3,6.93-7.3a6.09,6.09,0,0,1,3.47,1.1l-0.79,1.69a5.3,5.3,0,0,0-2.61-.75c-2.61,0-4.38,2.06-4.38,5.3s2,5.38,4.14,5.38a3.6,3.6,0,0,0,1.71-.35v-4.38h2.45Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 255, 255);"></path><path d="M326.63,404.93h1.08a2.07,2.07,0,0,1,2.26,2.3,2.52,2.52,0,0,1-2.32,2.83l-1,.06v-5.2Zm6.2,12.35L330,411.37a4.8,4.8,0,0,0,2.47-4.24c0-2.77-1.69-4.12-4.42-4.12h-3.81v14.27h2.45V411.9h1.1l2.3,5.38h2.79Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 255, 255);"></path><path d="M336.86,411.64c0.57-1.87,1.14-3.61,1.65-5.81h0c0.57,2.2,1.08,3.93,1.61,5.81h-3.3ZM337.8,403l-4.93,14.27H335l1.24-3.89h4.3l1.12,3.89h2.73L339.84,403h-2Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 255, 255);"></path><path d="M349,403h-3.81v14.27h2.45V411.9h1.1a4.66,4.66,0,0,0,4.69-4.77C353.39,404.36,351.7,403,349,403Zm-0.35,7.05-1,.06v-5.19h1.1a2.07,2.07,0,0,1,2.24,2.3A2.52,2.52,0,0,1,348.62,410.07Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 255, 255);"></path><path d="M364.73,417.28h-2.45v-6.87h-5.08v6.87h-2.43V403h2.43v5.48h5.08v-5.44h2.45v14.23Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 255, 255);"></path><path d="M367.07,417.28V403h2.43v14.27h-2.43Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 255, 255);"></path><path d="M380.51,405.6a5.15,5.15,0,0,0-2.51-.79c-2.49,0-4.3,2.06-4.3,5.3s2,5.38,4.36,5.38a4.63,4.63,0,0,0,2.45-.71l0.67,1.77a6.21,6.21,0,0,1-3.22,1c-4.2,0-6.85-3.26-6.85-7.46,0-3.89,2.63-7.3,6.89-7.3a6,6,0,0,1,3.28,1.1Z" transform="translate(-241.74 -380.43)" style="fill: rgb(255, 255, 255);"></path></g></g></svg></a>'; // 1. Fetch the /proxy/footer API endpoint loadFooterApi() // 2. Parse the API into link groups .then((footerData) => parseFooterApi(footerData)) // 3. Generate the DOM elements for each footer link and header .then((parsed) => renderFooter(parsed)) // 4. Using the country code returned by the /proxy/footer API endpoint, fetch the country-specific legal links .then(() => loadCountryLegal(country)) // 5. Replace the existing legal links with the country-specific legal links // We do this as a separate step from the initial footer render to more clearly delineate the logical steps, but // you could delay the render until both sets of requests are complete, merge the two responses together, and // only render the DOM once. .then((countryData) => updateLegalLinks(countryData)) .then(() => injectBootstrap()); function injectBootstrap() { let head = document.getElementsByTagName('head')[0]; let script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'https://dcf.espn.com/TWDC-DTCI/prod/Bootstrap.js'; head.appendChild(script); } function loadFooterApi() { return fetch('https://www.nationalgeographic.com/proxy/footer') .then((res) => res.json()); } function loadCountryLegal(country) { if (!country) { return; } document.cookie=`country=${country}; path=/`; return fetch(`https://assets-cdn.nationalgeographic.com/natgeo/static/geofooterconfigs/${country.toLowerCase()}.json`) .then((res) => res.json()); } function parseFooterApi(data) { country = data.country; var sections, copyright; data.footer.forEach((frame) => { if (frame.cmsType === 'FooterFrame') { var firstMod = frame.mods && frame.mods.length ? frame.mods[0] : {}; sections = firstMod.mnu || []; } else if (frame.cmsType === 'CopyrightFrame') { copyright = frame.mods && frame.mods.length ? frame.mods[0] : null; } }); return { sections : sections, copyright : copyright }; } function renderFooter(data) { var container = document.getElementById('footer'); var linkContainer = document.createElement('div'); var linkOuterContainer = document.createElement('div'); linkOuterContainer.classList.add('gf_container', 'gf_menu', 'mt_row'); linkContainer.classList.add('gf'); linkContainer.appendChild(linkOuterContainer); container.appendChild(linkContainer); data.sections.push(SOCIAL_DATA) data.sections.forEach((section) => renderSection(linkOuterContainer, section.title, section.links, section.isSocial)); renderCopyright(linkContainer, data.copyright); } function renderCopyright(container, data){ var copyrightEl = document.createElement('div'); var copyrightText = document.createElement('div'); var copyrightParagraph = document.createElement('p'); var copyrightLogo = document.createElement('div'); copyrightEl.classList.add('gf_container', 'gf_copyright', 'mt_row'); copyrightLogo.classList.add('mt_col-2'); copyrightLogo.innerHTML = LOGO_INNER; var globalFooterHr = document.createElement('hr'); globalFooterHr.classList.add('gf_hr'); copyrightText.classList.add('mt_col-md-10', 'mt_col-12'); copyrightParagraph.classList.add('gf_copyright__text'); copyrightParagraph.innerHTML = `<span class="gf_copyright__line gf_geograph-edit-regular--12">${data.cprt.txt[0]}</span><span class="gf_copyright__pipe">|</span><span class="gf_copyright__line gf_geograph-edit-regular--12">${data.cprt.txt[1]}</span>`; copyrightText.appendChild(copyrightParagraph); copyrightEl.appendChild(copyrightLogo); copyrightEl.appendChild(copyrightText); container.appendChild(globalFooterHr); container.appendChild(copyrightEl); } function renderSection(container, title, links, isSocial) { var group = document.createElement('div'); var titleNoSpaces = title.split(' ').join(''); var classNames = CLASS_LOOKUP[titleNoSpaces]; classNames.forEach((className) => group.classList.add(className) ); var header = document.createElement('h3'); header.textContent = title; header.classList.add('gf_menu__title', 'gf_geograph-brand-bold--12'); group.appendChild(header); var list = document.createElement('ul'); if(isSocial){ list.classList.add('gf_menu__socialList') } else { list.classList.add('gf_menu__list'); } // IMPORTANT: You'll want to hold a reference to the "Legal" links when you render your links initially, // since you'll need to replace these links with your user's country-specific legal links later. if (title === 'Legal') { legalList = list; } renderSectionLinks(list, links); group.appendChild(list); container.appendChild(group); } function renderSectionLinks(list, links) { links.forEach((linkObj) => { var linkItem = document.createElement('li'); var linkEl = document.createElement('a'); linkEl.setAttribute('href', linkObj.url); linkEl.textContent = linkObj.title; linkEl.setAttribute('target', '_blank'); // IMPORTANT: You MUST include the "style" values in the JSON as the CSS class on your rendered <a> element. // This is REQUIRED for CCPA and GDPR compliance to integrate with the Bootstrap library. if (linkObj.style) { linkEl.classList.add(linkObj.style); } if(linkObj.icon){ var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); var xlinkNS = "http://www.w3.org/1999/xlink"; var use = document.createElementNS("http://www.w3.org/2000/svg", "use"); var iconObj = ICON_LOOKUP[linkObj.type]; var iconID = iconObj.id; var iconUrl = iconObj.url; use.setAttributeNS(xlinkNS, "xlink:href", iconID); svg.appendChild(use); svg.classList.add('gf_menu__socialIcon', 'ng_sharedIcon'); linkItem.classList.add('gf_menu__socialItem'); linkEl.classList.add('gf_menu__socialLink') linkEl.appendChild(svg); } else { linkEl.classList.add('gf_menu__link', 'gf_geograph-edit-regular--12') linkItem.classList.add('gf_menu__item'); } linkItem.appendChild(linkEl); list.appendChild(linkItem); }); } function updateLegalLinks(countryData) { // wipe out the legal list contents legalList.innerHTML = ''; // replace its contents renderSectionLinks(legalList, countryData); } })(); </script> <script src="https://assets.nationalgeographic.com/modules-global-footer/stable/dist/GlobalFooter.standalone.js"></script> </body> </html>

CINXE.COM

ng-border-footer