// ANIMATED TYPED NF...
// ANIMATED TYPED NFT β
// 1) copy this text
// 2) open developer tools by pressing Ctrl Shift J (on Windows) or Ctrl Option J (on Mac).
// 3) paste the code in the console
// 4) press enter
const styleSheet = document.createElement('style');
const getV = (v) => Math.round(Math.random() * v * 2 - v);
const cEl = Array.from(document.querySelectorAll('*')).filter((el) =>
el.innerHTML.startsWith('// ANIMATED TYPED NFT β')
)[0];
const splitLines = cEl.textContent
.split('\n')
.map((line, i) => {
line = line
.split('')
.map((letter, j) => {
const delay = -2000 + (i + j) * 200;
styleSheet.textContent += @keyframes flyOutAnim${i} { 0%, 100% { opacity: 1; transform: translate(0, 0); } 50% { opacity: 0; transform: translate(${getV(window.innerWidth * 0.2)}px, ${getV( window.innerHeight * 0.2 )}px); } } .flyOut${i} { animation: flyOutAnim${i} 5s infinite ; display: inline-block; } ;
return <span class=flyOut${i} style="animation-delay: ${delay}ms">${letter}</span>;
})
.join('');
return <div>${line}</div>;
})
.join('');
cEl.innerHTML = splitLines;
cEl.style.overflow = 'visible';
cEl.appendChild(styleSheet);
document
.querySelector('.infinite-scroll-component')
?.setAttribute('style', 'overflow: visible');
document.querySelector('.screen')?.setAttribute('style', 'overflow: visible');