Вернуть прежний логотип стартового экрана

VERSION.properties

@@ -1,2 +1,2 @@
-client.version=1.2.337
+client.version=1.2.338
-server.version=1.2.309
+server.version=1.2.310

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');

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:
+  background: rgba(214, 155, 56, 0.2);
-    radial-gradient(circle, rgba(255, 216, 120, 0.32) 0%, rgba(214, 155, 56, 0.18) 42%, transparent 72%);
+  filter: blur(30px);
-  filter: blur(24px);
-  opacity: 0;
   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); }
+  0%, 100% { opacity: 0.66; transform: scale(0.96); }
-  50% { transform: scale(1.05); }
+  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;