'; 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) { 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; 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("https://api.web3forms.com/submit", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(Object.fromEntries(new FormData(form))) }).then(function (response) { return response.json(); }).then(function (data) { if (data && data.success) { form.reset(); markHandled("subscribed"); var card = modal.querySelector(".news-card"); if (card) card.classList.add("sent"); window.setTimeout(function () { closeModal(false); }, 2400); } else { 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 }); } initHeroVideo(); initFilmModalFallback(); initContactFallback(); initNewsletterFallback(); initMobileMenuFallback(); requestUpdate(); window.setTimeout(requestUpdate, 80); window.setTimeout(requestUpdate, 260); }); })();

Building Vanyar

No published articles in this category yet.