From bf2700efb7fd560bd8d8dd890b4ab43a23afaf68 Mon Sep 17 00:00:00 2001
From: haerikimmm <hari0914@gmail.com>
Date: Tue, 16 Jun 2026 17:26:18 +0900
Subject: [PATCH] add animated logo and slogan to login page

---
 src/lib/auth/LoginOverlay.svelte | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/lib/auth/LoginOverlay.svelte b/src/lib/auth/LoginOverlay.svelte
index 047f74a..2b60c80 100644
--- a/src/lib/auth/LoginOverlay.svelte
+++ b/src/lib/auth/LoginOverlay.svelte
@@ -29,6 +29,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    padding-bottom: 20vh;
     z-index: 100;
   }
 
@@ -47,6 +48,24 @@
     height: 216px;
     object-fit: contain;
     margin-bottom: 16px;
+    animation: jitter 1.4s steps(1, end) 1 forwards;
+  }
+
+  @keyframes jitter {
+    0%   { transform: scale(0.7)  rotate(0deg);   opacity: 0.5; }
+    8%   { transform: scale(0.85) rotate(-16deg);  opacity: 1; }
+    16%  { transform: scale(1.0)  rotate(16deg); }
+    24%  { transform: scale(1.06) rotate(-16deg); }
+    32%  { transform: scale(1.12) rotate(16deg); }
+    40%  { transform: scale(1.16) rotate(-16deg); }
+    48%  { transform: scale(1.2)  rotate(16deg); }
+    56%  { transform: scale(1.2)  rotate(-16deg); }
+    64%  { transform: scale(1.2)  rotate(16deg); }
+    72%  { transform: scale(1.2)  rotate(-10deg); }
+    80%  { transform: scale(1.2)  rotate(10deg); }
+    88%  { transform: scale(1.2)  rotate(-4deg); }
+    94%  { transform: scale(1.2)  rotate(4deg); }
+    100% { transform: scale(1.2)  rotate(0deg); }
   }
 
   .title {