diff --git a/internal/web/templates/landing.html b/internal/web/templates/landing.html index e711e9e..cfea6fe 100644 --- a/internal/web/templates/landing.html +++ b/internal/web/templates/landing.html @@ -182,16 +182,33 @@ .mascot { width: 100px; - height: 100px; + height: 87px; /* Maintain aspect ratio of 419x366 */ position: relative; z-index: 1; - animation: float 4s ease-in-out infinite; filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.4)); } - @keyframes float { - 0%, 100% { transform: translateY(0) rotate(-3deg); } - 50% { transform: translateY(-8px) rotate(3deg); } + .mascot-body { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + } + + .mascot-claw { + width: 100%; + height: 100%; + position: absolute; + top: -4%; + left: 27%; + transform-origin: 35% 75%; /* Pivot at base of claw/shoulder */ + animation: wave 1.5s ease-in-out infinite; + } + + @keyframes wave { + 0%, 100% { transform: rotate(0deg); } + 50% { transform: rotate(-25deg); } } .logo { @@ -424,12 +441,12 @@ .mascot-container { margin-right: 0; - margin-bottom: -16px; /* Overlap vertically on mobile */ + margin-bottom: 8px; /* Less overlap with text */ } .mascot { - width: 80px; - height: 80px; + width: 100px; + height: 87px; /* Slightly larger on mobile */ } .mascot-glow { @@ -496,7 +513,10 @@
+ &E<6qq-8dT1;I_b`s
zXukR2iJh0zpKShN#>yF|&eQndiJTk90fXJUZ<#3fm8c)u72DBjsrNK$2}cVLlU9$@
zv(* gLxLu$ SBG~=~_z0Ee&wJAAaNixmQ=-ESt%2^`w!yYDmWH44JBf
zRX1-g3+xVCme@Tl?C(QQuPb|Fe8iJGr|&Oc{PR})d}IE-(`}Z|-Lv4rpC1#ypE;jz
z<-W%|tgLhT&dIlyFq~2LX8v0hdE)QatC7$0^Us;*ERbMbzAZcNoy4` N;E4+E;V0d+qvnG}GBf)_2aUQ(Wu)4!5N(S6TCse{a&XoMY;?oEgT;
zxt6OfJ*F4H{9j4MRwr|pkiS^ayk;Ja2UkiY1y-_cP6%w5(p=wVbn>{4nU~MOrZ=At
zEqTAas@Q4rz$iooa{3H
zV((g?Oz(wXL@Kx=JOy7EgGOo6FTC#E-RWR<>%WlC=F6KCvYhK!1=mUTw#{5SSFm)>
z9m#ulrzNp7GWqaMk$5fZu>F6*%$f~P8(iFfs)VF|k6m_ams@0W-P|J+-tDM(ws`S_
z7R!m!OxJ#|Q+@O`sHLpDQEl
Cj|<*2#UwaPmaXsiIlfVF&6V?@wHN32UC6WJyDm^G`ltTE
z%)HvA{5{k6-`(Vs)^oln(%a=AljD^BnBo(6-b{YP-qg+=dp3;u#}awXHEc6QW~hk%
z7BAeq?VH%aUA^w7f3Y(iyUlU-=b4Y0L6P@c0_wsWMVgn#^3CH|7Vznua4XZ&$Ks5p
zr{wqFkKN#QPR6qP!07|t2kVNTT`)O*_T!B5bLoNFrZPTif
PGbFS`+vnw%{bd_9P5w#-K2OU
zOkQiso>ftoTb}KG`0}Jt^`ij!w
@-+Au^F!*c-GbGT
zI%y`!#jl$37j5`)(lohk*1exM)1Dt