text: import { gsap } from '../node_modules/gsap/index.js';
  
  const nameplateEl = document.getElementById('nameplate');
  const titleEl = document.getElementById('title');
  
  const event1 = document.getElementById('event1');
  const time1 = document.getElementById('time1');
  const event2 = document.getElementById('event2');
  const time2 = document.getElementById('time2');
  const event3 = document.getElementById('event3');
  const time3 = document.getElementById('time3');
  const event4 = document.getElementById('event4');
  const time4 = document.getElementById('time4');
  
  nodecg.listenFor('showSchedule', (data) => {
  	event1.innerHTML = data.event1;
  	time1.innerHTML = data.time1;
  	event2.innerHTML = data.event2;
  	time2.innerHTML = data.time2;
  	event3.innerHTML = data.event3;
  	time3.innerHTML = data.time3;
  	event4.innerHTML = data.event4;
  	time4.innerHTML = data.time4;
  
  	const tl = gsap.timeline();
  
  	tl.from([ nameplateEl ], 1, { opacity: 0 });
  	tl.to([ nameplateEl ], 1, { opacity: 1 }, '-=1');
  
  	tl.from([ titleEl ], 1, { width: 0, opacity: 0 }, '-=1');
  	tl.to([ titleEl ], 1, { opacity: 1 }, '-=1');
  
  	tl.from([ event1, time1 ], 1, { width: 0, opacity: 0 });
  	tl.to([ event1, time1 ], 1, { opacity: 1 }, '-=1');
  
  	tl.from([ event2, time2 ], 1, { width: 0, opacity: 0 });
  	tl.to([ event2, time2 ], 1, { opacity: 1 }, '-=1');
  
  	tl.from([ event3, time3 ], 1, { width: 0, opacity: 0 });
  	tl.to([ event3, time3 ], 1, { opacity: 1 }, '-=1');
  
  	tl.from([ event4, time4 ], 1, { width: 0, opacity: 0 });
  	tl.to([ event4, time4 ], 1, { opacity: 1 }, '-=1');
  
  	tl.to([ nameplateEl, event1, time1, event2, time2, event3, time3, event4, time4 ], 1, { opacity: 0 }, '+=5');
  
  	tl.call(() => {
  		event1.innerHTML = '';
  		time1.innerHTML = '';
  		event2.innerHTML = '';
  		time2.innerHTML = '';
  		event3.innerHTML = '';
  		time3.innerHTML = '';
  		event4.innerHTML = '';
  		time4.innerHTML = '';
  	});
  
  	tl.set([ nameplateEl, event1, time1, event2, time2, event3, time3, event4, time4 ], { width: '', opacity: '' });
  });
  