From eb280f0e5261ddac9ba56a4b24c6296bf53b2d11 Mon Sep 17 00:00:00 2001 From: T-Royale <141929186+T-Royale@users.noreply.github.com> Date: Thu, 2 Jul 2026 20:40:22 +0200 Subject: [PATCH] Modify website MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Actualizado apartado de experiencia laboral (2026) - Quitado icono de Arduino - Añadido iconos de ESP-IDF y Zig - Actualizado github->codeberg - Eliminado todo typescript --- Scripts/index.js | 85 ++++++++++++++++++++++++--------------------- Scripts/index_en.js | 85 ++++++++++++++++++++++++--------------------- Styles/fonts.css | 2 +- Styles/index.css | 3 ++ index.html | 20 ++++++----- index_en.html | 22 ++++++------ 6 files changed, 117 insertions(+), 100 deletions(-) diff --git a/Scripts/index.js b/Scripts/index.js index d38abf1..abc8eca 100644 --- a/Scripts/index.js +++ b/Scripts/index.js @@ -1,43 +1,48 @@ -"use strict"; const techDescription = document.getElementById('techDescription'); -const techs = [ - { 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"'); -} -else { - techs.forEach(tech => { - const icon = document.getElementById(tech.iconId); - if (!icon) { - alert('ERROR: elemento con ID ${tech.iconID} no encontrado'); - return; - } - icon.addEventListener('mouseenter', () => { - techDescription.innerText = tech.description; - switch (tech.iconId) { - case 'inoTechIcon': - techDescription.style.color = 'aqua'; - break; - case 'cTechIcon': - techDescription.style.color = '#1578fa'; - break; - case 'gitTechIcon': - techDescription.style.color = 'orangered'; - break; - case 'linuxTechIcon': - techDescription.style.color = 'yellow'; - break; - case 'rpiTechIcon': - techDescription.style.color = '#FB266A'; - break; - default: - break; - } - }); - }); + alert('ERROR: No se ha encontrado el elemento "techDescription"'); + throw new Error('techDescription element not found'); } + +const techs = [ + { iconId: 'cTechIcon', description: 'C: Programación de sistemas y embedded' }, + { iconId: 'espTechIcon', description: 'ESP-IDF: Firmware y drivers para ESP32 sobre FreeRTOS' }, + { iconId: 'linuxTechIcon', description: 'Linux: Uso diario y administración' }, + { iconId: 'zigTechIcon', description: 'Zig: Experimentos y desarrollo en general' }, + { iconId: 'gitTechIcon', description: 'Git: Control de versiones de mis proyectos' }, + { iconId: 'rpiTechIcon', description: 'Raspberry Pi: Servidores caseros y homelabs' }, +]; + +techs.forEach((tech) => { + const icon = document.getElementById(tech.iconId); + if (!icon) { + alert(`ERROR: elemento con ID ${tech.iconId} no encontrado`); + return; + } + icon.addEventListener('mouseenter', () => { + techDescription.innerText = tech.description; + switch (tech.iconId) { + case 'cTechIcon': + techDescription.style.color = '#1578fa'; + break; + case 'espTechIcon': + techDescription.style.color = '#e7352c'; + break; + case 'linuxTechIcon': + techDescription.style.color = '#2596be'; + break; + case 'zigTechIcon': + techDescription.style.color = '#f7a41d'; + break; + case 'gitTechIcon': + techDescription.style.color = 'orangered'; + break; + case 'rpiTechIcon': + techDescription.style.color = '#FB266A'; + break; + default: + break; + } + }); +}); diff --git a/Scripts/index_en.js b/Scripts/index_en.js index 3430fb0..ba3e487 100644 --- a/Scripts/index_en.js +++ b/Scripts/index_en.js @@ -1,43 +1,48 @@ -"use strict"; 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; - } - }); - }); + alert('ERROR: element "techDescription" not found'); + throw new Error('techDescription element not found'); } + +const techs_en = [ + { iconId: 'cTechIcon', description: 'C: Systems and embedded programming' }, + { iconId: 'espTechIcon', description: 'ESP-IDF: Firmware and drivers for ESP32 on FreeRTOS' }, + { iconId: 'linuxTechIcon', description: 'Linux: Daily use and administration' }, + { iconId: 'zigTechIcon', description: 'Zig: Experiments and general development' }, + { iconId: 'gitTechIcon', description: 'Git: Version control for all my projects' }, + { iconId: 'rpiTechIcon', description: 'Raspberry Pi: Home servers and homelabs' }, +]; + +techs_en.forEach((tech) => { + const icon = document.getElementById(tech.iconId); + if (!icon) { + alert(`ERROR: element with ID ${tech.iconId} not found`); + return; + } + icon.addEventListener('mouseenter', () => { + techDescription_en.innerText = tech.description; + switch (tech.iconId) { + case 'cTechIcon': + techDescription_en.style.color = '#1578fa'; + break; + case 'espTechIcon': + techDescription_en.style.color = '#e7352c'; + break; + case 'linuxTechIcon': + techDescription_en.style.color = '#2596be'; + break; + case 'zigTechIcon': + techDescription_en.style.color = '#f7a41d'; + break; + case 'gitTechIcon': + techDescription_en.style.color = 'orangered'; + break; + case 'rpiTechIcon': + techDescription_en.style.color = '#FB266A'; + break; + default: + break; + } + }); +}); diff --git a/Styles/fonts.css b/Styles/fonts.css index de22a47..ad500f1 100644 --- a/Styles/fonts.css +++ b/Styles/fonts.css @@ -8,5 +8,5 @@ font-family: 'AgaveNerdFont'; src: url('../Fonts/AgaveNerdFont/AgaveNerdFont-Bold.ttf') format('truetype'); font-weight: bold; - font-style: bold; + font-style: normal; } \ No newline at end of file diff --git a/Styles/index.css b/Styles/index.css index 2c365b9..9d5f389 100644 --- a/Styles/index.css +++ b/Styles/index.css @@ -75,6 +75,9 @@ p { .techIcon:hover{ width: 7.5vw; } +.squareIcon { /*Iconos cuadrados sin bordes redondeados propios*/ + border-radius: 22%; +} #techDescription { color: white; diff --git a/index.html b/index.html index 700e265..4b30873 100644 --- a/index.html +++ b/index.html @@ -2,6 +2,7 @@ + T_Royale @@ -25,17 +26,17 @@

  Sobre mí:

-   Estudio el grado medio de SMR en Valencia. +   Estudiante autodidacta de programación de bajo nivel

-   Proyectos de electrónica, programación en C y trastear con Linux. +   Electrónica, sistemas y embedded.

  Siempre montando cosas nuevas y aprendiendo por mi cuenta.

  Experiencia:

-   No mucha +   2024-2026 - Nube7 - Administración de sistemas, desarrollo con ESP32.

  Tecnologías:

@@ -43,24 +44,25 @@

- - + + +
+ + + - - -
- \ No newline at end of file + diff --git a/index_en.html b/index_en.html index 6ae890e..fbbc9a6 100644 --- a/index_en.html +++ b/index_en.html @@ -1,7 +1,8 @@ - + + T_Royale @@ -25,17 +26,17 @@

  About me:

-   I’m studying a vocational degree in Computer Systems (SMR) in Valencia. +   Self-taught low-level programming student.

-   Working on electronics projects, programming in C, and tinkering with Linux. +   Electronics, systems and embedded.

  Always building new things and learning on my own.

  Experience:

-   Not much yet. +   2024-2026 - Nube7 - Systems administration, ESP32 development.

  Technologies:

@@ -43,24 +44,25 @@

- - + + +
- +
- +
- + - \ No newline at end of file +