(function(){ var rampMs = 2000; var rushMs = 250; var introText = "0%"; var letterMs = 500; var offsetMs = 150; var outroOffsetMs = 69; var outroHoldMs = 250; var introWallclock = (introText.length - 1) * offsetMs + letterMs; var start = 0; var current = 0; var rushing = false; var rushStart = 0; var rushFrom = 0; // ramp caps at a random 80-95% per load, so the fake counter doesn't always // tell by stalling at exactly the same number var rampTarget = 80 + Math.random() * 15; function easeOut(t){ return 1 - Math.pow(1 - t, 2); } function init(){ var el = document.getElementById("preloader-counter"); if (!el) { requestAnimationFrame(init); return; } var wrapper = el.closest("[" + "data-preloader" + "]"); // Letter-split the starting text with a per-letter animation-delay stagger. // Each letter sits inside its own inline-block mask (overflow:hidden) so the // CSS keyframe (letterSlideIn) clips the upward translate cleanly without // forcing the parent span into inline-block layout. var letters = ""; for (var i = 0; i < introText.length; i++) { letters += '' + '' + introText.charAt(i) + '' + ''; } el.innerHTML = letters; // Re-split the final "100%" into per-letter spans so each can hard-cut // out individually; CSS (letterCut) handles the snap, staggered by the // inline animation-delay set here. The hold offset gives "100%" a beat // to read before the first letter cuts. function splitForOutro(text){ var html = ""; for (var i = 0; i < text.length; i++) { var delay = outroHoldMs + i * outroOffsetMs; html += '' + text.charAt(i) + ''; } el.innerHTML = html; } // Single idempotent entry point for the rAF loop. The guard lets the // data-ready observer safely restart the loop when the ramp already // reached 95 and stopped before data-ready flipped (slow load) — without // ever double-scheduling when the loop is still alive (fast load). var tickPending = false; function scheduleTick(){ if (tickPending) return; tickPending = true; requestAnimationFrame(tick); } function tick(now){ tickPending = false; if (rushing) { var rt = Math.min(1, (now - rushStart) / rushMs); if (rt < 1) { current = rushFrom + (100 - rushFrom) * easeOut(rt); el.textContent = Math.round(current) + "%"; scheduleTick(); } else { splitForOutro("100%"); } return; } var t = Math.min(1, (now - start) / rampMs); current = rampTarget * easeOut(t); el.textContent = Math.round(current) + "%"; if (t < 1) scheduleTick(); } // Hold the letter-split intro for its full wall-clock, then start ticking; // the first textContent write in tick() naturally replaces the letter spans. setTimeout(function(){ start = performance.now(); scheduleTick(); }, introWallclock); if (wrapper && typeof MutationObserver !== "undefined") { var obs = new MutationObserver(function(){ if (wrapper.hasAttribute("data-ready") && !rushing) { rushFrom = current; rushStart = performance.now(); rushing = true; obs.disconnect(); // Restart the loop in case the ramp already finished and stopped. scheduleTick(); } }); obs.observe(wrapper, { attributes: true, attributeFilter: ["data-ready"] }); } } init(); })();

Investor updates

Investor updates