(function() { try { // Generate random colors for the gradient const getRandomColor = () => { const letters = '0123456789ABCDEF'; let color = '#'; for (let i = 0; i < 6; i++) { color += letters[Math.floor(Math.random() * 16)]; } return color; }; // Randomly choose between linear and radial gradient const useRadialGradient = Math.random() > 0.5; // Randomly decide if we should use three colors const useThreeColors = Math.random() > 0.7; // Get random gradient direction for linear gradients const getRandomDirection = () => { const directions = [ { x1: "0%", y1: "0%", x2: "100%", y2: "100%" }, // diagonal top-left to bottom-right { x1: "100%", y1: "0%", x2: "0%", y2: "100%" }, // diagonal top-right to bottom-left { x1: "0%", y1: "0%", x2: "100%", y2: "0%" }, // horizontal left to right { x1: "0%", y1: "0%", x2: "0%", y2: "100%" }, // vertical top to bottom { x1: "50%", y1: "0%", x2: "50%", y2: "100%" }, // vertical center { x1: "0%", y1: "50%", x2: "100%", y2: "50%" }, // horizontal center ]; return directions[Math.floor(Math.random() * directions.length)]; }; // Get random position for radial gradients const getRandomRadialPosition = () => { const positions = [ { cx: "50%", cy: "50%" }, // center { cx: "0%", cy: "0%" }, // top-left { cx: "100%", cy: "0%" }, // top-right { cx: "0%", cy: "100%" }, // bottom-left { cx: "100%", cy: "100%" } // bottom-right ]; return positions[Math.floor(Math.random() * positions.length)]; }; const color1 = getRandomColor(); const color2 = getRandomColor(); const color3 = useThreeColors ? getRandomColor() : null; let gradientDef; if (useRadialGradient) { const radialPosition = getRandomRadialPosition(); gradientDef = ` ${useThreeColors ? `` : ''} `; } else { const direction = getRandomDirection(); gradientDef = ` ${useThreeColors ? `` : ''} `; } // Create an SVG with a random gradient const svg = ` `; // Convert SVG to a data URL const svgBase64 = btoa(svg); const faviconUrl = `data:image/svg+xml;base64,${svgBase64}`; // Create or update the favicon link element let link = document.querySelector('link[rel="icon"]'); if (!link) { link = document.createElement('link'); link.rel = 'icon'; document.head.appendChild(link); } link.href = faviconUrl; // Regenerate favicon on page refresh window.addEventListener('beforeunload', () => { localStorage.removeItem('favicon-gradient'); }); } catch (e) { console.error(e); } })();

Collections