From 9ccc96251411472c0382181a65fc11e71b5f442e Mon Sep 17 00:00:00 2001 From: jwinterm Date: Sun, 25 Jan 2026 09:18:19 -0500 Subject: [PATCH] style: use creepy text logo with stronger glow --- public/logo_w_creepytext.svg | 83 ++++++++++++++++++++++++++++++++++++ src/app/globals.css | 14 ++++-- src/app/page.tsx | 6 +-- 3 files changed, 96 insertions(+), 7 deletions(-) create mode 100644 public/logo_w_creepytext.svg diff --git a/public/logo_w_creepytext.svg b/public/logo_w_creepytext.svg new file mode 100644 index 0000000..659fbb0 --- /dev/null +++ b/public/logo_w_creepytext.svg @@ -0,0 +1,83 @@ + + + +smirk.ca$hsmirk wallet diff --git a/src/app/globals.css b/src/app/globals.css index 8bb6c50..a93bec2 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -20,18 +20,24 @@ body { font-family: var(--font-mono), monospace; } -/* Logo animation */ +/* Logo glow - layered shadows for intense effect */ @keyframes pulse-glow { 0%, 100% { - filter: drop-shadow(0 0 8px rgba(251, 235, 10, 0.4)); + filter: + drop-shadow(0 0 10px rgba(251, 235, 10, 0.6)) + drop-shadow(0 0 30px rgba(251, 235, 10, 0.4)) + drop-shadow(0 0 60px rgba(251, 235, 10, 0.3)); } 50% { - filter: drop-shadow(0 0 20px rgba(251, 235, 10, 0.8)); + filter: + drop-shadow(0 0 15px rgba(251, 235, 10, 0.9)) + drop-shadow(0 0 40px rgba(251, 235, 10, 0.6)) + drop-shadow(0 0 80px rgba(251, 235, 10, 0.4)); } } .logo-glow { - animation: pulse-glow 2s ease-in-out infinite; + animation: pulse-glow 3s ease-in-out infinite; } /* Coin button styles */ diff --git a/src/app/page.tsx b/src/app/page.tsx index 2d52943..f2b88b5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -103,10 +103,10 @@ export default function Home() { {/* Logo */}
Smirk Wallet