Modernize guest PWA header and homepage
Some checks failed
linter / quality (push) Has been cancelled
tests / ci (push) Has been cancelled
tests / ui (push) Has been cancelled

This commit is contained in:
Codex Agent
2026-01-31 23:15:44 +01:00
parent e233cddcc8
commit 386d0004ed
6 changed files with 253 additions and 94 deletions

View File

@@ -660,6 +660,31 @@ html.guest-theme.dark {
50% { background-position: 100% 50%; }
}
.guest-aurora {
background-size: 300% 300%;
animation: aurora 18s ease infinite;
}
.guest-aurora-soft {
background-size: 260% 260%;
animation: aurora 26s ease-in-out infinite;
}
@keyframes guest-cta-pulse {
0%, 100% {
box-shadow: 0 12px 28px var(--cta-glow, rgba(0, 0, 0, 0.25)), 0 0 0 0 var(--cta-ring, rgba(0, 0, 0, 0));
transform: translateY(0);
}
50% {
box-shadow: 0 18px 45px var(--cta-glow, rgba(0, 0, 0, 0.35)), 0 0 0 12px var(--cta-ring, rgba(0, 0, 0, 0.12));
transform: translateY(-1px);
}
}
.guest-cta-pulse {
animation: guest-cta-pulse 3.2s ease-in-out infinite;
}
.bg-aurora-enhanced {
background: radial-gradient(circle at 20% 80%, #a8edea 0%, #fed6e3 50%, #d299c2 100%), linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background-size: 400% 400%, 400% 400%;
@@ -672,6 +697,14 @@ html.guest-theme.dark {
animation: aurora 20s ease infinite;
}
@media (prefers-reduced-motion: reduce) {
.guest-aurora,
.guest-aurora-soft,
.guest-cta-pulse {
animation: none;
}
}
.guest-immersive .guest-header {
display: none !important;
}