(function(){ if (window.__aifPreloaderInit) return; window.__aifPreloaderInit = true; var host = document.getElementById('page-preloader-host'); if (!host) return; host.innerHTML = "

00%

"; var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches; var minDuration = reduce ? 220 : 1100; var chromeLeaveDuration = reduce ? 20 : 280; var logoLeaveDuration = reduce ? 20 : 380; var screenLeaveDuration = reduce ? 80 : 820; var leaveDelay = chromeLeaveDuration + logoLeaveDuration + screenLeaveDuration; var startedAt = performance.now(); var current = 0; var target = 0; var loaded = document.readyState === 'complete'; var leaving = false; // На /portfolio обложки рисует drei (общий canvas), и нам важно дождаться // хотя бы пары текстур — иначе прелоадер уйдёт раньше, чем картинки // окажутся на экране, и пользователь увидит пустые плашки. CaseGrid // диспатчит aif:textures-ready, когда первые 2 текстуры загрузились. // Safety-таймаут — на случай медленного интернета: после 4с не ждём. var pathname = window.location.pathname; var requiresTextures = pathname === '/portfolio' || pathname === '/portfolio/'; var texturesReady = !requiresTextures; if (requiresTextures) { window.addEventListener('aif:textures-ready', function(){ texturesReady = true; }, { once: true }); setTimeout(function(){ texturesReady = true; }, 4000); } document.documentElement.classList.add('is-preloading'); // Прогресс — комбинация двух кривых, обе насыщающие (не дёргаются от разовых событий): // byResources: каждый завершённый ресурс плавно тянет цель к 90% (15 ресурсов ≈ 60%, 30 ≈ 86%) // byTime: чисто временной потолок, гарантирует видимое движение даже на медленном инете // Финальная цель = max(byResources, byTime), но не выше 90 пока не выстрелил load. function updateTarget(){ var res = performance.getEntriesByType('resource'); var done = 0; for (var i = 0; i < res.length; i++) { if (res[i].responseEnd > 0) done++; } var byResources = 90 * (1 - Math.exp(-done / 15)); var elapsed = performance.now() - startedAt; var byTime = 60 * (1 - Math.exp(-elapsed / 5000)); var t = Math.min(90, Math.max(byResources, byTime)); if (t > target) target = t; } if (!loaded) { window.addEventListener('load', function(){ loaded = true; }, { once: true }); } try { var po = new PerformanceObserver(function(){ updateTarget(); }); po.observe({ type: 'resource', buffered: true }); } catch (e) {} var line = host.querySelector('.page-preloader__line-fill'); var label = host.querySelector('.page-preloader__percent'); var root = host.querySelector('#page-preloader'); function tick(){ updateTarget(); var elapsed = performance.now() - startedAt; var ready = loaded && texturesReady && elapsed >= minDuration; var cap = ready ? 100 : Math.min(90, target); current += (cap - current) * 0.12; if (Math.abs(cap - current) < 0.3) current = cap; var pct = Math.min(100, Math.round(current)); if (line) line.style.transform = 'scaleX(' + (current / 100) + ')'; if (label) label.textContent = (pct < 10 ? '0' + pct : pct) + '%'; if (ready && current >= 99.5 && !leaving) { leaving = true; current = 100; if (line) line.style.transform = 'scaleX(1)'; if (label) label.textContent = '100%'; if (root) root.classList.add('is-chrome-leaving'); setTimeout(function(){ if (root) root.classList.add('is-logo-leaving'); }, chromeLeaveDuration); setTimeout(function(){ if (root) root.classList.add('is-leaving'); }, chromeLeaveDuration + logoLeaveDuration); setTimeout(function(){ if (root) root.style.display = 'none'; document.documentElement.classList.remove('is-preloading'); window.dispatchEvent(new CustomEvent('aif:preloader-ready')); }, leaveDelay); return; } requestAnimationFrame(tick); } requestAnimationFrame(tick); })();

Другиеработы

Ремонт и отделка помещений

Продажа и производство пластиковой тары