// // const getMarqueeNode = content => { // const el = document.createElement('div'); // el.setAttribute('data-marquee-style', true); // el.textContent = content // return el; // }// class Marquee { // constructor(el){ // this.el = el; // this.content = el.getAttribute('data-marquee') // this.render(); // } // render(){ // const shadow = getMarqueeNode(this.content); // shadow.setAttribute('data-marquee-shadow', true);// this.el.innerHTML = ""; // this.el.appendChild(shadow);// const inView = this.calculateItemsInView(shadow);// const overflow = document.createElement('div'); // overflow.setAttribute('data-marquee-overflow', true); // const content = document.createElement('div'); // content.setAttribute('data-marquee-container', true);// overflow.appendChild(content);// const count = inView * 3;// for( var i = 0; i new Marquee(node) );// window.addEventListener( 'resize', () => refs.map( r => r.render() ) );