/* EDITOR NOW: - */ (function () { "use strict"; (function addCustomClassToPageBody() { if (location.pathname === '/') { document.body.classList.add('root-home-page'); } else { document.body.classList.add('root-inner-page'); } })(); (function initLogotypeOnClickAction() { const img = document.querySelector('img.w-\\[100px\\].h-auto.mx-auto'); if (img) { img.addEventListener('click', function () { window.location.href = '/'; }); } })(); const WL = ["affid", "referral", "mtm_source", "mtm_medium", "mtm_campaign", "mtm_content", "mtm_keyword", "mtm_cid", "mtm_group", "mtm_placement", "utm_source", "utm_medium", "utm_campaign", "utm_content", "utm_keyword", "utm_cid", "utm_group", "utm_placement", "pk_vid"]; let cachedParams = null, hadPk = false, retryTimer = null, retries = 0; const maxRetries = 20, retryEveryMs = 250; function parseQS(s) { const q = new URLSearchParams(s || ""); const o = {}; WL.forEach(k => { if (q.has(k)) o[k] = q.get(k) }); return o } function getCookie(starts) { const cs = (document.cookie || "").split(";").map(c => c.trim()); for (const c of cs) { if (c.startsWith(starts)) { const i = c.indexOf("="); if (i > -1) return decodeURIComponent(c.substring(i + 1)) } } return null } function pkFromCookie() { const v = getCookie("_pk_id."); if (!v) return null; const f = v.split(".")[0]; return f && /^[a-f0-9]{10,40}$/i.test(f) ? f : null } function pkFromMatomoSync() { try { if (window.Matomo && typeof Matomo.getAsyncTrackers === "function") { const ts = Matomo.getAsyncTrackers() || []; for (const tr of ts) { if (tr && typeof tr.getVisitorId === "function") { const v = tr.getVisitorId(); if (v) return v } } } } catch { } return null } function ensureParams() { const base = cachedParams ? {...cachedParams} : parseQS(location.search); let pk = base.pk_vid || pkFromMatomoSync() || pkFromCookie(); if (pk) base.pk_vid = pk; cachedParams = base; hadPk = Boolean(base.pk_vid); return cachedParams } function mergePreferA(a, b) { const o = {...b}; for (const k in a || {}) { if (a[k] != null && a[k] !== "") o[k] = a[k] } return o } function skip(a) { const h = a.getAttribute("href"); if (!h || h.startsWith("#") || h.startsWith("javascript:")) return true; try { const u = new URL(h, document.baseURI); if (!/^https?:$/i.test(u.protocol)) return true } catch { return true } return false } function isLR(u) { return true; } function decorateUrlString(rawHref, params) { const u = new URL(rawHref, document.baseURI); if (!isLR(u)) return null; const current = {}; WL.forEach(k => { if (u.searchParams.has(k)) current[k] = u.searchParams.get(k) }); const finalParams = mergePreferA(params || {}, current); for (const k in finalParams) { if (finalParams[k] != null && finalParams[k] !== "") u.searchParams.set(k, finalParams[k]) } return u.toString() } function updateDatasetsIfPresent(a, finalHref) { const ds = a.dataset || {}; if ("href" in ds) ds.href = finalHref; if ("url" in ds) ds.url = finalHref; if ("target" in ds) ds.target = finalHref; if ("targetUrl" in ds) ds.targetUrl = finalHref; if ("destination" in ds) ds.destination = finalHref; if ("link" in ds) ds.link = finalHref } function applyToAnchor(a, params) { if (!a || skip(a)) return false; try { const raw = a.getAttribute("href"); const finalHref = decorateUrlString(raw, params); if (!finalHref) return false; if (a.href !== finalHref) { a.href = finalHref; a.setAttribute("href", finalHref); updateDatasetsIfPresent(a, finalHref) } a.setAttribute("target", "_self"); return true } catch { return false } } function applyAll() { const params = ensureParams(); if (!Object.keys(params).length) return 0; let n = 0; document.querySelectorAll("a[href]").forEach(a => { if (applyToAnchor(a, params)) n++ }); return n } function startPkRetry() { if (hadPk || retryTimer) return; retryTimer = setInterval(() => { retries++; const before = hadPk; ensureParams(); if (hadPk && !before) { applyAll(); clearInterval(retryTimer); retryTimer = null } if (retries >= maxRetries) { clearInterval(retryTimer); retryTimer = null } }, retryEveryMs) } function boot() { ensureParams(); const n = applyAll(); console.log(`[TrackerParams] updated links: ${n}${hadPk ? "" : " (pk_vid pending)"}`); if (!hadPk) startPkRetry() } function isModifiedClick(e) { return e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey } function handleClick(e) { const a = e.target && e.target.closest && e.target.closest("a[href]"); if (!a || skip(a)) return; const params = ensureParams(); const finalHref = decorateUrlString(a.getAttribute("href"), params); if (!finalHref) return; a.href = finalHref; a.setAttribute("href", finalHref); updateDatasetsIfPresent(a, finalHref); a.setAttribute("target", "_self"); if (isModifiedClick(e)) return; e.preventDefault(); try { if (Array.isArray(window._paq)) { window._paq.push(["trackLink", finalHref, "link"]) } } catch { } setTimeout(() => { try { window.location.assign(finalHref) } catch { location.href = finalHref } }, 0) } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", boot) } else { boot() } document.addEventListener("click", handleClick, {capture: false, passive: false}); document.addEventListener("auxclick", function (e) { if (e.button !== 1) return; const a = e.target && e.target.closest && e.target.closest("a[href]"); if (!a || skip(a)) return; const params = ensureParams(); const finalHref = decorateUrlString(a.getAttribute("href"), params); if (!finalHref) return; a.href = finalHref; a.setAttribute("href", finalHref); updateDatasetsIfPresent(a, finalHref); a.setAttribute("target", "_self") }, {capture: false, passive: true}); const mo = new MutationObserver(muts => { const params = ensureParams(); for (const m of muts) { m.addedNodes.forEach(node => { if (node.nodeType !== 1) return; if (node.matches?.("a[href]")) applyToAnchor(node, params); node.querySelectorAll?.("a[href]").forEach(a => applyToAnchor(a, params)) }) } }); mo.observe(document.documentElement, {childList: true, subtree: true}); console.log("[TrackerParams] ready"); })(); /*HOW TO WIN PLAYING SLOTS TITLE*/ document.addEventListener("DOMContentLoaded", function () { if (window.location.pathname.includes("how-to-win-at-playing-slots")) { document.body.classList.add("hide-title-slots"); document.body.classList.add("root-white-article-content"); } /*CLASS FOR ARTICLE HOW TO INLOCK YOUR...*/ if (window.location.pathname.includes("how-to-unlock-your-free-spins-and-bonuses")) { document.body.classList.add("unlock-spins"); } /*SCRIPT FOR TIP WINNERS BUTTONS*/ const buttons = document.querySelectorAll('button'); buttons.forEach(button => { button.addEventListener('click', () => { const answer = button.nextElementSibling; if (answer) { answer.style.display = answer.style.display === 'none' ? 'block' : 'none'; } }); }); /*TESTIMONIAL CARDS HOVER TILT EFFECT*/ const cards = document.querySelectorAll(".card-testimonials"); cards?.forEach(card => { card.addEventListener("mousemove", e => { const rect = card.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; const centerX = rect.width / 2; const centerY = rect.height / 2; const rotateX = ((y - centerY) / centerY) * -10; const rotateY = ((x - centerX) / centerX) * 10; card.style.transform = ` scale(1.05) rotateX(${rotateX}deg) rotateY(${rotateY}deg) `; }); card.addEventListener("mouseleave", () => { card.style.transform = "scale(1) rotateX(0) rotateY(0)"; }); }); }); /*BIG WINNERS BG TITLE*/ document.addEventListener("DOMContentLoaded", function () { if (window.location.pathname.includes("slots-big-winners")) { document.body.classList.add("hide-title-winners"); } }); /*WRITERS BG TITLE*/ document.addEventListener("DOMContentLoaded", function () { if (window.location.pathname.includes("guest-writers")) { document.body.classList.add("hide-title-writers"); document.body.classList.add("hide-title-writers"); } }); /* ARTICLE TITLE AND CONTENT WHITE COLOR */ document.addEventListener("DOMContentLoaded", function () { if (window.location.pathname.includes("guest-writers")) { document.body.classList.add("root-white-article-content"); } else if (window.location.pathname.includes("slots-big-winners")) { document.body.classList.add("root-white-article-content"); } }); /***IMPROVE YOUR CHANCES CARDS SLIDE***/ (function () { 'use strict'; const horizontalScrollContainer = document.getElementById('horizontalScroll'); const cardsWrapper = horizontalScrollContainer?.querySelector('.cards-wrapper'); const cards = cardsWrapper?.querySelectorAll('.card-chances'); let containerTop = 0; let totalWidth = 0; let extraWidth = 0; let windowWidth = window.innerWidth; let windowHeight = window.innerHeight; // Initialize function init() { updateDimensions(); calculateTotalWidth(); updateContainerHeight(); } // Update window dimensions function updateDimensions() { windowWidth = window.innerWidth; windowHeight = window.innerHeight; // Get the container position const rect = horizontalScrollContainer?.getBoundingClientRect(); if (rect) { containerTop = rect.top + window.scrollY; } } // Calculate the total width of all cards function calculateTotalWidth() { totalWidth = 0; cards?.forEach((card) => { const cardStyle = window.getComputedStyle(card); const cardWidth = card.offsetWidth; const marginLeft = parseFloat(cardStyle.marginLeft) || 0; const marginRight = parseFloat(cardStyle.marginRight) || 0; totalWidth += cardWidth + marginLeft + marginRight; }); // Calculate extra width (total width - window width) if (totalWidth > windowWidth) { extraWidth = totalWidth - windowWidth; } else { extraWidth = 0; } // Update container height to accommodate horizontal scroll updateContainerHeight(); } // Update container height based on extra width function updateContainerHeight() { const minHeight = 596; // Minimum height in pixels (card height) const newHeight = minHeight + extraWidth; if (horizontalScrollContainer) { horizontalScrollContainer.style.height = `${newHeight}px`; } // Keep cards wrapper at a fixed height if (cardsWrapper) { cardsWrapper.style.height = `596px`; } } // Track the current horizontal position let currentTranslate = 0; let isMouseOverContainer = false; let lastScrollDirection = 0; // Track the last scroll direction: -1 = up, 1 = down, 0 = none let allowPageScrollUntil = 0; // Timestamp until which page scroll is allowed // Touch event tracking for mobile let touchStartX = 0; let touchStartY = 0; let touchStartTranslate = 0; let isTouching = false; let touchStartTime = 0; // Handle mouse enter/leave horizontalScrollContainer?.addEventListener('mouseenter', () => { isMouseOverContainer = true; lastScrollDirection = 0; // Reset direction when entering allowPageScrollUntil = 0; // Reset page scroll allowance }); horizontalScrollContainer?.addEventListener('mouseleave', () => { isMouseOverContainer = false; lastScrollDirection = 0; // Reset direction when leaving allowPageScrollUntil = 0; // Reset page scroll allowance }); // Handle wheel event for horizontal scrolling - immediate response, no delay horizontalScrollContainer?.addEventListener('wheel', (e) => { // First check if container is visible in viewport - if not, always allow page scroll const containerRect = horizontalScrollContainer?.getBoundingClientRect(); const viewportHeight = window.innerHeight; const deltaY = e.deltaY; // If container is completely above or below viewport, always allow page scroll if (containerRect.bottom < 0 || containerRect.top > viewportHeight) { return; // Allow normal page scrolling } // If scrolling up and container is partially or completely above viewport, allow page scroll // This ensures we can scroll up immediately without waiting for cards to reset if (deltaY < 0 && containerRect.top < 0) { return; // Allow normal page scrolling } // Only handle when mouse is over the container AND container is visible if (!isMouseOverContainer || extraWidth <= 0) { lastScrollDirection = 0; allowPageScrollUntil = 0; return; // Allow normal page scrolling } // Check if we're at the boundaries FIRST (before preventing default) // This ensures page scroll works at boundaries const threshold = 1; // Small threshold to account for floating point precision const isAtLeft = currentTranslate <= threshold; // First card fully visible const isAtRight = currentTranslate >= (extraWidth - threshold); // Last card fully visible // Only allow page scroll at boundaries: // - At rightmost AND scrolling down → allow page scroll down // - At leftmost AND scrolling up → allow page scroll up if (isAtRight && deltaY > 0) { // Scrolling down at rightmost - allow page to scroll down return; } if (isAtLeft && deltaY < 0) { // Scrolling up at leftmost - allow page to scroll up return; } // Get scroll speed const scrollSpeed = 1.5; // Adjust this to control scroll sensitivity const currentDirection = deltaY > 0 ? 1 : -1; const now = Date.now(); // Update scroll direction tracking lastScrollDirection = currentDirection; // Otherwise, prevent page scroll and move cards horizontally IMMEDIATELY e.preventDefault(); e.stopPropagation(); // Convert vertical scroll to horizontal movement // Positive deltaY (scrolling down) = move cards left (increase translate to show right cards) // Negative deltaY (scrolling up) = move cards right (decrease translate to show left cards) currentTranslate += deltaY * scrollSpeed; // Clamp translate between 0 and extraWidth if (currentTranslate < 0) { currentTranslate = 0; } if (currentTranslate > extraWidth) { currentTranslate = extraWidth; } // Apply transform IMMEDIATELY (no CSS transitions) if (cardsWrapper) { cardsWrapper.style.transform = `translateX(-${currentTranslate}px)`; } // Calculate progress (0 to 1) const progress = extraWidth > 0 ? currentTranslate / extraWidth : 0; // Update progress bar updateProgressBar(progress); // Update active state if (progress > 0 && progress <= 1) { horizontalScrollContainer?.classList.add('active'); } else { horizontalScrollContainer?.classList.remove('active'); } }, {passive: false}); // Touch event handlers for mobile devices horizontalScrollContainer?.addEventListener('touchstart', (e) => { if (extraWidth <= 0) return; const containerRect = horizontalScrollContainer?.getBoundingClientRect(); const viewportHeight = window.innerHeight; // Only handle if container is visible in viewport if (containerRect.bottom < 0 || containerRect.top > viewportHeight) { return; } const touch = e.touches[0]; touchStartX = touch.clientX; touchStartY = touch.clientY; touchStartTranslate = currentTranslate; isTouching = true; touchStartTime = Date.now(); // Prevent default only if we're going to handle the touch const containerRectAtStart = horizontalScrollContainer?.getBoundingClientRect(); if (containerRectAtStart.top >= 0 && containerRectAtStart.bottom <= viewportHeight) { // Container is fully visible, we can handle horizontal scroll } }, {passive: true}); horizontalScrollContainer?.addEventListener('touchmove', (e) => { if (!isTouching || extraWidth <= 0) return; const containerRect = horizontalScrollContainer?.getBoundingClientRect(); const viewportHeight = window.innerHeight; // If container is completely above or below viewport, allow normal scroll if (containerRect.bottom < 0 || containerRect.top > viewportHeight) { isTouching = false; return; } // If scrolling up and container is partially or completely above viewport, allow page scroll const touch = e.touches[0]; const deltaY = touch.clientY - touchStartY; if (deltaY > 0 && containerRect.top < 0) { isTouching = false; return; } const deltaX = touch.clientX - touchStartX; const absDeltaX = Math.abs(deltaX); const absDeltaY = Math.abs(deltaY); // Determine primary gesture direction const isVerticalGesture = absDeltaY > absDeltaX; const isHorizontalGesture = absDeltaX > absDeltaY; // Check boundaries first (similar to wheel event) const threshold = 1; const isAtLeft = currentTranslate <= threshold; const isAtRight = currentTranslate >= (extraWidth - threshold); let newTranslate = currentTranslate; let shouldPreventDefault = false; if (isVerticalGesture) { // Vertical swipe - convert to horizontal card movement (like wheel event) // Swipe down (positive deltaY) = move cards left (increase translate) // Swipe up (negative deltaY) = move cards right (decrease translate) // Check boundaries if (isAtRight && deltaY < 0) { // At rightmost and swiping up - allow page scroll isTouching = false; return; } if (isAtLeft && deltaY > 0) { // At leftmost and swiping down - allow page scroll isTouching = false; return; } // Convert vertical movement to horizontal const scrollSpeed = 1.5; newTranslate = touchStartTranslate + (deltaY * scrollSpeed); shouldPreventDefault = true; } else if (isHorizontalGesture) { // Horizontal swipe - direct card movement // Swipe right (positive deltaX) = show left cards (decrease translate) // Swipe left (negative deltaX) = show right cards (increase translate) newTranslate = touchStartTranslate - deltaX; shouldPreventDefault = true; } // Clamp translate if (newTranslate < 0) newTranslate = 0; if (newTranslate > extraWidth) newTranslate = extraWidth; // Apply transform currentTranslate = newTranslate; if (cardsWrapper) { cardsWrapper.style.transform = `translateX(-${currentTranslate}px)`; } // Update progress bar const progress = extraWidth > 0 ? currentTranslate / extraWidth : 0; updateProgressBar(progress); if (progress > 0 && progress <= 1) { horizontalScrollContainer?.classList.add('active'); } else { horizontalScrollContainer?.classList.remove('active'); } // Prevent default only if we're handling the gesture if (shouldPreventDefault) { e.preventDefault(); } }, {passive: false}); horizontalScrollContainer?.addEventListener('touchend', (e) => { isTouching = false; touchStartX = 0; touchStartY = 0; touchStartTranslate = 0; }, {passive: true}); horizontalScrollContainer?.addEventListener('touchcancel', (e) => { isTouching = false; touchStartX = 0; touchStartY = 0; touchStartTranslate = 0; }, {passive: true}); // Handle scroll (for when not hovering) - keep cards at current position function handleScroll() { // When not hovering, maintain the current translate position // This ensures cards stay where they are when mouse leaves if (!isMouseOverContainer) { // Just update the progress bar based on current position const progress = extraWidth > 0 ? currentTranslate / extraWidth : 0; updateProgressBar(progress); if (progress > 0 && progress <= 1) { horizontalScrollContainer?.classList.add('active'); } else { horizontalScrollContainer?.classList.remove('active'); } } } // Update progress bar function updateProgressBar(progress) { horizontalScrollContainer?.style.setProperty('--progress', progress); } // Throttle function for performance function throttle(func, wait) { let timeout; return function executedFunction(...args) { const later = () => { clearTimeout(timeout); func(...args); }; clearTimeout(timeout); timeout = setTimeout(later, wait); }; } // Debounce function for resize function debounce(func, wait) { let timeout; return function executedFunction(...args) { const later = () => { clearTimeout(timeout); func(...args); }; clearTimeout(timeout); timeout = setTimeout(later, wait); }; } // Event listeners const throttledScroll = throttle(handleScroll, 10); const debouncedResize = debounce(() => { init(); handleScroll(); }, 250); window.addEventListener('scroll', throttledScroll, {passive: true}); window.addEventListener('resize', debouncedResize); // Initialize on load window.addEventListener('load', () => { init(); handleScroll(); }); // Initialize currentTranslate - always start at 0 (first card fully visible) function initializeTranslate() { currentTranslate = 0; if (cardsWrapper) { cardsWrapper.style.transform = `translateX(-${currentTranslate}px)`; } // Update progress bar updateProgressBar(0); // Remove the active state initially horizontalScrollContainer?.classList.remove('active'); } // Initial call init(); handleScroll(); initializeTranslate(); })(); /** READ MORE FOR TIPS SECTION **/ document.addEventListener('DOMContentLoaded', function () { const readMoreLinks = document.querySelectorAll('.read-more-link'); readMoreLinks.forEach(function (link) { link.addEventListener('click', function (e) { e.preventDefault(); const txtBox = this.closest('.txt-box'); const isExpanded = txtBox.classList.contains('expanded'); txtBox.classList.toggle('expanded'); // Update text const readMoreText = this.querySelector('.read-more-text'); if (!isExpanded) { readMoreText.textContent = 'Read less'; } else { readMoreText.textContent = 'Read more'; } }); }); }); /** FAQ SECTION WINNERS **/ document.addEventListener('DOMContentLoaded', () => { const faqButtons = document.querySelectorAll('.faq-question-winners'); faqButtons.forEach(button => { button.addEventListener('click', () => { const answer = button.nextElementSibling; answer.style.display = answer.style.display === 'block' ? 'none' : 'block'; }); }); }); /** FAQ SECTION SLOTS TIPS **/ document.addEventListener('DOMContentLoaded', () => { const questions = document.querySelectorAll('.slots-tips-container .question'); // Targeting only the questions inside the .slots-tips-container questions.forEach(question => { question.addEventListener('click', () => { const answer = question.nextElementSibling; // The answer is the sibling of the question answer.classList.toggle('open'); // Toggle visibility of the answer }); }); });

How-to