From a5525c3291b325e17012bc62feb503bbdd519469 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Mon, 3 Aug 2026 07:57:05 -0700 Subject: Onboarding: the nostr mark heads the nostr steps MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 72px, centered above the question (and the sign-in step), with a purple glow and a slow float — the one place in the flow that isn't the coinos brand, so it should look like nostr. Co-Authored-By: Claude Fable 5 Claude-Session: https://claude.ai/code/session_01Wvj4aoeMZwA7VUGdJP9Swi --- src/style.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'src/style.css') diff --git a/src/style.css b/src/style.css index 562db92..78192a3 100644 --- a/src/style.css +++ b/src/style.css @@ -507,3 +507,8 @@ body::after { .tour-card { position: fixed; left: 50%; transform: translateX(-50%); width: min(90vw, 360px); background: var(--paper); color: var(--ink); border: 1px solid var(--line-strong); border-radius: 14px; padding: 14px 16px; box-shadow: var(--shadow); z-index: 81; } @media (prefers-reduced-motion: reduce) { .onb-confetti i { animation: none; display: none; } } .onb-check { width: 96px; height: 96px; font-size: 52px; align-self: center; margin: 6px 0; } +/* the nostr mark heading the sign-in steps: big, centered, gently afloat */ +.onb-mark { align-self: center; margin-bottom: -4px; animation: mark-float 4.5s ease-in-out infinite; } +.onb-mark svg { width: 72px; height: 72px; filter: drop-shadow(0 8px 22px rgba(184, 79, 232, .35)); } +@keyframes mark-float { 50% { transform: translateY(-6px); } } +@media (prefers-reduced-motion: reduce) { .onb-mark { animation: none; } } -- cgit v1.2.3