HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

fix: 🥴

Browse source
This commit is contained in:
ThatOneCalculator 2022-12-17 17:17:24 -08:00
parent 0bc6f27e32
commit b1fbbbe426
No known key found for this signature in database
GPG key ID: 8703CACD01000000
2 changed files with 14 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "calckey", "name": "calckey",
"version": "13.0.6", "version": "13.0.7",
"codename": "aqua", "codename": "aqua",
"repository": { "repository": {
"type": "git", "type": "git",

28
packages/client/src/pages/about.vue
View file

@ -14,7 +14,7 @@
<div class="_formRoot"> <div class="_formRoot">
<div class="_formBlock fwhjspax" :style="{ backgroundImage: `url(${ $instance.bannerUrl })` }"> <div class="_formBlock fwhjspax" :style="{ backgroundImage: `url(${ $instance.bannerUrl })` }">
<div class="content"> <div class="content">
<img ref="instanceIcon" :src="defaultStore.woozyMode ? '/assets/woozy.png' : $instance.iconUrl || $instance.faviconUrl || '/favicon.ico'" aria-label="none" class="icon"/> <img :src="defaultStore.woozyMode ? '/assets/woozy.png' : $instance.iconUrl || $instance.faviconUrl || '/favicon.ico'" aria-label="none" class="icon" @click="easterEgg"/>
<div class="name"> <div class="name">
<b>{{ $instance.name || host }}</b> <b>{{ $instance.name || host }}</b>
</div> </div>
@ -186,21 +186,19 @@ function syncSlide(index) {
swiperRef.slideTo(index); swiperRef.slideTo(index);
} }
onMounted(() => { async function easterEgg() {
instanceIcon.addEventListener('click', async () => { iconClicks++;
iconClicks++; instanceIcon.style.animation = 'unset';
await sleep(0.1);
const normalizedCount = (iconClicks % 3) + 1;
instanceIcon.style.animation = `iconShake${normalizedCount} 0.${normalizedCount}s 1`;
if (iconClicks % 3 === 0) {
defaultStore.set('woozyMode', !defaultStore.woozyMode);
await sleep(0.4);
instanceIcon.style.animation = 'unset'; instanceIcon.style.animation = 'unset';
await sleep(0.1); instanceIcon.style.animation = 'swpinY 0.9s 1';
const normalizedCount = (iconClicks % 3) + 1; }
instanceIcon.style.animation = `iconShake${normalizedCount} 0.${normalizedCount}s 1`; }
if (iconClicks % 3 === 0) {
defaultStore.set('woozyMode', !defaultStore.woozyMode);
await sleep(0.4);
instanceIcon.style.animation = 'unset';
instanceIcon.style.animation = 'swpinY 0.9s 1';
}
});
});
</script> </script>