[cs_content][cs_element_section _id=”1″ ][cs_element_layout_row _id=”2″ ][cs_element_layout_column _id=”3″ ][cs_element_global_block _id=”4″ ][/cs_element_layout_column][/cs_element_layout_row][/cs_element_section][/cs_content][cs_content_seo]Diversity & Inclusion in The Workplace

PROJECT DETAILS

CLIENT

TYPE

LOCATION

ARCHITECT/ENGINEER

OTHER PARTNERS

SHARE VIA EMAIL:

// function adjustPoint(){
// // Get Image shape
// const shape = document.querySelector(‘.entry-featured’);
// // Get item that always is on everypage and has values that represent dynamic browser scaling
// const nav = document.querySelector(‘.x-bar-content’);
// // Get Bounding Client Values IE – Top, Right, Left, Bottom in pixels in relation to viewport
// let viewportOffset = nav.getBoundingClientRect();
// // Get Left PX value (Since this is what i want Chevron to follow and anchor to)
// let left = viewportOffset.left;
// // Set clip path style object to Image, string interpolate the chevron point with the Left Px value
// shape.style.clipPath = `polygon(100% 0, 100% 68%, ${left}px 93%, 0 81%, 0 0)`;
// }
// // Event Listener for browser resize, and will fire function to update,
// // incase browser is resized (otherwise the values will only apply when page is
// // first loaded, and will not update until
// // page is reloaded)
// window.addEventListener(“resize”, adjustPoint);

// adjustPoint();[/cs_content_seo]