(function () { "use strict"; var root = document.getElementById("ev2-loader"); if (!root) return; if (document.documentElement.getAttribute("data-ev2-dismissed") === "1" || window.__ev2InitialDone) { document.documentElement.setAttribute("data-ev2-dismissed", "1"); root.classList.add("ev2-gone"); return; } if (root.getAttribute("data-ev2-init")) return; root.setAttribute("data-ev2-init", "1"); var NS = "http://www.w3.org/2000/svg"; function $(id) { return document.getElementById(id); } function clamp01(x) { return x < 0 ? 0 : x > 1 ? 1 : x; } function lerp(a, b, t) { return a + (b - a) * t; } function f(n) { return Math.round(n * 100) / 100; } function mod(a, n) { return ((a % n) + n) % n; } function resample(pts, n) { var L = [0], total = 0, i; for (i = 1; i < pts.length; i++) { total += Math.hypot(pts[i][0] - pts[i - 1][0], pts[i][1] - pts[i - 1][1]); L.push(total); } var out = [], j = 1; for (var k = 0; k < n; k++) { var s = (total * k) / n; while (j < pts.length - 1 && L[j] < s) j++; var t = (s - L[j - 1]) / (L[j] - L[j - 1] || 1); out.push([lerp(pts[j - 1][0], pts[j][0], t), lerp(pts[j - 1][1], pts[j][1], t)]); } return out; } // ---------- target shapes ---------- var CX = 160, CY = 160, R = 118; var E = [108,258], A = [108,58], B = [212,150], C = [140,150], D = [216,258]; var FS = [[E, A], [A, B], [B, C], [C, D], [D, E]], COUNTS = [37, 26, 13, 24, 20]; var FLAG = []; for (var s = 0; s < 5; s++) FLAG = FLAG.concat(resample(FS[s], COUNTS[s])); var N = FLAG.length; var ANG = new Float32Array(N); for (var k0 = 0; k0 < N; k0++) ANG[k0] = (135 + (360 * k0) / N) * Math.PI / 180; // ---------- emblems ---------- function sunPath() { var d = "", r0 = 8.6, r1 = 16, hw = 0.2; for (var i = 0; i < 12; i++) { var a = (i / 12) * Math.PI * 2 - Math.PI / 2; d += "M" + f(Math.cos(a - hw) * r0) + " " + f(Math.sin(a - hw) * r0) + "L" + f(Math.cos(a) * r1) + " " + f(Math.sin(a) * r1) + "L" + f(Math.cos(a + hw) * r0) + " " + f(Math.sin(a + hw) * r0) + "Z"; } return d + "M-9.2 0A9.2 9.2 0 1 0 9.2 0A9.2 9.2 0 1 0 -9.2 0Z"; } function moonPath() { var d = "M-11.69 -7.7A14 14 0 1 0 11.69 -7.7A12 12 0 1 1 -11.69 -7.7Z", cy = -5.2, r0 = 5.4, r1 = 10.4; for (var i = 0; i < 8; i++) { var a = Math.PI + ((i + 0.5) / 8) * Math.PI, hw = 0.13; d += "M" + f(Math.cos(a - hw) * r0) + " " + f(cy + Math.sin(a - hw) * r0) + "L" + f(Math.cos(a) * r1) + " " + f(cy + Math.sin(a) * r1) + "L" + f(Math.cos(a + hw) * r0) + " " + f(cy + Math.sin(a + hw) * r0) + "Z"; } return d + "M-5.6 " + f(cy) + "A5.6 5.6 0 0 1 5.6 " + f(cy) + "Z"; } $("ev2-sunpath").setAttribute("d", sunPath()); $("ev2-moonpath").setAttribute("d", moonPath()); var shape = $("ev2-shape"), shadow = $("ev2-shadow"), gloss = $("ev2-gloss"); var sunEl = $("ev2-sun"), moonEl = $("ev2-moon"), ripplesG = $("ev2-ripples"), dropsG = $("ev2-drops"); // ---------- physics state ---------- var px = new Float32Array(N), py = new Float32Array(N), vx = new Float32Array(N), vy = new Float32Array(N); var tx = new Float32Array(N), ty = new Float32Array(N); function spring(o) { return { x: o, v: 0 }; } var em = { moon: { x: spring(CX), y: spring(-40), s: spring(0), r: spring(0) }, sun: { x: spring(CX), y: spring(-40), s: spring(0), r: spring(0) } }; var drops = [], ripples = []; var time = 0, lastMode = -1, exitAt = -1, impactDone = false, sunSpin = 0, sharp = 0; function reset() { time = 0; lastMode = -1; exitAt = -1; impactDone = false; sunSpin = 0; sharp = 0; for (var k = 0; k < N; k++) { px[k] = CX + Math.cos(ANG[k]) * 14; py[k] = -70 + Math.sin(ANG[k]) * 20; vx[k] = 0; vy[k] = 0; } ["moon", "sun"].forEach(function (n) { var e = em[n]; e.x.x = CX; e.x.v = 0; e.y.x = CY; e.y.v = 0; e.s.x = 0; e.s.v = 0; e.r.x = 0; e.r.v = 0; }); drops.length = 0; ripples.length = 0; while (dropsG.firstChild) dropsG.removeChild(dropsG.firstChild); while (ripplesG.firstChild) ripplesG.removeChild(ripplesG.firstChild); } function addRipple(r0, r1, w) { var c = document.createElementNS(NS, "circle"); c.setAttribute("cx", CX); c.setAttribute("cy", CY); ripplesG.appendChild(c); ripples.push({ el: c, t: 0, r0: r0, r1: r1, w: w }); } function splash() { for (var i = 0; i < 10; i++) { var a = Math.PI + (i / 9) * Math.PI + (i % 2 ? 0.08 : -0.08); var sp = 240 + (i * 53) % 180; var c = document.createElementNS(NS, "circle"); dropsG.appendChild(c); drops.push({ el: c, x: CX + Math.cos(a) * 60, y: 236, vx: Math.cos(a) * sp, vy: Math.sin(a) * sp * 1.1 - 120, r: 3 + (i % 3) * 1.6, t: 0 }); } } function kick(e, amt) { e.r.v += amt; e.s.v += 2.5; } // which pose a vertex is heading for: 0 = circle, 1 = flag (staggered around the outline) // flag phase per cycle: morph in (0–0.6s) → snap to sharp corners and hold still (0.62–2.0s) // → jelly wiggle (2.0–2.6s) → melt back into the medallion var LOOP0 = 1.7, CYCLE = 4.6, FLAGFOR = 2.6; var SHARP_IN = 0.62, SHARP_FULL = 0.78, SHARP_OUT = 2.0, SHARP_END = 2.12; function cyc(t) { var p = t - LOOP0; return p < 0 ? -1 : mod(p, CYCLE); } function sharpAt(t) { var c = cyc(t); if (c < 0 || c >= FLAGFOR) return 0; if (c < SHARP_IN) return 0; if (c < SHARP_FULL) return (c - SHARP_IN) / (SHARP_FULL - SHARP_IN); if (c < SHARP_OUT) return 1; if (c < SHARP_END) return 1 - (c - SHARP_OUT) / (SHARP_END - SHARP_OUT); return 0; } function waveAt(t) { var c = cyc(t); if (c < 0 || c >= FLAGFOR) return 0; return clamp01((c - 2.02) / 0.18); } function poseAt(t) { var p = t - LOOP0; if (p < 0) return 0; return mod(p, CYCLE) < FLAGFOR ? 1 : 0; } function stepSprings(e, txv, tyv, ts, tr, dt) { var K = 150, Cd = 11; e.x.v += (K * (txv - e.x.x) - Cd * e.x.v) * dt; e.x.x += e.x.v * dt; e.y.v += (K * (tyv - e.y.x) - Cd * e.y.v) * dt; e.y.x += e.y.v * dt; e.s.v += (240 * (ts - e.s.x) - 13 * e.s.v) * dt; e.s.x += e.s.v * dt; e.r.v += (120 * (tr - e.r.x) - 7 * e.r.v) * dt; e.r.x += e.r.v * dt; } function step(dt) { time += dt; var t = time; var exiting = exitAt >= 0, te = exiting ? t - exitAt : 0; var K, Cd, Ssm; // ----- blob targets ----- if (t < 0.42 && !exiting) { // falling droplet, stretched by its speed var u = t / 0.42, cy = lerp(-70, CY + 20, u * u), rx = 15 - 3 * u, ry = 20 + 18 * u; for (var k = 0; k < N; k++) { tx[k] = CX + Math.cos(ANG[k]) * rx; ty[k] = cy + Math.sin(ANG[k]) * ry; } K = 900; Cd = 45; Ssm = 40; } else { if (!impactDone && !exiting) { impactDone = true; splash(); addRipple(70, 172, 4); for (var k1 = 0; k1 < N; k1++) { vy[k1] *= 0.15; } } var squash = !exiting && t < 0.52; for (var k2 = 0; k2 < N; k2++) { var ct = Math.cos(ANG[k2]), st = Math.sin(ANG[k2]); var cxT, cyT; if (exiting) { var rr = te < 0.16 ? R * 1.07 : 0; cxT = CX + ct * rr; cyT = CY + st * rr; } else if (squash) { cxT = CX + ct * 140; cyT = CY + 28 + st * 88; } else { var pose = poseAt(t - 0.26 * (k2 / N)); if (pose === 1) { var fx = FLAG[k2][0], fy = FLAG[k2][1]; var amt = clamp01((fx - 108) / 108); var wenv = waveAt(t) * amt; cxT = fx + wenv * 4.2 * Math.sin(t * 9 - fx * 0.06); cyT = fy + wenv * 3 * Math.sin(t * 9 - fx * 0.06 + 1.3); } else { var breathe = 1 + 0.012 * Math.sin(t * 2.4 + ANG[k2] * 3); cxT = CX + ct * R * breathe; cyT = CY + st * R * breathe; } } tx[k2] = cxT; ty[k2] = cyT; } K = exiting ? (te < 0.16 ? 260 : 150) : 165; Cd = exiting ? 13 : 12.5; Ssm = 70; } // ----- integrate the outline (spring to target + liquid cohesion) ----- for (var i = 0; i < N; i++) { var a = i === 0 ? N - 1 : i - 1, b = i === N - 1 ? 0 : i + 1; // relative-velocity damping between neighbours removes jitter but keeps the big elastic swings var rvx = (vx[a] + vx[b]) * 0.5 - vx[i], rvy = (vy[a] + vy[b]) * 0.5 - vy[i]; var ax = K * (tx[i] - px[i]) - Cd * vx[i] + Ssm * ((px[a] + px[b]) * 0.5 - px[i] - ((tx[a] + tx[b]) * 0.5 - tx[i])) + 18 * rvx; var ay = K * (ty[i] - py[i]) - Cd * vy[i] + Ssm * ((py[a] + py[b]) * 0.5 - py[i] - ((ty[a] + ty[b]) * 0.5 - ty[i])) + 18 * rvy; vx[i] += ax * dt; vy[i] += ay * dt; } for (var i2 = 0; i2 < N; i2++) { px[i2] += vx[i2] * dt; py[i2] += vy[i2] * dt; } if (sharp >= 1) { for (var i3 = 0; i3 < N; i3++) { px[i3] = FLAG[i3][0]; py[i3] = FLAG[i3][1]; vx[i3] = 0; vy[i3] = 0; } } // ----- crisp-flag pause ----- var ns = exiting ? 0 : sharpAt(t); if (ns >= 0.5 && sharp < 0.5) addRipple(96, 150, 2.5); sharp = ns; // ----- emblems ----- var g = poseAt(t - 0.13); if (g !== lastMode && t > LOOP0 && !exiting) { if (lastMode !== -1) { kick(em.moon, g ? 260 : -260); kick(em.sun, g ? -320 : 320); addRipple(R - 10, R + 34, 2.5); } lastMode = g; } if (exiting) { var es = te < 0.12 ? 1.15 : 0; stepSprings(em.moon, em.moon.x.x, em.moon.y.x, es * (lastMode === 1 ? 0.9 : 1.5), 0, dt); stepSprings(em.sun, em.sun.x.x, em.sun.y.x, es * (lastMode === 1 ? 0.95 : 1.5), 0, dt); } else if (g === 1) { stepSprings(em.moon, 132, 118, 0.9, 0, dt); stepSprings(em.sun, 138, 210, 0.95, 0, dt); } else { stepSprings(em.moon, CX, 112, t > 0.58 ? 1.55 : 0, 0, dt); stepSprings(em.sun, CX, 204, t > 0.82 ? 1.55 : 0, 0, dt); } sunSpin += dt * 22; // ----- splash droplets + ripples ----- for (var d = drops.length - 1; d >= 0; d--) { var dr = drops[d]; dr.t += dt; dr.vy += 900 * dt; dr.x += dr.vx * dt; dr.y += dr.vy * dt; if (dr.t > 0.7) { dropsG.removeChild(dr.el); drops.splice(d, 1); } } for (var r = ripples.length - 1; r >= 0; r--) { var rp = ripples[r]; rp.t += dt; if (rp.t > 0.8) { ripplesG.removeChild(rp.el); ripples.splice(r, 1); } } } function smoothPath() { var d = "M" + f((px[N - 1] + px[0]) / 2) + " " + f((py[N - 1] + py[0]) / 2); for (var i = 0; i < N; i++) { var j = i === N - 1 ? 0 : i + 1; d += "Q" + f(px[i]) + " " + f(py[i]) + " " + f((px[i] + px[j]) / 2) + " " + f((py[i] + py[j]) / 2); } return d + "Z"; } function draw() { if (sharp > 0) { var d = ""; for (var q = 0; q < N; q++) { var qx = lerp(px[q], FLAG[q][0], sharp), qy = lerp(py[q], FLAG[q][1], sharp); d += (q ? "L" : "M") + f(qx) + " " + f(qy); } shape.setAttribute("d", d + "Z"); shape.setAttribute("stroke-linejoin", "miter"); shape.setAttribute("stroke-miterlimit", "10"); } else { shape.setAttribute("d", smoothPath()); shape.setAttribute("stroke-linejoin", "round"); } var minX = 1e9, maxX = -1e9, maxY = -1e9; for (var i = 0; i < N; i++) { if (px[i] < minX) minX = px[i]; if (px[i] > maxX) maxX = px[i]; if (py[i] > maxY) maxY = py[i]; } var w = Math.max(0, maxX - minX); var near = clamp01(1 - (292 - maxY) / 260); shadow.setAttribute("rx", f(Math.max(4, w * 0.44))); shadow.setAttribute("opacity", f(0.25 + 0.75 * near)); var flagness = lastMode === 1 ? 1 : 0; shape.setAttribute("stroke-width", f(flagness ? 7 : 9)); gloss.setAttribute("opacity", f(time < 0.42 ? 0.1 : 0.17)); var m = em.moon, s = em.sun; moonEl.setAttribute("transform", "translate(" + f(m.x.x) + " " + f(m.y.x) + ") rotate(" + f(m.r.x) + ") scale(" + f(Math.max(0, m.s.x)) + ")"); sunEl.setAttribute("transform", "translate(" + f(s.x.x) + " " + f(s.y.x) + ") rotate(" + f(s.r.x + sunSpin) + ") scale(" + f(Math.max(0, s.s.x)) + ")"); for (var d = 0; d < drops.length; d++) { var dr = drops[d], life = 1 - dr.t / 0.7; dr.el.setAttribute("cx", f(dr.x)); dr.el.setAttribute("cy", f(dr.y)); dr.el.setAttribute("r", f(Math.max(0, dr.r * life))); } for (var r = 0; r < ripples.length; r++) { var rp = ripples[r], q = rp.t / 0.8, e = 1 - Math.pow(1 - q, 3); rp.el.setAttribute("r", f(lerp(rp.r0, rp.r1, e))); rp.el.setAttribute("stroke-width", f(rp.w * (1 - q))); rp.el.setAttribute("opacity", f(0.5 * (1 - q))); } } // ---------- status messages ---------- var msgs = root.querySelectorAll(".ev2-msg"), msgIdx = 0, msgTimer = 0; function nextMsg() { if (!root.isConnected) { stopAnim(); return; } msgs[msgIdx].classList.remove("ev2-on"); msgIdx = (msgIdx + 1) % msgs.length; msgs[msgIdx].classList.add("ev2-on"); } var letters = root.querySelectorAll(".ev2-word span"); for (var li = 0; li < letters.length; li++) letters[li].style.animationDelay = (0.45 + li * 0.07) + "s"; // ---------- loop ---------- var reduceMotion = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches; var DT = 1 / 120, raf = 0, last = 0, acc = 0, outTimer = 0; function frame(now) { if (!root.isConnected) { stopAnim(); return; } raf = requestAnimationFrame(frame); var el = (now - last) / 1000; last = now; if (!(el > 0)) return; if (el > 0.1) el = 0.1; acc += el; var n = 0; while (acc >= DT && n < 24) { step(DT); acc -= DT; n++; } if (n === 24) acc = 0; if (n) draw(); } function simulateTo(sec) { reset(); var n = Math.round(sec / DT); for (var i = 0; i < n; i++) step(DT); draw(); } function startAnim() { stopAnim(); if (reduceMotion) { simulateTo(3.2); return; } reset(); draw(); last = performance.now(); acc = 0; raf = requestAnimationFrame(frame); msgTimer = setInterval(nextMsg, 1900); } function stopAnim() { if (raf) cancelAnimationFrame(raf); raf = 0; clearInterval(msgTimer); } // ---------- show / hide ---------- var html = document.documentElement, prevOverflow = "", locked = false; var hidden = false, exiting = false, hideTimer = 0, shownAt = 0; var firstVisit = true; try { firstVisit = !sessionStorage.getItem("ev-loader-seen"); sessionStorage.setItem("ev-loader-seen", "1"); } catch (e) {} function num(attr, def) { var v = parseInt(root.getAttribute(attr), 10); return isNaN(v) ? def : v; } var minTime = firstVisit ? num("data-min-time", 3400) : num("data-repeat-min-time", 2600); var maxTime = num("data-max-time", 12000); var lockScroll = root.getAttribute("data-lock-scroll") !== "false"; function show(forceExplicit) { if (!forceExplicit && (window.__ev2InitialDone || html.getAttribute("data-ev2-dismissed") === "1")) { return; } clearTimeout(hideTimer); clearTimeout(outTimer); hidden = false; var cur = document.getElementById("ev2-loader") || root; if (raf && !exiting && !cur.classList.contains("ev2-gone") && !cur.classList.contains("ev2-leaving") && !cur.classList.contains("ev2-out")) { return; } exiting = false; shownAt = Date.now(); html.removeAttribute("data-ev2-dismissed"); cur.classList.remove("ev2-gone", "ev2-out", "ev2-leaving"); cur.setAttribute("aria-busy", "true"); if (lockScroll && !locked) { prevOverflow = html.style.overflow; html.style.overflow = "hidden"; locked = true; } startAnim(); } function finish() { stopAnim(); window.__ev2InitialDone = true; html.setAttribute("data-ev2-dismissed", "1"); var cur = document.getElementById("ev2-loader") || root; cur.classList.add("ev2-gone"); cur.classList.remove("ev2-out", "ev2-leaving"); } function exit() { if (exiting) return; exiting = true; var cur = document.getElementById("ev2-loader") || root; cur.setAttribute("aria-busy", "false"); if (locked) { html.style.overflow = prevOverflow; locked = false; } cur.classList.add("ev2-leaving"); if (raf && !reduceMotion) { exitAt = time; // elastic gulp: inhale, then pop away outTimer = setTimeout(function () { var c2 = document.getElementById("ev2-loader") || root; c2.classList.add("ev2-out"); outTimer = setTimeout(function () { if (exiting) finish(); }, 470); }, 380); } else { cur.classList.add("ev2-out"); outTimer = setTimeout(function () { if (exiting) finish(); }, 470); } } function hide(force) { if (exiting) return; if (force === true) { clearTimeout(hideTimer); hidden = true; window.__ev2InitialDone = true; exit(); return; } if (window.__ev2ClientWaiting > 0) return; if (hidden) return; hidden = true; hideTimer = setTimeout(exit, Math.max(0, minTime - (Date.now() - shownAt))); } root.addEventListener("click", function () { hide(true); }); window.EverestLoader = { show: show, hide: function () { hide(false); }, seek: function (sec) { stopAnim(); simulateTo(sec); } }; show(); if (root.getAttribute("data-auto-hide") !== "false") { if (document.readyState === "complete") { if (!window.__ev2ClientWaiting) hide(false); } else { window.addEventListener("load", function () { if (!window.__ev2ClientWaiting) hide(false); }, { once: true }); } setTimeout(function () { hide(true); }, maxTime); } })();