// ==UserScript==
// @name         Xilly - Embed Banner
// @namespace    http://experimenting.website/
// @description  Replaces X banner with any url
// @version      0.1
// @author       EXPERIMENTING
// @match        https://x.com/main_experiment
// @grant        GM_addElement
// ==/UserScript==

(function() {
    'use strict';

    function replaceBanner() {
        const bannerLink = document.querySelector('a[href$="/header_photo"]');

        if (bannerLink) {
            if (bannerLink.dataset.embedBannerReplaced) return;

            console.log('Twitter Embed Banner: Banner found, replacing...');

            const container = bannerLink.parentElement;

            if (container) {
                container.style.paddingBottom = '0';
                container.style.height = 'auto';
            }

            bannerLink.innerHTML = '';
            bannerLink.dataset.embedBannerReplaced = 'true';

            bannerLink.removeAttribute('href');
            bannerLink.style.cursor = 'default';
            bannerLink.style.display = 'block';
            bannerLink.style.height = 'auto';
            bannerLink.onclick = (e) => {
                e.preventDefault();
                e.stopPropagation();
            };

            GM_addElement(bannerLink, 'iframe', {
                src: 'https://webosu.online/', /*CHANGE WHATEVER YOU WANT :3*/
                scrolling: 'yes',
                style: `
                    width: 200%;
                    height: 200%;
                    transform: scale(0.5);
                    transform-origin: top left;
                    border: none;
                    display: flex;
                    aspect-ratio: 1500 / 300;
                    overflow-x: auto;
                    overflow-y: auto;
                `
            });

            bannerLink.style.overflow = 'hidden';
        }
    }

    const observer = new MutationObserver((mutations) => {
        replaceBanner();
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

    replaceBanner();

})();