CINXE.COM
袗薪邪褌芯屑懈褟 褑胁械褌薪褘褏 褉械胁芯谢褞褑懈泄
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,height=479,initial-scale=1.0"> <link rel="icon" href="/favicon.ico"> <title>袗薪邪褌芯屑懈褟 褑胁械褌薪褘褏 褉械胁芯谢褞褑懈泄</title> <meta name="description" content=""> <meta name="theme-color" content="#FFF2D2"> <meta property="og:image" content="https://revolutions.lenta.ru/1200褏630.png"/> <meta property="vk:image" content="https://revolutions.lenta.ru/1530x684.png"> <meta property="og:image:width" content="1200"/> <meta property="og:image:height" content="630"/> <style> body, html { background-color: #FFF2D2; font-family: sans-serif; margin: 0; } #spinner { transition: all .4s ease-out; transition-delay: .4s; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; background-color: #FFF2D2; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 10000 } #spinner.-hide { pointer-events: none; opacity: 0; visibility: hidden } .spinner__content { position: relative; width: 150px; height: 150px; border-radius: 50%; box-shadow: inset 0 0 50px #CA411A, 0 0 50px #CA411A; background: #FFF2D2; z-index: 1000; transform: scale(0.5); } .spinner__num { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .spinner__title { color: #777; font-weight: 700; font-size: 40px; transition: 0.5s; } .spinner__title span { color: #777; font-size: 24px; transition: 0.5s; } .spinner__title em { font-style: normal; } .spinner__content svg { position: relative; width: 150px; height: 150px; z-index: 1000; } .spinner__content svg circle { width: 100%; height: 100%; fill: none; stroke: #FFF2D2; stroke-width: 10; stroke-linecap: round; transform: translate(5px, 5px); } #spinnerCircle { stroke-dasharray: 440; stroke-dashoffset: 440; stroke: #CA411A; transition: all 0.4s linear; } </style> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Oswald:wght@400;500;600;700&display=swap" rel="stylesheet"> <script type="module" crossorigin src="/assets/index.8e006941.js"></script> <link rel="stylesheet" href="/assets/index.5de36aca.css"> </head> <body> <div id="spinner"> <div class="spinner__content"> <svg> <circle cx="70" cy="70" r="70"></circle> <circle id="spinnerCircle" cx="70" cy="70" r="70"></circle> </svg> <div class="spinner__num"> <div class="spinner__title"><em id="spinnerText">0</em><span>%</span></div> </div> <script> (() => { let loaded = null; window.addEventListener('load', () => { loaded = 1; }); const animate = (obj, circle, initVal, lastVal, duration) => { let startTime = null; const currentTime = Date.now(); const step = (currentTime) => { if (!startTime) { startTime = currentTime; } const progress = Math.min((currentTime - startTime) / duration, 1); const full = Math.floor(progress * (lastVal - initVal) + initVal); obj.innerHTML = full; circle.style.strokeDashoffset = 440 - (440 * full) / 100; if (loaded) { obj.innerHTML = '100'; circle.style.strokeDashoffset = 440 - (440 * 100) / 100; } if (progress < 1) { window.requestAnimationFrame(step); } else { window.cancelAnimationFrame(window.requestAnimationFrame(step)); } }; window.requestAnimationFrame(step); } const spinnerText = document.getElementById('spinnerText'); const spinnerCircle = document.getElementById('spinnerCircle'); animate(spinnerText, spinnerCircle, 0, 100, 5000); })(); </script> </div> </div> <div id="app"></div> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W7N7SRF');</script> <!-- End Google Tag Manager --> </body> </html>