/* GoLaunch Club — Custom JS: hero dot-grid + gradient CTA + heading copy */ (function () { "use strict"; var GRADIENT = "linear-gradient(to right, #00804c, #74c365)"; var CTA_IDS = [ "login--button", "sign-up--button", "forgot-password-form-btn", "login-secure-form-btn", ]; function mountDots() { var card = document.querySelector(".max-w-md.login-page-width"); if (!card) return; var col = card.closest(".centered.h-full.w-full"); if (!col || col.querySelector(".gl-dot-canvas")) return; var canvas = document.createElement("canvas"); canvas.className = "gl-dot-canvas"; canvas.setAttribute("aria-hidden", "true"); col.insertBefore(canvas, col.firstChild); var ctx = canvas.getContext("2d"); if (!ctx) return; var RGB = [48, 50, 40]; var maxAlpha = 0.56, baseAlpha = 0.2, pulseAmp = 0.055; var twinkleBoost = 0.2, twinkleChance = 0.14, speedScale = 0.7; var coverage = 0.7, dotRadius = 1.9, edgeBias = 3.5; var SP = 30; var reduce = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches; var dots = [], W = 0, H = 0, rafId = 0, running = false; function resize() { var rect = canvas.getBoundingClientRect(); var dpr = window.devicePixelRatio || 1; W = rect.width; H = rect.height; canvas.width = Math.max(1, Math.floor(W * dpr)); canvas.height = Math.max(1, Math.floor(H * dpr)); ctx.setTransform(dpr, 0, 0, dpr, 0, 0); dots = []; var ox = (W % SP) / 2, oy = (H % SP) / 2; var cx = W / 2, halfSpan = cx || 1; for (var y = oy; y <= H; y += SP) { var vf = Math.max(0, 1 - y / (H * coverage)); for (var x = ox; x <= W; x += SP) { var hf = edgeBias > 0 ? Math.pow(Math.abs(x - cx) / halfSpan, edgeBias) : 1; dots.push({ x: x, y: y, ph: Math.random() * 6.2832, sp: 0.0011 + Math.random() * 0.0008, tw: Math.random() < twinkleChance, tph: Math.random() * 6.2832, tsp: 0.0009 + Math.random() * 0.001, fade: vf * hf, }); } } } function draw(t) { ctx.clearRect(0, 0, W, H); for (var i = 0; i < dots.length; i++) { var d = dots[i]; if (d.fade <= 0.002) continue; var pulse = baseAlpha + pulseAmp * (0.5 + 0.5 * Math.sin(t * d.sp * speedScale + d.ph)); if (d.tw) pulse += twinkleBoost * Math.pow(0.5 + 0.5 * Math.sin(t * d.tsp * speedScale + d.tph), 6); var a = pulse * d.fade; if (a <= 0.008) continue; var rad = dotRadius * (1 + Math.max(0, a - 0.1) * 2.2); ctx.beginPath(); ctx.arc(d.x, d.y, rad, 0, 6.2832); ctx.fillStyle = "rgba(" + RGB[0] + "," + RGB[1] + "," + RGB[2] + "," + Math.min(maxAlpha, a).toFixed(3) + ")"; ctx.fill(); } } function drawStatic() { ctx.clearRect(0, 0, W, H); for (var i = 0; i < dots.length; i++) { var d = dots[i]; var a = (baseAlpha + 0.01) * d.fade; if (a <= 0.01) continue; ctx.beginPath(); ctx.arc(d.x, d.y, dotRadius, 0, 6.2832); ctx.fillStyle = "rgba(" + RGB[0] + "," + RGB[1] + "," + RGB[2] + "," + a.toFixed(3) + ")"; ctx.fill(); } } function frame(t) { draw(t); rafId = requestAnimationFrame(frame); } function start() { if (!running && !reduce) { running = true; rafId = requestAnimationFrame(frame); } } function stop() { if (running) { running = false; cancelAnimationFrame(rafId); } } resize(); function onResize() { resize(); if (reduce) drawStatic(); } window.addEventListener("resize", onResize); if (typeof ResizeObserver !== "undefined") { new ResizeObserver(onResize).observe(canvas); } if (reduce) { drawStatic(); } else if (typeof IntersectionObserver !== "undefined") { new IntersectionObserver( function (entries) { for (var i = 0; i < entries.length; i++) { entries[i].isIntersecting ? start() : stop(); } }, { threshold: 0 } ).observe(canvas); } else { start(); } } function applyCtaGradient() { for (var i = 0; i < CTA_IDS.length; i++) { var btn = document.getElementById(CTA_IDS[i]); if (!btn) continue; btn.style.setProperty("background", GRADIENT, "important"); btn.style.setProperty("color", "#ffffff", "important"); } } function brandHeading() { var h = document.querySelector(".hl-display-sm-semibold"); if (!h || h.querySelector(".gl-grad")) return; if (h.textContent.trim() === "Login") { h.innerHTML = 'Login to GoLaunch'; } } function tick() { mountDots(); applyCtaGradient(); brandHeading(); } function init() { tick(); var app = document.getElementById("app") || document.body; if (app && window.MutationObserver) { new MutationObserver(function () { tick(); }).observe(app, { childList: true, subtree: true }); } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", init); } else { init(); } })();