// ==UserScript== // @name Zeeo - Currency Exchange Spinner Animation // @namespace web.nextbyte.ai // @version 1.0 // @description Replaces the "One App for global Access" graphic with an animated currency exchange spinner // @author NextByte // @match *://www.getzeeo.com/* // @grant none // ==/UserScript== (function() { 'use strict'; // Currency symbols to randomly choose from const currencies = ['$', '€', '£', '¥', '₹', '₽', '₩', '₪', '₦', '₱', '฿', '₫', 'R$', 'C$', 'A$', 'Fr', 'kr', 'zł']; // Wait for the page to load function init() { // Find the section with "One App for global Access" const section = document.querySelector('section.py-20.bg-gray-50'); if (!section) { console.log('Section not found, retrying...'); setTimeout(init, 500); return; } // Find the image container const imageContainer = section.querySelector('.flex.items-center.justify-center.max-w-4xl.mx-auto'); if (!imageContainer) { console.log('Image container not found'); return; } // Replace the image with our custom animation imageContainer.innerHTML = createSpinnerAnimation(); // Start the animation startAnimation(); } function createSpinnerAnimation() { return `

USD

€

EUR

`; } function startAnimation() { const leftSpinner = document.querySelector('#left-spinner .spinner-content'); const rightSpinner = document.querySelector('#right-spinner .spinner-content'); const leftLabel = document.querySelectorAll('.currency-label')[0]; const rightLabel = document.querySelectorAll('.currency-label')[1]; if (!leftSpinner || !rightSpinner) { console.log('Spinners not found'); return; } // Currency codes mapping const currencyMap = { '$': 'USD', '€': 'EUR', '£': 'GBP', '¥': 'JPY', '₹': 'INR', '₽': 'RUB', '₩': 'KRW', '₪': 'ILS', '₦': 'NGN', '₱': 'PHP', '฿': 'THB', '₫': 'VND', 'R$': 'BRL', 'C$': 'CAD', 'A$': 'AUD', 'Fr': 'CHF', 'kr': 'SEK', 'zł': 'PLN' }; function spinAndSelect(spinner, label) { // Add spinning class spinner.parentElement.classList.add('spinning'); // Simulate spinning by rapidly changing symbols let spinCount = 0; const totalSpins = 15; const spinInterval = setInterval(() => { const randomCurrency = currencies[Math.floor(Math.random() * currencies.length)]; spinner.textContent = randomCurrency; spinCount++; if (spinCount >= totalSpins) { clearInterval(spinInterval); // Final selection - ensure we pick a different currency than current let finalCurrency; let attempts = 0; do { finalCurrency = currencies[Math.floor(Math.random() * currencies.length)]; attempts++; } while (finalCurrency === spinner.textContent && attempts < 10); spinner.textContent = finalCurrency; label.textContent = currencyMap[finalCurrency] || 'CUR'; // Remove spinning class after animation completes setTimeout(() => { spinner.parentElement.classList.remove('spinning'); }, 100); } }, 40); } // Initial spin after 1 second setTimeout(() => { spinAndSelect(leftSpinner, leftLabel); setTimeout(() => { spinAndSelect(rightSpinner, rightLabel); }, 300); }, 1000); // Repeat the animation every 5 seconds setInterval(() => { spinAndSelect(leftSpinner, leftLabel); setTimeout(() => { spinAndSelect(rightSpinner, rightLabel); }, 300); }, 5000); } // Start when DOM is ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } console.log('Currency Exchange Spinner Animation loaded'); })();