function Marquee({ items, alt = false }){
  const content = items.join('  ★  ');
  // duplicate to allow -50% scroll
  const doubled = `${content}  ★  ${content}  ★  `;
  return (
    <div className={`marquee ${alt ? 'alt' : ''}`}>
      <div className="marquee-inner">
        <span>{doubled}</span>
        <span>{doubled}</span>
      </div>
    </div>
  );
}
window.Marquee = Marquee;