diff --git a/services/web-ui/public/img/ampp-safe.jpg b/services/web-ui/public/img/ampp-safe.jpg new file mode 100644 index 0000000..27133ee Binary files /dev/null and b/services/web-ui/public/img/ampp-safe.jpg differ diff --git a/services/web-ui/public/index.html b/services/web-ui/public/index.html index b284bab..a105fd7 100644 --- a/services/web-ui/public/index.html +++ b/services/web-ui/public/index.html @@ -294,9 +294,22 @@ } .asset-action-btn:hover { background: oklch(8% 0.010 250 / 0.9); } .asset-action-btn svg { width: 13px; height: 13px; } + + .first-splash{position:fixed;inset:0;z-index:60;background:radial-gradient(ellipse at 50% 45%,#1a1d28 0%,#08090d 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;opacity:1;transition:opacity .55s ease-out, visibility .55s} + .first-splash.hidden{opacity:0;visibility:hidden;pointer-events:none} + .first-splash-img{width:min(420px,46vw);aspect-ratio:1963/1236;background-image:url(img/ampp-safe.jpg);background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 20px 40px rgba(232,160,32,.15))} + .first-splash-stamp{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:oklch(76% 0.178 52)} + .first-splash-dot{width:8px;height:8px;background:oklch(76% 0.178 52);border-radius:50%;animation:fsPulse 1.4s ease-in-out infinite} + @keyframes fsPulse{0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}} + .first-splash-title{font-size:13px;color:var(--text-secondary);letter-spacing:.04em} +