'; document.body.appendChild(modal); document.body.style.overflow = "hidden"; var frame = modal.querySelector(".film-frame"); var close = modal.querySelector(".film-close"); var modalVideo = modal.querySelector("video"); modal.addEventListener("click", closeModal); if (frame) frame.addEventListener("click", function (frameEvent) { frameEvent.stopPropagation(); }); if (close) close.addEventListener("click", closeModal); if (modalVideo) startModalVideo(modalVideo); } window.addEventListener("keydown", function (event) { if (event.key === "Escape") closeModal(); }); for (var i = 0; i < buttons.length; i += 1) { buttons[i].addEventListener("touchstart", function (event) { lastTouch = Date.now(); openModal(event); }, { passive: false }); buttons[i].addEventListener("click", function (event) { if (Date.now() - lastTouch < 500) { event.preventDefault(); return; } openModal(event); }); } } function initContactFallback() { window.setTimeout(function () { if (document.body && document.body.dataset.contactFormReady === "true") return; bindContactFallback(); }, 900); } function bindContactFallback() { var form = document.getElementById("contactFormEl"); var widget = document.getElementById("turnstileWidget"); if (!form || !widget || form.getAttribute("data-runtime-bound") === "true") return; if (document.body && document.body.dataset.contactFormReady === "true") return; form.setAttribute("data-runtime-bound", "true"); var callbackName = "_vanyarTurnstileReady"; var rendered = false; function renderTurnstile() { if (rendered || !window.turnstile || !widget) return; if (widget.getAttribute("data-turnstile-rendered") === "true" || widget.querySelector("iframe, input[name='cf-turnstile-response']")) { rendered = true; return; } try { window.turnstile.render(widget, { sitekey: widget.getAttribute("data-sitekey") || "1x00000000000000000000AA", theme: widget.getAttribute("data-theme") || "dark" }); widget.setAttribute("data-turnstile-rendered", "true"); rendered = true; } catch (error) {} } function loadTurnstile() { window[callbackName] = renderTurnstile; if (window.turnstile) { renderTurnstile(); return; } var existing = document.querySelector("script[data-vanyar-turnstile='true']"); if (existing) return; var script = document.createElement("script"); script.src = "https://challenges.cloudflare.com/turnstile/v0/api.js?onload=" + callbackName + "&render=explicit"; script.async = true; script.defer = true; script.dataset.vanyarTurnstile = "true"; document.head.appendChild(script); } function setFieldError(selector, message) { var field = form.querySelector(selector); if (!field) return; field.classList.toggle("error", Boolean(message)); var messageEl = field.querySelector(".field-error"); if (messageEl) messageEl.textContent = message || ""; } function setFormError(message) { var existing = form.querySelector(".form-error"); if (!message) { if (existing) existing.remove(); return; } if (!existing) { existing = document.createElement("p"); existing.className = "form-error"; var foot = form.querySelector(".form-foot"); form.insertBefore(existing, foot || null); } existing.textContent = message; } function replaceWithThanks() { var thanks = document.createElement("div"); thanks.className = "contact-thanks reveal is-visible"; thanks.innerHTML = '

✓

Got it.

We will be in touch within 24 hours.

'; form.replaceWith(thanks); } function submitContact(event) { event.preventDefault(); if (event.stopImmediatePropagation) event.stopImmediatePropagation(); var formData = new FormData(form); var name = String(formData.get("name") || "").trim(); var email = String(formData.get("email") || "").trim(); var message = String(formData.get("message") || "").trim(); var token = String(formData.get("cf-turnstile-response") || "").trim(); var hasError = false; setFieldError(".field:has([name='name'])", ""); setFieldError(".field:has([name='email'])", ""); setFieldError(".field:has([name='message'])", ""); setFieldError(".turnstile-field", ""); setFormError(""); if (!name) { setFieldError(".field:has([name='name'])", "Required"); hasError = true; } if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) { setFieldError(".field:has([name='email'])", "Enter a work email"); hasError = true; } if (!message) { setFieldError(".field:has([name='message'])", "Tell us a little about the problem"); hasError = true; } if (!token) { setFieldError(".turnstile-field", "Complete the security check"); hasError = true; } if (hasError) return; var button = form.querySelector("button[type='submit']"); var originalText = button ? button.textContent : ""; if (button) { button.disabled = true; button.textContent = "Sending..."; } fetch("https://api.web3forms.com/submit", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(Object.fromEntries(formData)) }).then(function (response) { return response.json(); }).then(function (data) { if (data && data.success) { try { window.dataLayer = Array.isArray(window.dataLayer) ? window.dataLayer : []; window.dataLayer.push({ event: "contact_form_submit", page_path: window.location.pathname, form_id: "contactFormEl" }); } catch (error) {} form.reset(); replaceWithThanks(); } else { setFormError("Something went wrong. Please email us at hi@vanyar.com."); } }).catch(function () { setFormError("Something went wrong. Please email us at hi@vanyar.com."); }).finally(function () { if (button) { button.disabled = false; button.textContent = originalText || "Send brief"; } }); } form.addEventListener("focusin", loadTurnstile, { once: true }); form.addEventListener("pointerdown", loadTurnstile, { once: true }); form.addEventListener("touchstart", loadTurnstile, { once: true, passive: true }); form.addEventListener("submit", submitContact, true); } function initNewsletterFallback() { var modal = document.querySelector(".news-modal"); if (!modal || modal.getAttribute("data-runtime-bound") === "true") return; modal.setAttribute("data-runtime-bound", "true"); var storageKey = "vanyar_news_v1"; var lastTouch = 0; var shown = false; function hasHandled() { try { return Boolean(window.localStorage.getItem(storageKey)); } catch (error) { return false; } } function markHandled(state) { try { window.localStorage.setItem(storageKey, state + ":" + Date.now()); } catch (error) {} } function openModal(force) { if (!force && hasHandled()) return; modal.classList.add("open"); modal.setAttribute("aria-hidden", "false"); document.body.style.overflow = "hidden"; focusNewsletterEmail(); } function openAutoModal() { if (shown || hasHandled()) return; shown = true; markHandled("shown"); openModal(true); } function closeModal(dismissed) { modal.classList.remove("open"); modal.setAttribute("aria-hidden", "true"); document.body.style.overflow = ""; if (dismissed !== false) markHandled("dismissed"); } function focusNewsletterEmail() { var input = modal.querySelector(".news-form input[type='email']"); if (!input) return; if (window.matchMedia && window.matchMedia("(max-width: 1000px), (pointer: coarse)").matches) return; var focus = function () { try { input.focus({ preventScroll: true }); } catch (error) { input.focus(); } }; focus(); window.setTimeout(focus, 80); } function triggerOpen(event) { var target = event.target; var element = target && target.closest ? target : target && target.parentElement ? target.parentElement : null; if (!element || !element.closest("[data-newsletter-trigger]")) return; event.preventDefault(); if (event.type === "touchstart") lastTouch = Date.now(); if (event.type === "click" && Date.now() - lastTouch < 500) return; openModal(true); } function submitNewsletter(event) { event.preventDefault(); if (event.stopImmediatePropagation) event.stopImmediatePropagation(); var form = event.currentTarget; var input = form.querySelector("input[type='email']"); var email = input ? String(input.value || "").trim() : ""; if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) { if (input) input.classList.add("error"); return; } if (input) input.classList.remove("error"); var button = form.querySelector("button[type='submit']"); var originalText = button ? button.textContent : ""; if (button) { button.disabled = true; button.textContent = "Sending..."; } fetch("/api/newsletter/subscribe", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email: email, source: "website-popup" }) }).then(function (response) { return response.json().then(function (data) { return { ok: response.ok, data: data }; }).catch(function () { return { ok: response.ok, data: {} }; }); }).then(function (result) { var data = result.data || {}; if (result.ok && data.ok) { try { window.dataLayer = Array.isArray(window.dataLayer) ? window.dataLayer : []; window.dataLayer.push({ event: "newsletter_signup", page_path: window.location.pathname, source: "website-popup" }); } catch (error) {} form.reset(); markHandled("subscribed"); var card = modal.querySelector(".news-card"); if (card) card.classList.add("sent"); window.setTimeout(function () { closeModal(false); }, 2400); } else { var fallbackUrl = data.fallbackUrl || modal.getAttribute("data-newsletter-url"); if (fallbackUrl) window.open(fallbackUrl, "_blank", "noopener,noreferrer"); throw new Error("Newsletter submit failed"); } }).catch(function () { var error = modal.querySelector(".news-error"); if (!error) { error = document.createElement("p"); error.className = "news-error"; form.insertAdjacentElement("afterend", error); } error.textContent = "Something went wrong. Please email us at hi@vanyar.com."; }).finally(function () { if (button) { button.disabled = false; button.textContent = originalText || "Subscribe"; } }); } document.addEventListener("click", triggerOpen); document.addEventListener("touchstart", triggerOpen, { passive: false }); modal.addEventListener("click", function () { closeModal(true); }); var card = modal.querySelector(".news-card"); if (card) card.addEventListener("click", function (event) { event.stopPropagation(); }); var close = modal.querySelector(".news-close"); if (close) close.addEventListener("click", function () { closeModal(true); }); var form = modal.querySelector(".news-form"); if (form) form.addEventListener("submit", submitNewsletter, true); window.addEventListener("hashchange", function () { if (window.location.hash === "#newsletter") { openModal(true); window.history.replaceState(null, "", window.location.pathname + window.location.search); } }); window.addEventListener("vanyar:open-newsletter", function () { openModal(true); }); window.addEventListener("keydown", function (event) { if (event.key === "Escape" && modal.classList.contains("open")) closeModal(true); }); window.addEventListener("scroll", function () { if (shown || hasHandled()) return; var contact = document.getElementById("contact"); if (contact && contact.getBoundingClientRect().top < window.innerHeight * 0.5) { markHandled("reached-contact"); return; } var founders = document.querySelector(".founders"); if (founders && founders.getBoundingClientRect().top < 0) { openAutoModal(); } }, { passive: true }); } function initMobileMenuFallback() { if (!mobileMenu || mobileMenu.getAttribute("data-runtime-outside-bound") === "true") return; mobileMenu.setAttribute("data-runtime-outside-bound", "true"); function closeFromOutside(event) { var target = event.target; if (!mobileMenu.open || !target || mobileMenu.contains(target)) return; closeMobileMenu(); } document.addEventListener("click", closeFromOutside); document.addEventListener("touchstart", closeFromOutside, { passive: true }); } function initBlogInteractionFallbacks() { if (document.body.getAttribute("data-blog-runtime-bound") === "true") return; document.body.setAttribute("data-blog-runtime-bound", "true"); function targetElement(event) { var target = event.target; return target && target.closest ? target : target && target.parentElement ? target.parentElement : null; } function isMobileExperience() { return window.matchMedia && window.matchMedia("(max-width: 1000px), (pointer: coarse)").matches; } function restoreButtonText(button, text) { window.setTimeout(function () { button.textContent = text; }, 1800); } function copyTextFallback(text) { var textarea = document.createElement("textarea"); textarea.value = text; textarea.setAttribute("readonly", ""); textarea.style.position = "fixed"; textarea.style.top = "-9999px"; textarea.style.left = "-9999px"; document.body.appendChild(textarea); textarea.focus(); textarea.select(); textarea.setSelectionRange(0, textarea.value.length); var copied = false; try { copied = document.execCommand && document.execCommand("copy"); } catch (error) { copied = false; } if (textarea.parentElement) textarea.parentElement.removeChild(textarea); return copied; } function fallbackShare(button, shareUrl, shareTitle, shareText) { var originalText = button.textContent || "Share article"; function markCopied() { button.textContent = "Link copied"; restoreButtonText(button, originalText); } function markUnavailable() { button.textContent = "Copy unavailable"; restoreButtonText(button, originalText); } function tryLegacyCopy() { if (copyTextFallback(shareUrl)) markCopied(); else markUnavailable(); } if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(shareUrl).then(markCopied).catch(tryLegacyCopy); return; } tryLegacyCopy(); } function toggleShare(event) { var element = targetElement(event); var button = element && element.closest("[data-blog-share-toggle]"); if (!button) return; event.preventDefault(); if (button.closest(".blog-share-mobile") || isMobileExperience()) { var shareUrl = button.getAttribute("data-blog-share-url") || window.location.href; var shareTitle = button.getAttribute("data-blog-share-title") || document.title; var shareText = button.getAttribute("data-blog-share-text") || ""; if (navigator.share) { navigator.share({ title: shareTitle, text: shareText, url: shareUrl }).catch(function (error) { if (error && error.name === "AbortError") return; fallbackShare(button, shareUrl, shareTitle, shareText); }); return; } fallbackShare(button, shareUrl, shareTitle, shareText); return; } var share = button.closest(".blog-share"); var menu = share && share.querySelector(".blog-share-menu"); if (!menu) return; var nextOpen = menu.hasAttribute("hidden"); if (nextOpen) menu.removeAttribute("hidden"); else menu.setAttribute("hidden", ""); button.setAttribute("aria-expanded", nextOpen ? "true" : "false"); } function closeViewer(viewer) { if (viewer && viewer.parentElement) viewer.parentElement.removeChild(viewer); if (!document.querySelector(".blog-image-viewer")) document.body.style.overflow = ""; } function openImageViewer(event) { var element = targetElement(event); var link = element && element.closest("[data-blog-image-zoom]"); if (!link) return; event.preventDefault(); var src = link.getAttribute("data-image-src") || link.getAttribute("href"); if (!src) return; var title = link.getAttribute("data-caption") || link.getAttribute("aria-label") || "Article image"; var viewer = document.createElement("div"); viewer.className = "blog-image-viewer"; viewer.setAttribute("role", "dialog"); viewer.setAttribute("aria-modal", "true"); viewer.innerHTML = '

' + '

' + '' + '

' + '

'; var label = viewer.querySelector(".blog-image-viewer-topline p"); var image = viewer.querySelector(".blog-image-viewer-media img"); var inner = viewer.querySelector(".blog-image-viewer-inner"); var close = viewer.querySelector(".blog-image-viewer-close"); if (label) label.textContent = title; if (image) image.setAttribute("src", src); document.body.appendChild(viewer); document.body.style.overflow = "hidden"; if (inner) inner.addEventListener("click", function (innerEvent) { innerEvent.stopPropagation(); }); if (close) close.addEventListener("click", function () { closeViewer(viewer); }); viewer.addEventListener("click", function () { closeViewer(viewer); }); if (close && close.focus) close.focus(); } function copyBlogLink(event) { var element = targetElement(event); var button = element && element.closest("[data-blog-copy-link]"); if (!button) return; event.preventDefault(); var url = button.getAttribute("data-blog-copy-link"); if (!url) return; var label = button.querySelector("span:last-child"); var mark = button.querySelector(".share-mark"); function markCopied() { if (label) label.textContent = "Copied link"; if (mark) mark.textContent = "OK"; window.setTimeout(function () { if (label) label.textContent = "Copy link"; if (mark) mark.textContent = "C"; }, 1800); } if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(url).then(markCopied).catch(function () {}); } } document.addEventListener("click", toggleShare); document.addEventListener("click", openImageViewer); document.addEventListener("click", copyBlogLink); document.addEventListener("touchstart", copyBlogLink, { passive: false }); window.addEventListener("keydown", function (event) { if (event.key !== "Escape") return; var viewer = document.querySelector(".blog-image-viewer"); if (viewer) closeViewer(viewer); }); } initHeroVideo(); initFilmModalFallback(); initContactFallback(); initNewsletterFallback(); initMobileMenuFallback(); initBlogInteractionFallbacks(); requestUpdate(); window.setTimeout(requestUpdate, 80); window.setTimeout(requestUpdate, 260); }); })();

Security

Your patch window is a board question.