Tech Coverage | Creative Bloq

An account already exists for this email address, please log in.

`; } }) .catch(error => { console.error("Submission failed", error); submitBtn.disabled = false; }); }); } function updateBannerPosition() { if (!banner || !bannerVisible) return; const topObstacles = [ document.querySelector('.dfp-leaderboard-container [style*="position: fixed"]'), document.querySelector('.dfp-leaderboard-container [id^="bordeaux-ad-"]'), document.querySelector('.dfp-leaderboard-container'), document.querySelector('[data-component-name="SiteHeader:Masthead"]'), document.querySelector('nav.primary-nav'), document.querySelector('.navigation__container') ]; let maxBottomOffset = 0; topObstacles.forEach(el => { if (el) { const rect = el.getBoundingClientRect(); // On s'assure que l'élément n'est pas caché par CSS (fermeture de pub) const style = window.getComputedStyle(el); const isVisible = style.display !== 'none' && style.visibility !== 'hidden'; if (isVisible && rect.height > 0 && rect.bottom > 0 && rect.top < 300) { maxBottomOffset = Math.max(maxBottomOffset, rect.bottom); } } }); banner.style.top = `${Math.max(0, maxBottomOffset)}px`; banner.style.marginTop = '0px'; } const triggerInstantUpdate = () => { if (bannerVisible) { window.requestAnimationFrame(updateBannerPosition); } }; const adContainer = document.querySelector('.dfp-leaderboard-container'); const headerContainer = document.querySelector('[data-component-name="SiteHeader:Masthead"]'); if (adContainer || headerContainer) { const instantObserver = new MutationObserver(triggerInstantUpdate); const observerConfig = { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] }; if (adContainer) instantObserver.observe(adContainer, observerConfig); if (headerContainer) instantObserver.observe(headerContainer, observerConfig); } const resizeObserver = new ResizeObserver(triggerInstantUpdate); resizeObserver.observe(document.body); resizeObserver.observe(document.documentElement); function showBanner() { if (window.scrollY < 100) return; const heroComponent = document.getElementById('full-bleed-hero'); if (heroComponent && heroComponent.getBoundingClientRect().bottom > 0) return; if(typeof ffte !== 'undefined' && ffte?.properties?.articleType === 'deals') return; if (!bannerDismissed && !isAuthKiosq && !isAuthConnect) { if(window.dispatchOrQueueAction) { window.dispatchOrQueueAction('freyr.sendEventToFreyr', { name: 'membershipEvent', eventObject: { membership: { action: "scroll-page", label: "membership-banner", type: "banner-sticky" } } }); } const bgImg = document.getElementById('skinnyBannerBgImg'); if (bgImg && !bgImg.getAttribute('src')) { if (bgImg.getAttribute('data-srcset')) bgImg.setAttribute('srcset', bgImg.getAttribute('data-srcset')); bgImg.setAttribute('src', bgImg.getAttribute('data-src')); } banner.classList.add('show'); document.body.classList.add('banner-visible'); bannerVisible = true; updateBannerPosition(); } } function hideBanner() { if (isInputFocused) return; banner.classList.remove('show'); bannerVisible = false; bannerExpanded = false; banner.classList.remove('expanded'); document.body.classList.remove('banner-expanded'); banner.style.top = ''; banner.style.marginTop = ''; } function toggleBanner() { if (bannerDismissed) return; bannerExpanded = !bannerExpanded; banner.classList.toggle('expanded', bannerExpanded); document.body.classList.toggle('banner-expanded', bannerExpanded); if (bannerExpanded && window.dispatchOrQueueAction) { window.dispatchOrQueueAction('freyr.sendEventToFreyr', { name: 'membershipEvent', eventObject: { membership: { action: "click-banner", label: "membership-banner", type: "banner-sticky" } } }); } } window.addEventListener('scroll', () => { const heroComponent = document.getElementById('full-bleed-hero'); const isHeroVisible = heroComponent && heroComponent.getBoundingClientRect().bottom > 0; if (isHeroVisible || window.scrollY < 100) { if (!isInputFocused) hideBanner(); } else { if (!bannerVisible) showBanner(); } if (bannerVisible) triggerInstantUpdate(); }, { passive: true }); window.addEventListener('resize', triggerInstantUpdate, { passive: true }); document.addEventListener('click', function (event) { if (!banner) return; if (!banner.contains(event.target) && banner.classList.contains('expanded') && document.body.classList.contains('banner-expanded')) { toggleBanner(); } }); if (bannerHeader) bannerHeader.addEventListener('click', toggleBanner); if (joinNowBtn) joinNowBtn.addEventListener('click', e => { e.stopPropagation(); window.location.href = '/membership'; }); });

`; } }) .catch(error => { console.error("Submission failed", error); if (submitBtnBanner) submitBtnBanner.disabled = false; }); } window.handleMembershipFormSubmit = handleMembershipFormSubmit; if (closeBtns) closeBtns.forEach(btn => btn.addEventListener('click', setPopupClosed)); if (popupEmailInput) { popupEmailInput.addEventListener("input", function () { if (typeof window.dispatchOrQueueAction === 'function') { window.dispatchOrQueueAction('freyr.sendEventToFreyr', { name: 'membershipEvent', eventObject: { membership: { action: "input-signup-form", label: "membership-popup", type: "popup" } }, }); } }); } window.addEventListener('scroll', () => { if (!shouldShowPopup()) return; const progress = getScrollProgressInArticle(); if (progress >= 40 && !popupShown) { clubPopup.classList.remove('opacity-0', 'scale-90', 'closedPopup'); clubPopup.classList.add('opacity-100', 'scale-100', 'translate-y-0'); popupShown = true; if (typeof window.dispatchOrQueueAction === 'function') { window.dispatchOrQueueAction('freyr.sendEventToFreyr', { name: 'membershipEvent', eventObject: { membership: { action: "scroll-article", label: "membership-popup", type: "popup" } }, }); } } else if (progress < 40 && popupShown) { clubPopup.classList.add('opacity-0', 'scale-90', 'closedPopup'); clubPopup.classList.remove('opacity-100', 'scale-100', 'translate-y-0'); popupShown = false; } }); controlPopupPositionOnScreen(); window.matchMedia('(max-width: 699px)').addEventListener('change', controlPopupPositionOnScreen); const bodyObserver = new MutationObserver((mutationsList) => { for (const mutation of mutationsList) { if (mutation.type === 'attributes' && mutation.attributeName === 'class') { controlPopupPositionOnScreen(); } } }); bodyObserver.observe(document.body, { attributes: true }); manageInitialPopupState(); });