From fb05345c857da06da1ab879ce56c0769c88e9111 Mon Sep 17 00:00:00 2001
From: Matias Bubello <matt.bubello@gmail.com>
Date: Wed, 13 Mar 2024 11:27:08 -0300
Subject: [PATCH 1/4] Update KonamiCode.astro

---
 src/components/KonamiCode.astro | 156 ++++++++++++++++++++++----------
 1 file changed, 108 insertions(+), 48 deletions(-)

diff --git a/src/components/KonamiCode.astro b/src/components/KonamiCode.astro
index dbad28310..b2f8070f0 100644
--- a/src/components/KonamiCode.astro
+++ b/src/components/KonamiCode.astro
@@ -1,49 +1,109 @@
-<script>
-	import { konamiCodes } from "@/consts/konami-codes"
-	import { Konami } from "@/function/konami"
-	import { $ } from "@/consts/dom-selector"
-
-	const { rotateY, gloveCursor, amongUsCursor, lolCursor } = konamiCodes
-
-	const $container = $("#main-content")
-
-	document.addEventListener("keydown", ({ key }) => {
-		Konami({
-			code: rotateY,
-			keyPressed: key,
-			onFinishTime: 1500,
-			onSuccess: () => {
-				$container.style.transform = "rotateY(360deg)"
-				$container.style.transition = "transform 2s ease"
-			},
-			onFinish: () => {
-				$container.style.transition = "none"
-				$container.style.transform = "none"
-			},
-		})
-
-		Konami({
-			code: lolCursor,
-			keyPressed: key,
-			onSuccess: () => {
-				$("body").style.cursor = "url('/img/cursor/lol.cur'), auto"
-			},
-		})
-
-		Konami({
-			code: gloveCursor,
-			keyPressed: key,
-			onSuccess: () => {
-				$("body").style.cursor = "url('/img/cursor/boxing-glove.cur'), auto"
-			},
-		})
-
-		Konami({
-			code: amongUsCursor,
-			keyPressed: key,
-			onSuccess: () => {
-				$("body").style.cursor = "url('/img/cursor/among-us.cur'), auto"
-			},
-		})
-	})
+<style is:global>
+	.bubbles {
+		border-radius: 50%;
+		object-fit: cover;
+		object-position: center;
+		position: absolute;
+		width: 60px;
+		height: 60px;
+		opacity: 1;
+		bottom: -50px;
+		animation: bubble linear forwards 3s;
+	}
+
+	@keyframes bubble {
+		from {
+			opacity: 1;
+			bottom: -50px;
+		}
+
+		to {
+			opacity: 0;
+			bottom: 80vh;
+			transform: rotate(0deg);
+		}
+	}
+</style>
+<script defer>
+	const newContainer = document.createElement('div');
+
+	const konamiCode = [
+		"ArrowUp",
+		"ArrowUp",
+		"ArrowDown",
+		"ArrowDown",
+		"ArrowLeft",
+		"ArrowRight",
+		"ArrowLeft",
+		"ArrowRight",
+		"b",
+		"a",
+	]
+	// const konamiCode = ["ArrowUp"];
+	let konamiCodePosition = 0;
+
+	document.addEventListener("keydown", async ({ key }) => {
+		const requiredKey = konamiCode[konamiCodePosition];
+
+		if (key !== requiredKey) {
+			konamiCodePosition = 0;
+			return;
+		}
+
+		konamiCodePosition++;
+
+		if (konamiCodePosition !== konamiCode.length) return;
+
+		newContainer.style.cssText = 'position: fixed; width: 100dvw; height: 100vh; background: rgba(0,0,0,0.3); z-index: 10; inset: 0';
+
+		document.body.appendChild(newContainer);
+		console.log('Konamy code');
+		await showContributors();
+		setTimeout(() => {
+			checkAndRemoveContainer();
+		},1000)
+	});
+
+	async function showContributors() {
+		const url = 'https://api.github.com/repos/midudev/la-velada-web-oficial/contributors';
+
+		const response = await fetch(url);
+		const contributors = await response.json();
+
+		for (let i = 0; i < contributors.length; i++) {
+			setTimeout(() => {
+				createBubbles(contributors[i]);
+			}, i * 300);
+		}
+	}
+
+	function createBubbles(contributor) {
+		const { avatar_url, login } = contributor;
+		const img = document.createElement('img');
+		img.src = avatar_url;
+		img.alt = login;
+		img.title = login;
+		img.classList.add('bubbles');
+		img.style.left = `${generateRandomNumber()}vw`;
+		const startRotation = Math.floor(Math.random() * (90 - (-90) + 1)) + (-45);
+		img.style.transform = `rotate(${startRotation}deg)`;
+		img.addEventListener('animationend', () => {
+			newContainer.removeChild(img);
+		});
+		newContainer.appendChild(img);
+	}
+
+	function generateRandomNumber() {
+		return Math.floor(Math.random() * 91) + 5;
+	}
+
+	function checkAndRemoveContainer() {
+		if (newContainer.childElementCount === 0) {
+			newContainer.remove();
+		}
+
+		setTimeout(() => {
+			checkAndRemoveContainer();
+		},1000)
+	}
 </script>

From 12b89ef3938767959c67b911e0164462d76ee222 Mon Sep 17 00:00:00 2001
From: Matias Bubello <matt.bubello@gmail.com>
Date: Wed, 13 Mar 2024 11:52:33 -0300
Subject: [PATCH 2/4] Midu

---
 src/components/KonamiCode.astro | 86 +++++++++++++++++++--------------
 1 file changed, 49 insertions(+), 37 deletions(-)

diff --git a/src/components/KonamiCode.astro b/src/components/KonamiCode.astro
index b2f8070f0..9d9acef07 100644
--- a/src/components/KonamiCode.astro
+++ b/src/components/KonamiCode.astro
@@ -8,9 +8,17 @@
 		height: 60px;
 		opacity: 1;
 		bottom: -50px;
+		display: block;
 		animation: bubble linear forwards 3s;
 	}
 
+	#midu {
+		width: 150px;
+		height: 150px;
+		left: 50%;
+		transform: translateX(-50%);
+	}
+
 	@keyframes bubble {
 		from {
 			opacity: 1;
@@ -25,7 +33,7 @@
 	}
 </style>
 <script defer>
-	const newContainer = document.createElement('div');
+	const newContainer = document.createElement("div")
 
 	const konamiCode = [
 		"ArrowUp",
@@ -40,70 +48,74 @@
 		"a",
 	]
 	// const konamiCode = ["ArrowUp"];
-	let konamiCodePosition = 0;
+	let konamiCodePosition = 0
 
 	document.addEventListener("keydown", async ({ key }) => {
-		const requiredKey = konamiCode[konamiCodePosition];
+		const requiredKey = konamiCode[konamiCodePosition]
 
 		if (key !== requiredKey) {
-			konamiCodePosition = 0;
-			return;
+			konamiCodePosition = 0
+			return
 		}
 
-		konamiCodePosition++;
+		konamiCodePosition++
 
-		if (konamiCodePosition !== konamiCode.length) return;
+		if (konamiCodePosition !== konamiCode.length) return
 
-		newContainer.style.cssText = 'position: fixed; width: 100dvw; height: 100vh; background: rgba(0,0,0,0.3); z-index: 10; inset: 0';
+		newContainer.style.cssText =
+			"position: fixed; width: 100dvw; height: 100vh; background: rgba(0,0,0,0.3); z-index: 10; inset: 0"
 
-		document.body.appendChild(newContainer);
-		console.log('Konamy code');
-		await showContributors();
-		setTimeout(() => {
-			checkAndRemoveContainer();
-		},1000)
-	});
+		document.body.appendChild(newContainer)
+		await showContributors()
+		await setTimeout(() => {
+			checkAndRemoveContainer()
+		}, 1000)
+	})
 
 	async function showContributors() {
-		const url = 'https://api.github.com/repos/midudev/la-velada-web-oficial/contributors';
+		const url = "https://api.github.com/repos/midudev/la-velada-web-oficial/contributors"
 
-		const response = await fetch(url);
-		const contributors = await response.json();
+		const response = await fetch(url)
+		const contributors = await response.json()
 
 		for (let i = 0; i < contributors.length; i++) {
 			setTimeout(() => {
-				createBubbles(contributors[i]);
-			}, i * 300);
+				createBubbles(contributors[i])
+			}, i * 300)
 		}
 	}
 
 	function createBubbles(contributor) {
-		const { avatar_url, login } = contributor;
-		const img = document.createElement('img');
-		img.src = avatar_url;
-		img.alt = login;
-		img.title = login;
-		img.classList.add('bubbles');
-		img.style.left = `${generateRandomNumber()}vw`;
-		const startRotation = Math.floor(Math.random() * (90 - (-90) + 1)) + (-45);
-		img.style.transform = `rotate(${startRotation}deg)`;
-		img.addEventListener('animationend', () => {
-			newContainer.removeChild(img);
-		});
-		newContainer.appendChild(img);
+		const { avatar_url, login } = contributor
+		const img = document.createElement("img")
+		img.src = avatar_url
+		img.alt = login
+		img.title = login
+		img.classList.add("bubbles")
+		if (login === "midudev") {
+			img.setAttribute("id", "midu")
+		} else {
+			img.style.left = `${generateRandomNumber()}vw`
+			const startRotation = Math.floor(Math.random() * (90 - -90 + 1)) + -45
+			img.style.transform = `rotate(${startRotation}deg)`
+		}
+		img.addEventListener("animationend", () => {
+			newContainer.removeChild(img)
+		})
+		newContainer.appendChild(img)
 	}
 
 	function generateRandomNumber() {
-		return Math.floor(Math.random() * 91) + 5;
+		return Math.floor(Math.random() * 91) + 5
 	}
 
 	function checkAndRemoveContainer() {
 		if (newContainer.childElementCount === 0) {
-			newContainer.remove();
+			newContainer.remove()
 		}
 
 		setTimeout(() => {
-			checkAndRemoveContainer();
-		},1000)
+			checkAndRemoveContainer()
+		}, 1000)
 	}
 </script>

From a1a40b9f86478ed1b61f5b2973e9b6b6a52861b7 Mon Sep 17 00:00:00 2001
From: Matias Bubello <matt.bubello@gmail.com>
Date: Wed, 13 Mar 2024 14:06:17 -0300
Subject: [PATCH 3/4] KonamiCode & MiduCode Ahora quedaron ambos, el konami
 code y el miducode

---
 src/components/KonamiCode.astro | 160 +++++++++-----------------------
 src/components/MiduCode.astro   | 105 +++++++++++++++++++++
 src/layouts/Layout.astro        |   2 +
 3 files changed, 151 insertions(+), 116 deletions(-)
 create mode 100644 src/components/MiduCode.astro

diff --git a/src/components/KonamiCode.astro b/src/components/KonamiCode.astro
index 9d9acef07..dbad28310 100644
--- a/src/components/KonamiCode.astro
+++ b/src/components/KonamiCode.astro
@@ -1,121 +1,49 @@
-<style is:global>
-	.bubbles {
-		border-radius: 50%;
-		object-fit: cover;
-		object-position: center;
-		position: absolute;
-		width: 60px;
-		height: 60px;
-		opacity: 1;
-		bottom: -50px;
-		display: block;
-		animation: bubble linear forwards 3s;
-	}
-
-	#midu {
-		width: 150px;
-		height: 150px;
-		left: 50%;
-		transform: translateX(-50%);
-	}
-
-	@keyframes bubble {
-		from {
-			opacity: 1;
-			bottom: -50px;
-		}
-
-		to {
-			opacity: 0;
-			bottom: 80vh;
-			transform: rotate(0deg);
-		}
-	}
-</style>
-<script defer>
-	const newContainer = document.createElement("div")
-
-	const konamiCode = [
-		"ArrowUp",
-		"ArrowUp",
-		"ArrowDown",
-		"ArrowDown",
-		"ArrowLeft",
-		"ArrowRight",
-		"ArrowLeft",
-		"ArrowRight",
-		"b",
-		"a",
-	]
-	// const konamiCode = ["ArrowUp"];
-	let konamiCodePosition = 0
-
-	document.addEventListener("keydown", async ({ key }) => {
-		const requiredKey = konamiCode[konamiCodePosition]
-
-		if (key !== requiredKey) {
-			konamiCodePosition = 0
-			return
-		}
-
-		konamiCodePosition++
-
-		if (konamiCodePosition !== konamiCode.length) return
-
-		newContainer.style.cssText =
-			"position: fixed; width: 100dvw; height: 100vh; background: rgba(0,0,0,0.3); z-index: 10; inset: 0"
-
-		document.body.appendChild(newContainer)
-		await showContributors()
-		await setTimeout(() => {
-			checkAndRemoveContainer()
-		}, 1000)
-	})
-
-	async function showContributors() {
-		const url = "https://api.github.com/repos/midudev/la-velada-web-oficial/contributors"
-
-		const response = await fetch(url)
-		const contributors = await response.json()
-
-		for (let i = 0; i < contributors.length; i++) {
-			setTimeout(() => {
-				createBubbles(contributors[i])
-			}, i * 300)
-		}
-	}
-
-	function createBubbles(contributor) {
-		const { avatar_url, login } = contributor
-		const img = document.createElement("img")
-		img.src = avatar_url
-		img.alt = login
-		img.title = login
-		img.classList.add("bubbles")
-		if (login === "midudev") {
-			img.setAttribute("id", "midu")
-		} else {
-			img.style.left = `${generateRandomNumber()}vw`
-			const startRotation = Math.floor(Math.random() * (90 - -90 + 1)) + -45
-			img.style.transform = `rotate(${startRotation}deg)`
-		}
-		img.addEventListener("animationend", () => {
-			newContainer.removeChild(img)
+<script>
+	import { konamiCodes } from "@/consts/konami-codes"
+	import { Konami } from "@/function/konami"
+	import { $ } from "@/consts/dom-selector"
+
+	const { rotateY, gloveCursor, amongUsCursor, lolCursor } = konamiCodes
+
+	const $container = $("#main-content")
+
+	document.addEventListener("keydown", ({ key }) => {
+		Konami({
+			code: rotateY,
+			keyPressed: key,
+			onFinishTime: 1500,
+			onSuccess: () => {
+				$container.style.transform = "rotateY(360deg)"
+				$container.style.transition = "transform 2s ease"
+			},
+			onFinish: () => {
+				$container.style.transition = "none"
+				$container.style.transform = "none"
+			},
 		})
-		newContainer.appendChild(img)
-	}
 
-	function generateRandomNumber() {
-		return Math.floor(Math.random() * 91) + 5
-	}
+		Konami({
+			code: lolCursor,
+			keyPressed: key,
+			onSuccess: () => {
+				$("body").style.cursor = "url('/img/cursor/lol.cur'), auto"
+			},
+		})
 
-	function checkAndRemoveContainer() {
-		if (newContainer.childElementCount === 0) {
-			newContainer.remove()
-		}
+		Konami({
+			code: gloveCursor,
+			keyPressed: key,
+			onSuccess: () => {
+				$("body").style.cursor = "url('/img/cursor/boxing-glove.cur'), auto"
+			},
+		})
 
-		setTimeout(() => {
-			checkAndRemoveContainer()
-		}, 1000)
-	}
+		Konami({
+			code: amongUsCursor,
+			keyPressed: key,
+			onSuccess: () => {
+				$("body").style.cursor = "url('/img/cursor/among-us.cur'), auto"
+			},
+		})
+	})
 </script>
diff --git a/src/components/MiduCode.astro b/src/components/MiduCode.astro
new file mode 100644
index 000000000..1e9593d29
--- /dev/null
+++ b/src/components/MiduCode.astro
@@ -0,0 +1,105 @@
+<style is:global>
+	.bubbles {
+		border-radius: 50%;
+		object-fit: cover;
+		object-position: center;
+		position: absolute;
+		width: 60px;
+		height: 60px;
+		opacity: 1;
+		bottom: -50px;
+		display: block;
+		animation: bubble linear forwards 3s;
+	}
+
+	#midu {
+		width: 150px;
+		height: 150px;
+		left: 50%;
+		transform: translateX(-50%);
+	}
+
+	@keyframes bubble {
+		from {
+			opacity: 1;
+			bottom: -50px;
+		}
+
+		to {
+			opacity: 0;
+			bottom: 80vh;
+			transform: rotate(0deg);
+		}
+	}
+</style>
+<script defer>
+	const newContainer = document.createElement("div")
+
+	const miduCode = ["m", "i", "d", "u"]
+	let miduCodePosition = 0
+
+	document.addEventListener("keydown", async ({ key }) => {
+		if (key === miduCode[miduCodePosition]) {
+			miduCodePosition++
+			if (miduCodePosition === miduCode.length) {
+				newContainer.style.cssText =
+					"position: fixed; width: 100dvw; height: 100vh; background: rgba(0,0,0,0.3); z-index: 10; inset: 0"
+
+				document.body.appendChild(newContainer)
+				await showContributors()
+				await setTimeout(() => {
+					checkAndRemoveContainer()
+				}, 1000)
+			}
+		} else {
+			miduCodePosition = 0
+		}
+	})
+
+	async function showContributors() {
+		const url = "https://api.github.com/repos/midudev/la-velada-web-oficial/contributors"
+
+		const response = await fetch(url)
+		const contributors = await response.json()
+
+		for (let i = 0; i < contributors.length; i++) {
+			setTimeout(() => {
+				createBubbles(contributors[i])
+			}, i * 300)
+		}
+	}
+
+	function createBubbles(contributor) {
+		const { avatar_url, login } = contributor
+		const img = document.createElement("img")
+		img.src = avatar_url
+		img.alt = login
+		img.title = login
+		img.classList.add("bubbles")
+		if (login === "midudev") {
+			img.setAttribute("id", "midu")
+		} else {
+			img.style.left = `${generateRandomNumber()}vw`
+			const startRotation = Math.floor(Math.random() * (90 - -90 + 1)) + -45
+			img.style.transform = `rotate(${startRotation}deg)`
+		}
+		img.addEventListener("animationend", () => {
+			newContainer.removeChild(img)
+		})
+		newContainer.appendChild(img)
+	}
+
+	function generateRandomNumber() {
+		return Math.floor(Math.random() * 91) + 5
+	}
+
+	function checkAndRemoveContainer() {
+		if (newContainer.childElementCount === 0) {
+			newContainer.remove()
+		}
+
+		setTimeout(() => {
+			checkAndRemoveContainer()
+		}, 1000)
+	}
+</script>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 047d6afa0..c8851fe60 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,6 +1,7 @@
 ---
 import { ViewTransitions } from "astro:transitions"
 
+import MiduCode from "../components/MiduCode.astro"
 import ButtonUp from "@/components/ButtonUp.astro"
 import KonamiCode from "@/components/KonamiCode.astro"
 import LightsBackground from "@/components/LightsBackground.astro"
@@ -38,6 +39,7 @@ const { title, description, preloadImgLCP } = Astro.props
 			<slot />
 			<Footer />
 			<KonamiCode />
+			<MiduCode />
 		</div>
 		<ButtonUp />
 		<style is:global>

From 1a4f08ec49e3d6817d3fc13484943ed9e8aaea65 Mon Sep 17 00:00:00 2001
From: Matias Bubello <matt.bubello@gmail.com>
Date: Wed, 13 Mar 2024 14:10:12 -0300
Subject: [PATCH 4/4] Consistencia

---
 src/layouts/Layout.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index c8851fe60..b78bdb9f1 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,7 +1,7 @@
 ---
 import { ViewTransitions } from "astro:transitions"
 
-import MiduCode from "../components/MiduCode.astro"
+import MiduCode from "@/components/MiduCode.astro"
 import ButtonUp from "@/components/ButtonUp.astro"
 import KonamiCode from "@/components/KonamiCode.astro"
 import LightsBackground from "@/components/LightsBackground.astro"