From fe254af7f72dedc34e83120dd8053ef3a6b118bd Mon Sep 17 00:00:00 2001
From: fedeperin <federicoperin2009@gmail.com>
Date: Tue, 27 Feb 2024 23:19:33 -0300
Subject: [PATCH 1/2] Use strict comparison when comparing at Konami component

---
 src/components/KonamiCode.astro | 76 ++++++++++++++++-----------------
 1 file changed, 38 insertions(+), 38 deletions(-)

diff --git a/src/components/KonamiCode.astro b/src/components/KonamiCode.astro
index 5ad6f6fd0..547f8f1f6 100644
--- a/src/components/KonamiCode.astro
+++ b/src/components/KonamiCode.astro
@@ -1,40 +1,40 @@
 <script defer>
-  const container = document.querySelector("body")
-
-  const konamiCode = [
-    "ArrowUp",
-    "ArrowUp",
-    "ArrowDown",
-    "ArrowDown",
-    "ArrowLeft",
-    "ArrowRight",
-    "ArrowLeft",
-    "ArrowRight",
-    "b",
-    "a",
-  ]
-  let konamiCodePosition = 0
-
-  document.addEventListener("keydown", ({ key }) => {
-    const requiredKey = konamiCode[konamiCodePosition]
-
-    if (key != requiredKey) {
-      konamiCodePosition = 0
-      return
-    }
-
-    konamiCodePosition++
-
-    if (konamiCodePosition != konamiCode.length) return
-
-    container.style.transform = "rotateY(360deg)"
-    container.style.transition = "transform 3s ease"
-
-    container.addEventListener("transitionend", () => {
-      container.style.transition = "none"
-      container.style.transform = "rotateY(0deg)"
-    })
-
-    konamiCodePosition = 0
-  })
+	const container = document.querySelector("body")
+
+	const konamiCode = [
+		"ArrowUp",
+		"ArrowUp",
+		"ArrowDown",
+		"ArrowDown",
+		"ArrowLeft",
+		"ArrowRight",
+		"ArrowLeft",
+		"ArrowRight",
+		"b",
+		"a",
+	]
+	let konamiCodePosition = 0
+
+	document.addEventListener("keydown", ({ key }) => {
+		const requiredKey = konamiCode[konamiCodePosition]
+
+		if (key !== requiredKey) {
+			konamiCodePosition = 0
+			return
+		}
+
+		konamiCodePosition++
+
+		if (konamiCodePosition !== konamiCode.length) return
+
+		container.style.transform = "rotateY(360deg)"
+		container.style.transition = "transform 3s ease"
+
+		container.addEventListener("transitionend", () => {
+			container.style.transition = "none"
+			container.style.transform = "rotateY(0deg)"
+		})
+
+		konamiCodePosition = 0
+	})
 </script>

From b7b0a67601d6787506a8476311e67756aa0d91bb Mon Sep 17 00:00:00 2001
From: fedeperin <federicoperin2009@gmail.com>
Date: Tue, 27 Feb 2024 23:23:04 -0300
Subject: [PATCH 2/2] Fix errors with the smoke on rotation

---
 src/components/KonamiCode.astro | 8 ++++----
 src/layouts/Layout.astro        | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/KonamiCode.astro b/src/components/KonamiCode.astro
index 547f8f1f6..16aa7aff5 100644
--- a/src/components/KonamiCode.astro
+++ b/src/components/KonamiCode.astro
@@ -1,5 +1,5 @@
 <script defer>
-	const container = document.querySelector("body")
+	const container = document.querySelector("#main-content")
 
 	const konamiCode = [
 		"ArrowUp",
@@ -28,11 +28,11 @@
 		if (konamiCodePosition !== konamiCode.length) return
 
 		container.style.transform = "rotateY(360deg)"
-		container.style.transition = "transform 3s ease"
+		container.style.transition = "transform 2s ease"
 
 		container.addEventListener("transitionend", () => {
-			container.style.transition = "none"
-			container.style.transform = "rotateY(0deg)"
+			container.style.transition = ""
+			container.style.transform = ""
 		})
 
 		konamiCodePosition = 0
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 6e2bb585c..50c2d68a1 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -58,7 +58,7 @@ const { title, description } = Astro.props
 		class="[&_:focus-visible]:outline-none [&_:focus-visible]:ring-2 [&_:focus-visible]:ring-primary"
 	>
 		<SmokeBackground />
-		<div class="mx-auto max-w-6xl px-2 pt-16 md:pt-20 lg:px-10">
+		<div class="mx-auto max-w-6xl px-2 pt-16 md:pt-20 lg:px-10" id="main-content">
 			<slot />
 		</div>
 	</body>