From acc9d698beebe640d9da1812ea9d3fc95a3fad9c Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Sat, 17 Dec 2022 18:09:41 -0800
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=A5=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                        |  2 +-
 packages/client/src/pages/about.vue | 13 +++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 1adf235a9a..bf1be55662 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "13.0.5-rc.4",
+	"version": "13.0.5-rc.5",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/pages/about.vue b/packages/client/src/pages/about.vue
index 7e182b4e17..bfe5128fec 100644
--- a/packages/client/src/pages/about.vue
+++ b/packages/client/src/pages/about.vue
@@ -173,17 +173,17 @@ async function sleep(seconds) {
 
 function easterEgg() {
 	iconClicks++;
-	instanceIcon.style.animation = '';
+	instanceIcon.style.setProperty('--icon-animation', 'none');
 	console.log(iconClicks);
 	sleep(0.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) {
 		console.log('here');
 		defaultStore.state.woozyMode = !defaultStore.state.woozyMode;
 		sleep(0.4);
-		instanceIcon.style.animation = '';
-		instanceIcon.style.animation = 'swpinY 0.9s 1';
+		instanceIcon.style.setProperty('--icon-animation', 'none');
+		instanceIcon.style.setProperty('--icon-animation', 'swpinY 0.9s');
 		if (iconClicks % 6 === 0) {
 			instanceIcon.src = instance.iconUrl || instance.faviconUrl || '/favicon.ico'
 		}
@@ -258,6 +258,10 @@ function syncSlide(index) {
 	100% { transform: perspective(128px) rotateY(360deg); }
 }
 
+:root {
+	--icon-animation: none;
+}
+
 .fwhjspax {
 	text-align: center;
 	border-radius: 10px;
@@ -273,6 +277,7 @@ function syncSlide(index) {
 			margin: 16px auto 0 auto;
 			height: 64px;
 			border-radius: 8px;
+			animation: var(--icon-animation);
 		}
 
 		> .name {