feat: DAN MODE ACTIVATED banner (blinking), cycle order light→dark→dan
This commit is contained in:
18
src/app.css
18
src/app.css
@@ -219,6 +219,24 @@
|
|||||||
color: #ff0000;
|
color: #ff0000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ── Dan Mode banner ───────────────────────────────────────────────────────── */
|
||||||
|
.dan-banner {
|
||||||
|
background-color: #ff0000;
|
||||||
|
color: #ffff00;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 900;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
letter-spacing: 0.2em;
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
border-bottom: 3px solid #ffff00;
|
||||||
|
animation: dan-blink 0.6s step-start infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes dan-blink {
|
||||||
|
0%, 100% { opacity: 1; }
|
||||||
|
50% { opacity: 0; }
|
||||||
|
}
|
||||||
|
|
||||||
/* ── Results grid ──────────────────────────────────────────────────────────── */
|
/* ── Results grid ──────────────────────────────────────────────────────────── */
|
||||||
.results-grid {
|
.results-grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|||||||
@@ -48,6 +48,10 @@
|
|||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
{#if theme === 'dan'}
|
||||||
|
<div class="dan-banner" aria-live="assertive">⚠ DAN MODE ACTIVATED ⚠</div>
|
||||||
|
{/if}
|
||||||
|
|
||||||
<main class="container">
|
<main class="container">
|
||||||
{@render children()}
|
{@render children()}
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
Reference in New Issue
Block a user