Madeorsk/rudeshark.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 🥚 animation

Browse Source
This commit is contained in:
ThatOneCalculator 2023-07-25 23:49:51 -07:00
parent 97d395ce2a
commit accbb55be0
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
2 changed files with 13 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/client/src/pages/about.vue
View File

@ -270,24 +270,27 @@ function easterEgg() {
defaultStore.state.woozyMode = !defaultStore.state.woozyMode;
defaultStore.set("woozyMode", defaultStore.state.woozyMode);
if (instanceIcon) {
if (iconClicks % 6 === 0) {
iconSrc.value =
instance.iconUrl || instance.faviconUrl || "/favicon.ico";
} else {
iconSrc.value = "/static-assets/woozy.png";
}
instanceIcon.src = iconSrc.value;
instanceIconAnimation.value = "spin";
setTimeout(() => {
if (iconClicks % 6 === 0) {
iconSrc.value =
instance.iconUrl ||
instance.faviconUrl ||
"/favicon.ico";
} else {
iconSrc.value = "/static-assets/woozy.png";
}
instanceIcon.src = iconSrc.value;
}, 500);
}
}
}
watch(iconSrc, (newValue, oldValue) => {
if (newValue !== oldValue) {
instanceIconAnimation.value = "spin";
setTimeout(() => {
instanceIconAnimation.value = "";
}, 1000);
}, 500);
}
});

11
packages/client/src/style.scss
View File

@ -957,15 +957,4 @@ hr {
opacity: 0;
}
}
@keyframes spinY {
0% {
opacity: 1;
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
}