Primer lanzamiento

Sin experiencia y sin foto mía

TypeScript/index.ts

@@ -1,11 +1,11 @@
 const techDescription = document.getElementById('techDescription');
 
 const techs = [
-	{ iconId: 'inoTechIcon', description: 'Descripción de Arduino (ino)' },
-	{ iconId: 'cTechIcon', description: 'Descripción de C' },
-	{ iconId: 'gitTechIcon', description: 'Descripción de Git' },
-	{ iconId: 'linuxTechIcon', description: 'Descripción de Linux' },
-	{ iconId: 'rpiTechIcon', description: 'Descripción de Raspberry Pi' }
+	{ iconId: 'inoTechIcon', description: 'Arduino: Proyectos de electrónica y prototipos' },
+	{ iconId: 'cTechIcon', description: 'C: Mi lenguaje de programación principal' },
+	{ iconId: 'gitTechIcon', description: 'Git: Control de versiones de mis proyectos' },
+	{ iconId: 'linuxTechIcon', description: 'Linux: Uso diario y administración' },
+	{ iconId: 'rpiTechIcon', description: 'Raspberry Pi: Servidores caseros y homelabs' }
 ];
 if(!techDescription){
 	alert('ERROR: No se ha encontrado el elemento "techDescription"')
@@ -22,10 +22,10 @@ if(!techDescription){
 			techDescription.innerText = tech.description;
 			switch (tech.iconId) {
 				case 'inoTechIcon':
-					techDescription.style.color = 'lightskyblue';
+					techDescription.style.color = 'aqua';
 					break;
 				case 'cTechIcon':
-					techDescription.style.color = '#0051FF';
+					techDescription.style.color = '#1578fa';
 					break;
 				case 'gitTechIcon':
 					techDescription.style.color = 'orangered';

TypeScript/index_en.ts

@@ -0,0 +1,45 @@
+const techDescription_en = document.getElementById('techDescription');
+
+const techs_en = [
+	{ iconId: 'inoTechIcon', description: 'Arduino: Electronics projects and prototyping' },
+	{ iconId: 'cTechIcon', description: 'C: My main programming language' },
+	{ iconId: 'gitTechIcon', description: 'Git: Version control for all my projects' },
+	{ iconId: 'linuxTechIcon', description: 'Linux: Daily use and administration' },
+	{ iconId: 'rpiTechIcon', description: 'Raspberry Pi: Home servers and homelabs' }
+];
+if(!techDescription_en){
+	alert('ERROR: No se ha encontrado el elemento "techDescription"')
+} else {
+	techs_en.forEach( tech => {
+		const icon = document.getElementById(tech.iconId);
+
+		if(!icon){
+			alert('ERROR: elemento con ID ${tech.iconID} no encontrado');
+			return;
+		}
+
+		icon.addEventListener('mouseenter', () => {
+			techDescription_en.innerText = tech.description;
+			switch (tech.iconId) {
+				case 'inoTechIcon':
+					techDescription_en.style.color = 'aqua';
+					break;
+				case 'cTechIcon':
+					techDescription_en.style.color = '#1578fa';
+					break;
+				case 'gitTechIcon':
+					techDescription_en.style.color = 'orangered';
+					break;
+				case 'linuxTechIcon':
+					techDescription_en.style.color = 'yellow';
+					break;
+				case 'rpiTechIcon':
+					techDescription_en.style.color = '#FB266A';
+					break;
+				default:
+					break;
+			}
+		});
+
+	});
+}