From 15ae2a17b2ee1f8cdd2b021fb8b1ac2e5720e446 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rodrigo=20Lavalle=20Ca=C3=B1izares?= <rodlavalle@gmail.com>
Date: Tue, 7 May 2024 19:46:26 -0600
Subject: [PATCH] added poke-type/drink relation object

---
 assets/js/select.js | 30 +++++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/assets/js/select.js b/assets/js/select.js
index e52edc4..5494ad3 100644
--- a/assets/js/select.js
+++ b/assets/js/select.js
@@ -7,15 +7,39 @@ const btnBack = document.querySelector('#btn-back');
 const btnSelect = document.querySelector('#btn-select');
 let pokeList = [];
 let pokeArrayForDisplay = [];
+const pokeTypeDrinkRel = {
+    grass: 'gin',
+    fire: 'tequila',
+    water: 'tonic_water',
+    ground: 'kahlua',
+    poison: 'jagermeister',
+    fairy: 'absinthe',
+    normal: 'rum',
+    fighting: 'scotch',
+    bug: 'anis',
+    rock: 'beer',
+    psychic: 'angostura_bitters',
+    shadow: 'brandy',
+    steel: 'dry_Vermouth',
+    ghost: 'amaretto',
+    electric: 'passion_fruit_juice',
+    bug: 'mint',
+    dark: 'red_wine',
+    dragon: 'cachaca',
+    ice: 'vodka',
+};
+
+console.log(pokeTypeDrinkRel);
 
-// The following func sets a responsive size for the letters and rotates each of them individually. It also creates a hover animation.
+// The following function sets a responsive size for the letters and rotates each of them individually. It also creates a hover animation.
 const setTitle = () => {
+    // A function that animates the popping of the letters from 0 font-size to something depending on the screen size.
     const bornletters = (letter, i) => {
-        let time = 200*i
+        let time = 200*i; // This time is set based on the transitions of the letters' animation.
         setTimeout(() => {
             if (window.innerWidth > 768) letter.style.fontSize = `15vh`
             if (window.innerWidth < 768) letter.style.fontSize = `10vw`
-        }, time)
+        }, time); // Each letter in the loop will wait for the past letters to finish the animation transition.
     };
 
     const animateLetters = (letter) =>{