Añadir enlace de Nube7

This commit is contained in:
T-Royale committed 2026-07-02 21:15:57 +02:00
1 parent eb280f0e52
commit b0f76369d7
2 files changed
+62 -74

No files matched your search

+26 -32
View File
@@ -1,16 +1,16 @@
<!DOCTYPE html> <!doctype html>
<html lang="es"> <html lang="es">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>T_Royale</title> <title>T_Royale</title>
<link rel="icon" href="favicon.png" type="image/png"> <link rel="icon" href="favicon.png" type="image/png" />
<link rel="stylesheet" href="Styles/index.css"> <link rel="stylesheet" href="Styles/index.css" />
<link rel="stylesheet" href="Styles/fonts.css"> <link rel="stylesheet" href="Styles/fonts.css" />
<link rel="stylesheet" href="Styles/sideBar.css"> <link rel="stylesheet" href="Styles/sideBar.css" />
<link rel="stylesheet" href="Styles/languageSelector.css"> <link rel="stylesheet" href="Styles/languageSelector.css" />
<link rel="stylesheet" href="Styles/generic.css"> <link rel="stylesheet" href="Styles/generic.css" />
<link rel="stylesheet" href="Styles/images.css"> <link rel="stylesheet" href="Styles/images.css" />
<script src="Scripts/index.js" defer></script> <script src="Scripts/index.js" defer></script>
</head> </head>
<body> <body>
@@ -18,38 +18,32 @@
<h1 class="title">¡Hola, mi nombre es Teo!&nbsp;<span id="hi">󱠢 &nbsp;</span></h1> <h1 class="title">¡Hola, mi nombre es Teo!&nbsp;<span id="hi">󱠢 &nbsp;</span></h1>
</div> </div>
<a href="index_en.html"> <a href="index_en.html">
<img src="Images/Spanish.png" class="flag shown"> <img src="Images/Spanish.png" class="flag shown" />
<img src="Images/English.png" class="flag hidden"> <img src="Images/English.png" class="flag hidden" />
</a> </a>
<div id="contentDivider"></div> <div id="contentDivider"></div>
<!-- <div id="imageTeo">Insertar imágen</div>--> <!-- <div id="imageTeo">Insertar imágen</div>-->
<div id="texto"> <div id="texto">
<p class="apartado" id="sobreMi">&nbsp;Sobre mí:</p> <p class="apartado" id="sobreMi">&nbsp;Sobre mí:</p>
<p class="puntosSobreMi"> <p class="puntosSobreMi">&nbsp;Estudiante autodidacta de programación de bajo nivel</p>
&nbsp;Estudiante autodidacta de programación de bajo nivel <p class="puntosSobreMi">&nbsp;Electrónica, sistemas y embedded.</p>
</p> <p class="puntosSobreMi">&nbsp;Siempre montando cosas nuevas y aprendiendo por mi cuenta.</p>
<p class="puntosSobreMi">
&nbsp;Electrónica, sistemas y embedded.
</p>
<p class="puntosSobreMi">
&nbsp;Siempre montando cosas nuevas y aprendiendo por mi cuenta.
</p>
<p class="apartado" id="experiencia">&nbsp;Experiencia:</p> <p class="apartado" id="experiencia">&nbsp;Experiencia:</p>
<p class="puntosExperiencia"> <p class="puntosExperiencia">
&nbsp;2024-2026 - Nube7 - Administración de sistemas, desarrollo con ESP32. &nbsp;2024-2026 -
<a href="https://www.nube7.es" style="color: orange">Nube7</a>
- Administración de sistemas, desarrollo con ESP32.
</p> </p>
<p class="apartado" id="tecnologias">&nbsp;Tecnologías:</p> <p class="apartado" id="tecnologias">&nbsp;Tecnologías:</p>
<p class="puntoTecnologías"> <p class="puntoTecnologías">&nbsp;<span id="techDescription">Acerca el ratón a los iconos para descubrir</span></p>
&nbsp;<span id="techDescription">Acerca el ratón a los iconos para descubrir</span>
</p>
</div> </div>
<div id="techIcons"> <div id="techIcons">
<img src="https://skillicons.dev/icons?i=c&theme=dark" class="techIcon" id="cTechIcon"> <img src="https://skillicons.dev/icons?i=c&theme=dark" class="techIcon" id="cTechIcon" />
<img src="https://espressif.gallerycdn.vsassets.io/extensions/espressif/esp-idf-extension/1.9.0/1733825766020/Microsoft.VisualStudio.Services.Icons.Default" class="techIcon squareIcon" id="espTechIcon"> <img src="https://espressif.gallerycdn.vsassets.io/extensions/espressif/esp-idf-extension/1.9.0/1733825766020/Microsoft.VisualStudio.Services.Icons.Default" class="techIcon squareIcon" id="espTechIcon" />
<img src="https://skillicons.dev/icons?i=linux&theme=light" class="techIcon" id="linuxTechIcon"> <img src="https://skillicons.dev/icons?i=linux&theme=light" class="techIcon" id="linuxTechIcon" />
<img src="https://skillicons.dev/icons?i=zig&theme=dark" class="techIcon" id="zigTechIcon"> <img src="https://skillicons.dev/icons?i=zig&theme=dark" class="techIcon" id="zigTechIcon" />
<img src="https://skillicons.dev/icons?i=git&theme=dark" class="techIcon" id="gitTechIcon"> <img src="https://skillicons.dev/icons?i=git&theme=dark" class="techIcon" id="gitTechIcon" />
<img src="https://skillicons.dev/icons?i=raspberrypi&theme=light" class="techIcon" id="rpiTechIcon"> <img src="https://skillicons.dev/icons?i=raspberrypi&theme=light" class="techIcon" id="rpiTechIcon" />
</div> </div>
<!--Barra lateral--> <!--Barra lateral-->
<div id="leftBar"> <div id="leftBar">
@@ -59,7 +53,7 @@
<a href="https://discord.bio/T_Royale"> <a href="https://discord.bio/T_Royale">
<img src="https://skillicons.dev/icons?i=discord&theme=dark" class="leftBar_icon" id="Discord" /> <img src="https://skillicons.dev/icons?i=discord&theme=dark" class="leftBar_icon" id="Discord" />
</a> </a>
<a href="mailto:teomoralesvelasco@icloud.com?subject=Hola, quiero contactarte"> <a href="mailto:teomoralesvelasco@icloud.com?subject=Hi, I wanna contact you">
<img src="https://skillicons.dev/icons?i=gmail&theme=dark" class="leftBar_icon" id="Gmail" /> <img src="https://skillicons.dev/icons?i=gmail&theme=dark" class="leftBar_icon" id="Gmail" />
</a> </a>
</div> </div>
+36 -42
View File
@@ -1,68 +1,62 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="es">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>T_Royale</title> <title>T_Royale</title>
<link rel="icon" href="favicon.png" type="image/png"> <link rel="icon" href="favicon.png" type="image/png" />
<link rel="stylesheet" href="Styles/index.css"> <link rel="stylesheet" href="Styles/index.css" />
<link rel="stylesheet" href="Styles/fonts.css"> <link rel="stylesheet" href="Styles/fonts.css" />
<link rel="stylesheet" href="Styles/sideBar.css"> <link rel="stylesheet" href="Styles/sideBar.css" />
<link rel="stylesheet" href="Styles/languageSelector.css"> <link rel="stylesheet" href="Styles/languageSelector.css" />
<link rel="stylesheet" href="Styles/generic.css"> <link rel="stylesheet" href="Styles/generic.css" />
<link rel="stylesheet" href="Styles/images.css"> <link rel="stylesheet" href="Styles/images.css" />
<script src="Scripts/index_en.js" defer></script> <script src="Scripts/index_en.js" defer></script>
</head> </head>
<body> <body>
<div> <div>
<h1 class="title">Hi, my name is Teo!&nbsp;<span id="hi">󱠢 &nbsp;</span></h1> <h1 class="title">¡Hello, my name is Teo!&nbsp;<span id="hi">󱠢 &nbsp;</span></h1>
</div> </div>
<a href="index.html"> <a href="index.html">
<img src="Images/Spanish.png" class="flag hidden"> <img src="Images/Spanish.png" class="flag hidden" />
<img src="Images/English.png" class="flag shown"> <img src="Images/English.png" class="flag shown" />
</a> </a>
<div id="contentDivider"></div> <div id="contentDivider"></div>
<!--<div id="imageTeo">Insert Image</div>--> <!-- <div id="imageTeo">Insertar imágen</div>-->
<div id="texto"> <div id="texto">
<p class="apartado" id="sobreMi">&nbsp;About me:</p> <p class="apartado" id="sobreMi">&nbsp;Sobre mí:</p>
<p class="puntosSobreMi"> <p class="puntosSobreMi">&nbsp;Self-taught low level programming student.</p>
&nbsp;Self-taught low-level programming student. <p class="puntosSobreMi">&nbsp;Electronics, systems and embedded.</p>
</p> <p class="puntosSobreMi">&nbsp;Always building new things and learning on my own.</p>
<p class="puntosSobreMi">
&nbsp;Electronics, systems and embedded.
</p>
<p class="puntosSobreMi">
&nbsp;Always building new things and learning on my own.
</p>
<p class="apartado" id="experiencia">&nbsp;Experience:</p> <p class="apartado" id="experiencia">&nbsp;Experience:</p>
<p class="puntosExperiencia"> <p class="puntosExperiencia">
&nbsp;2024-2026 - Nube7 - Systems administration, ESP32 development. &nbsp;2024-2026 -
</p> <a href="https://www.nube7.es" style="color: orange">Nube7</a>
<p class="apartado" id="tecnologias">&nbsp;Technologies:</p> - Systems administration and development with ESP32.
<p class="puntoTecnologías">
&nbsp;<span id="techDescription">Hover over the icons to find out more</span>
</p> </p>
<p class="apartado" id="tecnologias">&nbsp;Tecnologías:</p>
<p class="puntoTecnologías">&nbsp;<span id="techDescription">Hover the icons with the mouse to find out more</span></p>
</div> </div>
<div id="techIcons"> <div id="techIcons">
<img src="https://skillicons.dev/icons?i=c&theme=dark" class="techIcon" id="cTechIcon"> <img src="https://skillicons.dev/icons?i=c&theme=dark" class="techIcon" id="cTechIcon" />
<img src="https://espressif.gallerycdn.vsassets.io/extensions/espressif/esp-idf-extension/1.9.0/1733825766020/Microsoft.VisualStudio.Services.Icons.Default" class="techIcon squareIcon" id="espTechIcon"> <img src="https://espressif.gallerycdn.vsassets.io/extensions/espressif/esp-idf-extension/1.9.0/1733825766020/Microsoft.VisualStudio.Services.Icons.Default" class="techIcon squareIcon" id="espTechIcon" />
<img src="https://skillicons.dev/icons?i=linux&theme=light" class="techIcon" id="linuxTechIcon"> <img src="https://skillicons.dev/icons?i=linux&theme=light" class="techIcon" id="linuxTechIcon" />
<img src="https://skillicons.dev/icons?i=zig&theme=dark" class="techIcon" id="zigTechIcon"> <img src="https://skillicons.dev/icons?i=zig&theme=dark" class="techIcon" id="zigTechIcon" />
<img src="https://skillicons.dev/icons?i=git&theme=dark" class="techIcon" id="gitTechIcon"> <img src="https://skillicons.dev/icons?i=git&theme=dark" class="techIcon" id="gitTechIcon" />
<img src="https://skillicons.dev/icons?i=raspberrypi&theme=light" class="techIcon" id="rpiTechIcon"> <img src="https://skillicons.dev/icons?i=raspberrypi&theme=light" class="techIcon" id="rpiTechIcon" />
</div> </div>
<!--Sidebar--> <!--Barra lateral-->
<div id="leftBar"> <div id="leftBar">
<a href="https://codeberg.org/T_Royale">
<img src="https://uxwing.com/wp-content/themes/uxwing/download/brands-and-social-media/codeberg-icon.png" class="leftBar_icon" id="GitHub" />
</a>
<a href="https://discord.bio/T_Royale"> <a href="https://discord.bio/T_Royale">
<img src="https://skillicons.dev/icons?i=discord&theme=dark" class="leftBar_icon" id="Discord" /> <img src="https://skillicons.dev/icons?i=discord&theme=dark" class="leftBar_icon" id="Discord" />
</a> </a>
<a href="https://codeberg.org/T_Royale"> <a href="mailto:teomoralesvelasco@icloud.com?subject=Hola, quiero contactarte">
<img src="https://skillicons.dev/icons?i=github&theme=dark" class="leftBar_icon" id="GitHub"/>
</a>
<a href="mailto:teomoralesvelasco@icloud.com?subject=Hi, I want to contact you">
<img src="https://skillicons.dev/icons?i=gmail&theme=dark" class="leftBar_icon" id="Gmail" /> <img src="https://skillicons.dev/icons?i=gmail&theme=dark" class="leftBar_icon" id="Gmail" />
</a> </a>
</div> </div>
<!--/Sidebar/--> <!--/Barra lateral/-->
</body> </body>
</html> </html>