(function () { "use strict"; // =========================== // 1. DEFINE LINKS & BANNER // =========================== const headerLinks = [ { text: "Start", url: "https://queenance.com/start", target: "_self" }, { text: "Courses", url: "https://queenance.com/courses", target: "_self" }, { text: "Sessions", url: "https://queenance.com/sessions", target: "_self", }, { text: "Guides", url: "https://queenance.com/step-by-step-guides", target: "_self", }, { text: "Water", url: "https://queenance.com/enagic", target: "_self" }, ]; const sidebarLinks = [ { text: "Start", url: "https://queenance.com/start" }, { text: "Dashboard", url: "https://library.queenance.com/home" }, { text: "Courses", url: "https://queenance.com/courses" }, { text: "Sessions", url: "https://queenance.com/sessions" }, { text: "Step-By-Step Guides", url: "https://queenance.com/step-by-step-guides", }, { text: "Water", url: "https://queenance.com/enagic" }, ]; // --- BANNER CONFIGURATION --- const bannerConfig = { heading: "Welcome to the Queenance Mastery Program!", subText: "We are thrilled to have you here. Browse your courses below, join the community, and let's start taking action.", textP1: `We’re so glad you’re here!`, textP2: `Everything inside this space is designed to help you build something real, step by step.`, textP3: `To begin:`, list1: `→ Click “Start” in the menu to enter the portal`, list2: `→ Explore and enjoy the courses`, list3: `→ Take it at your own pace`, textP4: `You don’t need to figure it all out at once, just start.`, ddbackgroundImageUrl: "https://images.unsplash.com/photo-1557683316-973673baf926?q=80&w=1000&auto=format&fit=crop", ddsideImageUrl: "https://via.placeholder.com/250x150.png?text=Welcome+Graphic", ddoverlayColor: "rgba(0, 0, 0, 0.5)", }; // =========================== // 2. LOGIC FUNCTIONS // =========================== function injectHeader() { const profileBtn = document.querySelector("#btn-profile"); if (!profileBtn) return; const navContainer = profileBtn.parentElement; if (navContainer.querySelector(".custom-right-link")) return; [...headerLinks].reverse().forEach((link) => { const a = document.createElement("a"); a.href = link.url; a.innerText = link.text; a.target = link.target; a.className = "custom-right-link"; navContainer.insertBefore(a, navContainer.firstChild); }); } function injectSidebar() { const candidates = document.querySelectorAll(".col-span-4"); let referenceRow = null; for (let div of candidates) { if ( div.textContent.includes("Take a course") || div.textContent.includes("Dashboard") ) { referenceRow = div.closest(".grid"); break; } } if (!referenceRow) return; const parentContainer = referenceRow.parentElement; if (parentContainer.querySelector(".custom-sidebar-link")) return; sidebarLinks.forEach((link) => { const a = document.createElement("a"); a.href = link.url; a.target = "_self"; a.className = "custom-sidebar-link"; a.innerHTML = ` `; parentContainer.appendChild(a); }); } function injectHeroBanner() { // 1. Stop if it's already there if (document.querySelector(".custom-hero-wrapper")) return true; // 2. Look for the deepest text element containing our target phrase const allTextElements = document.querySelectorAll("*"); let targetHeader = null; for (let el of allTextElements) { // We check if it has the text AND has no child elements (meaning it's the raw text node) if ( el.textContent.trim() === "Welcome to Queenance" && el.children.length === 0 ) { targetHeader = el; break; } } // 3. If we found it, inject the banner! if (targetHeader) { const wrapper = document.createElement("div"); wrapper.className = "custom-hero-wrapper"; wrapper.style.width = "100%"; const banner = document.createElement("div"); banner.className = "custom-hero-banner"; // banner.style.backgroundImage = `url('${bannerConfig.backgroundImageUrl}')`; const overlay = document.createElement("div"); overlay.className = "custom-hero-overlay"; // overlay.style.backgroundColor = bannerConfig.overlayColor; const content = document.createElement("div"); content.className = "custom-hero-content"; // LEFT SIDE const textSide = document.createElement("div"); textSide.className = "hero-text-side"; const h1 = document.createElement("h1"); h1.textContent = bannerConfig.heading; const p1 = document.createElement("p"); p1.textContent = bannerConfig.textP1; const p2 = document.createElement("p"); p2.textContent = bannerConfig.textP2; const p3 = document.createElement("p"); p3.innerHTML = `${bannerConfig.textP3}`; // LIST const ul = document.createElement("ul"); [bannerConfig.list1, bannerConfig.list2, bannerConfig.list3].forEach( (item) => { const li = document.createElement("li"); li.style.listStyleType = "none"; li.textContent = item; ul.appendChild(li); } ); const p4 = document.createElement("p"); p4.textContent = bannerConfig.textP4; // RIGHT SIDE IMAGE const imageSide = document.createElement("div"); imageSide.className = "hero-image-side"; const img = document.createElement("img"); img.src = bannerConfig.sideImageUrl; // BUILD TREE textSide.append(p1, p2, p3, ul, p4); // imageSide.appendChild(img); content.append(textSide, imageSide); banner.append(overlay, content); wrapper.appendChild(banner); targetHeader.parentElement.insertAdjacentElement("afterend", wrapper); return true; // Successfully injected } return false; // Not found yet } // =========================== // 3. RUNNER & AGGRESSIVE WATCHER // =========================== // Normal observer for menus const observer = new MutationObserver(() => { injectHeader(); injectSidebar(); }); observer.observe(document.body, { childList: true, subtree: true }); // "Hunter" Interval specifically for the Hero Banner // This checks every 500ms for up to 10 seconds to make absolutely sure it catches the text when it loads let attempts = 0; const bannerHunter = setInterval(() => { let success = injectHeroBanner(); attempts++; // Stop hunting if we found it, or if we've tried for 10 seconds if (success || attempts > 20) { clearInterval(bannerHunter); } }, 500); })(); /* ===== PORTAL HOME PAGE DETECTION ===== */ (function () { function setPortalHomeClass() { if (window.location.pathname === "/home") { document.body.classList.add("zee-portal-home"); } else { document.body.classList.remove("zee-portal-home"); } } setPortalHomeClass(); const observer = new MutationObserver(() => { setPortalHomeClass(); }); observer.observe(document.documentElement, { childList: true, subtree: true, }); })();