so it registered as a // 0x0 -> viewport CLS shift (~1.0). Dropping the toggle removes both. // Hand off to the page: the hero decrypt reveal listens for this and // starts its scramble AS the splash lifts, so the signature reveal is // actually seen (it used to settle ~400ms after a silent teardown). try { window.dispatchEvent(new CustomEvent("gpx:boot-done")); } catch (e) { // Legacy fallback for engines without the CustomEvent constructor. try { var ev = document.createEvent("Event"); ev.initEvent("gpx:boot-done", false, false); window.dispatchEvent(ev); } catch (e2) {} } } function fadeAndRemove() { var el = document.getElementById("gpx-boot"); if (!el) { teardown(); return; } el.style.pointerEvents = "none"; el.className = (el.className ? el.className + " " : "") + "gpx-out"; var done = false; var finish = function(){ if (done) return; done = true; teardown(); }; // Gate removal on the OPACITY transition specifically (the node also has // other transitions in flight) so the .45s fade actually renders instead // of being cut ~10ms in on the first unrelated transitionend. var onEnd = function(e){ if (e && e.target !== el) return; if (e && e.propertyName && e.propertyName !== "opacity") return; try { el.removeEventListener("transitionend", onEnd); } catch (er) {} finish(); }; try { el.addEventListener("transitionend", onEnd); } catch (e) {} // Keep the ~620ms fallback for reduced-transition / interrupted cases. setTimeout(finish, 620); } var SPECS = [ { k: "PROTOCOL", v: "WMP / 0.1" }, { k: "CIPHER", v: "AES-256-GCM" }, { k: "SESSION", v: "ED25519" }, { k: "REGION", v: "COLOMBO / LK" }, { k: "HANDSHAKE", v: "AUTHORIZED" } ]; var GLYPHS = "ABCDEF0123456789#%/-".split(""); var overlay = document.createElement("div"); overlay.id = "gpx-boot"; overlay.setAttribute("role", "status"); overlay.setAttribute("aria-label", "Loading"); overlay.setAttribute("aria-live", "polite"); var specRows = ""; for (var i = 0; i < SPECS.length; i++) { specRows += '

' + '' + SPECS[i].k + '' + '' + '' + (reduce ? SPECS[i].v : "") + '' + '

'; } overlay.innerHTML = '' + '' + '' + '' + '' + '

' + '

' + '' + '

' + '

' + '' + '

' + '

' + specRows + '

' + '

' + (reduce ? "100" : "000") + '% BOOT

' + '

' + (reduce ? "ONLINE" : "STANDBY") + '

' + '

'; var dragonImg = overlay.querySelector(".gpx-dragon"); if (dragonImg) dragonImg.addEventListener("error", function(){ try { this.style.visibility = "hidden"; } catch (e) {} }, { once: true }); // ── Append AFTER the first contentful paint ───────────────────────────── // This script runs synchronously from , before /

are // parsed. If we append the overlay to right now it becomes the FIRST // painted box, and when

later gets its real layout the // LayoutShift API records it as a 0x0 -> full-viewport shift (CLS ~1.0 — the // true dominant source; with the boot disabled the page is CLS 0 because the // content paints in frame 1). Deferring the append to after the first paint // lets

lay out and be recorded in frame 1; the splash then covers it // one frame later with no shift. The inline html/body background (#050505) // above means that first frame is already near-black, so there is no flash. function mountOverlay() { // No root overflow toggle (see teardown note): the fixed/full-screen // overlay covers everything; toggling html overflow forced a reflow. (document.body || root).appendChild(overlay); initBoot(); } function initBoot() { var pctEl = overlay.querySelector(".gpx-pct"); var fillEl = overlay.querySelector(".gpx-bar-fill"); var ledEl = overlay.querySelector(".gpx-led"); var ledTxt = overlay.querySelector(".gpx-ledtxt"); var specEls = overlay.querySelectorAll(".gpx-spec"); if (reduce) { if (fillEl) fillEl.style.transform = "scaleX(1)"; // Reduced-motion: brief, composed hold then lift (was 750ms). setTimeout(fadeAndRemove, 300); return; } var DURATION = 900; var now = function(){ return (window.performance && performance.now) ? performance.now() : Date.now(); }; var raf = window.requestAnimationFrame || function(cb){ return setTimeout(function(){ cb(now()); }, 16); }; var caf = window.cancelAnimationFrame || clearTimeout; var rafId = 0; var start = 0; var SPEC_START = 0.20, SPEC_SPAN = 0.72; var specState = []; for (var s = 0; s < SPECS.length; s++) { var a = SPEC_START + (SPEC_SPAN * (s / SPECS.length)); var b = SPEC_START + (SPEC_SPAN * ((s + 0.85) / SPECS.length)); specState.push({ from: a, to: b, settled: false, lastScramble: 0 }); } function pad3(n){ var x = "" + n; return x.length >= 3 ? x : ("000" + x).slice(-3); } function settleAll() { for (var k = 0; k < SPECS.length; k++) { if (specEls[k]) { var ve = specEls[k].querySelector(".gpx-v"); if (ve) ve.textContent = SPECS[k].v; specEls[k].className = "gpx-spec gpx-done"; } } if (pctEl) pctEl.textContent = "100"; if (fillEl) fillEl.style.transform = "scaleX(1)"; if (ledEl) ledEl.className = "gpx-led gpx-online"; if (ledTxt) ledTxt.textContent = "ONLINE"; } function tick(t) { var p = (t - start) / DURATION; if (p < 0) p = 0; if (p > 1) p = 1; var eased = 1 - Math.pow(1 - p, 1.7); if (pctEl) pctEl.textContent = pad3(Math.round(eased * 100)); if (fillEl) fillEl.style.transform = "scaleX(" + eased.toFixed(4) + ")"; for (var j = 0; j < specState.length; j++) { var st = specState[j]; var row = specEls[j]; if (!row) continue; var vEl = row.querySelector(".gpx-v"); if (!vEl) continue; if (p < st.from) { continue; } else if (p >= st.to) { if (!st.settled) { st.settled = true; vEl.textContent = SPECS[j].v; row.className = "gpx-spec gpx-done"; } } else { row.className = "gpx-spec gpx-resolving"; if (t - st.lastScramble > 55) { st.lastScramble = t; var frac = (p - st.from) / (st.to - st.from); var target = SPECS[j].v; var lock = Math.floor(frac * target.length); var out = ""; for (var c = 0; c < target.length; c++) { var ch = target.charAt(c); if (c < lock || ch === " " || ch === "/" || ch === "-") out += ch; else out += GLYPHS[(Math.random() * GLYPHS.length) | 0]; } vEl.textContent = out; } } } if (p < 1) { rafId = raf(tick); } else { settleAll(); meterDone = true; maybeLift(); } } // ── Readiness-driven lift ──────────────────────────────────────────── // The meter races to 100 over the short DURATION (~900ms) and the splash // lifts at max(BRAND_FLOOR, real page-ready) — so the bar reaches 100 as // it tears down, with a small brand floor so it never flashes away. var BRAND_FLOOR = 800; // ms — minimum on-screen so the boot reads as intentional var floorDone = false, pageReady = false, meterDone = false, lifted = false; function maybeLift() { if (lifted || torn) return; // Lift once the meter has filled AND both the brand floor and real page // readiness have been satisfied. if (meterDone && floorDone && pageReady) { lifted = true; fadeAndRemove(); } } function markReady() { if (!pageReady) { pageReady = true; maybeLift(); } } // Real page-ready = window load (or already-complete). Wait one rAF after // load so the first real frame has a chance to paint under the splash. function onLoaded() { raf(function(){ markReady(); }); } try { if (document.readyState === "complete") { onLoaded(); } else { window.addEventListener("load", onLoaded, { once: true }); } } catch (e) { markReady(); } // Brand floor timer (independent of readiness). setTimeout(function(){ floorDone = true; maybeLift(); }, BRAND_FLOOR); // Anchor the RAF clock + CSS animation-delays to the SAME first-paint t0 (double-rAF) raf(function(){ raf(function(){ start = now(); rafId = raf(tick); }); }); // absolute safety cap — never trap the user even if RAF / load stalls setTimeout(function(){ try { if (rafId) caf(rafId); } catch (e) {} if (!torn) { lifted = true; meterDone = true; settleAll(); fadeAndRemove(); } }, DURATION + 1500); } // end initBoot() // Mount the splash AFTER the first paint so

lays out and is recorded // in frame 1 (no 0x0 CLS shift). Double-rAF lands us just past the first // content frame. A delayed setTimeout is a throttled-rAF fallback (e.g. // background tab) — still well inside the ~800ms brand floor — so the splash // is never skipped, while never firing BEFORE first paint (which would // reintroduce the shift). var mounted = false; function mountOnce(){ if (mounted) return; mounted = true; mountOverlay(); } var rAF = window.requestAnimationFrame || function(cb){ return setTimeout(cb, 16); }; rAF(function(){ rAF(mountOnce); }); setTimeout(mountOnce, 120); } catch (err) { try { var n = document.getElementById("gpx-boot"); if (n && n.parentNode) n.parentNode.removeChild(n); } catch (e2) {} } })();

Free Website Security Scan