diff --git a/VERSION.properties b/VERSION.properties index c2e3dba2..4df5a464 100644 --- a/VERSION.properties +++ b/VERSION.properties @@ -1,2 +1,2 @@ -client.version=1.2.337 -server.version=1.2.309 +client.version=1.2.338 +server.version=1.2.310 diff --git a/shine-UI/img/shine-logo-transparent-512.png b/shine-UI/img/shine-logo-transparent-512.png deleted file mode 100644 index 61cfb52b..00000000 Binary files a/shine-UI/img/shine-logo-transparent-512.png and /dev/null differ diff --git a/shine-UI/js/pages/start-view.js b/shine-UI/js/pages/start-view.js index 2d7c9f45..d3ac224e 100644 --- a/shine-UI/js/pages/start-view.js +++ b/shine-UI/js/pages/start-view.js @@ -13,19 +13,8 @@ export function render({ navigate }) { const logo = document.createElement('img'); logo.className = 'auth-logo'; - logo.src = './img/shine-logo-transparent-512.png'; + logo.src = './img/shine-logo-transparent-final.png'; logo.alt = 'Логотип Сияние'; - logo.width = 512; - logo.height = 512; - logo.decoding = 'async'; - logo.fetchPriority = 'high'; - if (logo.complete) { - logoWrap.classList.add('auth-logo-wrap--loaded'); - } else { - logo.addEventListener('load', () => { - logoWrap.classList.add('auth-logo-wrap--loaded'); - }, { once: true }); - } logoWrap.append(logo); const title = document.createElement('h1'); diff --git a/shine-UI/styles/components.css b/shine-UI/styles/components.css index eca46d2d..d209f6e6 100644 --- a/shine-UI/styles/components.css +++ b/shine-UI/styles/components.css @@ -473,7 +473,10 @@ width: 100%; height: 100%; object-fit: contain; - filter: none; + filter: + drop-shadow(0 0 8px rgba(255, 211, 121, 0.72)) + drop-shadow(0 8px 22px rgba(225, 158, 48, 0.38)); + animation: shine-logo-breathe 4.8s ease-in-out infinite; } .auth-logo-wrap { @@ -488,16 +491,9 @@ inset: 16%; z-index: -1; border-radius: 50%; - background: - radial-gradient(circle, rgba(255, 216, 120, 0.32) 0%, rgba(214, 155, 56, 0.18) 42%, transparent 72%); - filter: blur(24px); - opacity: 0; + background: rgba(214, 155, 56, 0.2); + filter: blur(30px); animation: shine-halo-breathe 4.8s ease-in-out infinite; - transition: opacity 420ms ease; -} - -.auth-logo-wrap--loaded::before { - opacity: 0.66; } .auth-brand { @@ -676,9 +672,22 @@ color: rgba(216, 226, 247, 0.9); } +@keyframes shine-logo-breathe { + 0%, 100% { + filter: + drop-shadow(0 0 8px rgba(255, 211, 121, 0.62)) + drop-shadow(0 8px 22px rgba(225, 158, 48, 0.34)); + } + 50% { + filter: + drop-shadow(0 0 14px rgba(255, 220, 147, 0.88)) + drop-shadow(0 10px 28px rgba(225, 158, 48, 0.5)); + } +} + @keyframes shine-halo-breathe { - 0%, 100% { transform: scale(0.96); } - 50% { transform: scale(1.05); } + 0%, 100% { opacity: 0.66; transform: scale(0.96); } + 50% { opacity: 1; transform: scale(1.05); } } @media (min-width: 768px) { @@ -712,6 +721,7 @@ } @media (prefers-reduced-motion: reduce) { + .auth-logo, .auth-logo-wrap::before, .shine-btn { animation: none;