natty
/
calckey
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

fix: 🥴

This commit is contained in:
ThatOneCalculator 2022-12-17 18:09:41 -08:00
parent 762d0bde64
commit acc9d698be
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
2 changed files with 10 additions and 5 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.5-rc.4", "version": "13.0.5-rc.5",
"codename": "aqua", "codename": "aqua",
"repository": { "repository": {
"type": "git", "type": "git",

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

@ -173,17 +173,17 @@ async function sleep(seconds) {
function easterEgg() { function easterEgg() {
iconClicks++; iconClicks++;
instanceIcon.style.animation = ''; instanceIcon.style.setProperty('--icon-animation', 'none');
console.log(iconClicks); console.log(iconClicks);
sleep(0.1); sleep(0.1);
const normalizedCount = (iconClicks % 3) + 1; const normalizedCount = (iconClicks % 3) + 1;
instanceIcon.style.animation = `iconShake${normalizedCount} 0.${normalizedCount}s 1`; instanceIcon.style.setProperty('--icon-animation', `iconShake${normalizedCount} 0.${normalizedCount}s`);
if (iconClicks % 3 === 0) { if (iconClicks % 3 === 0) {
console.log('here'); console.log('here');
defaultStore.state.woozyMode = !defaultStore.state.woozyMode; defaultStore.state.woozyMode = !defaultStore.state.woozyMode;
sleep(0.4); sleep(0.4);
instanceIcon.style.animation = ''; instanceIcon.style.setProperty('--icon-animation', 'none');
instanceIcon.style.animation = 'swpinY 0.9s 1'; instanceIcon.style.setProperty('--icon-animation', 'swpinY 0.9s');
if (iconClicks % 6 === 0) { if (iconClicks % 6 === 0) {
instanceIcon.src = instance.iconUrl || instance.faviconUrl || '/favicon.ico' instanceIcon.src = instance.iconUrl || instance.faviconUrl || '/favicon.ico'
} }
@ -258,6 +258,10 @@ function syncSlide(index) {
100% { transform: perspective(128px) rotateY(360deg); } 100% { transform: perspective(128px) rotateY(360deg); }
} }
:root {
--icon-animation: none;
}
.fwhjspax { .fwhjspax {
text-align: center; text-align: center;
border-radius: 10px; border-radius: 10px;
@ -273,6 +277,7 @@ function syncSlide(index) {
margin: 16px auto 0 auto; margin: 16px auto 0 auto;
height: 64px; height: 64px;
border-radius: 8px; border-radius: 8px;
animation: var(--icon-animation);
} }
> .name { > .name {