Añadir enlace de Nube7

This commit is contained in:
T-Royale committed 2026-07-02 20:59:45 +02:00
1 parent eb280f0e52
commit 84c8976e8e
2 files changed
+119 -131

No files matched your search

+59 -65
View File
@@ -1,68 +1,62 @@
<!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>
<div> <div>
<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>
<div id="contentDivider"></div>
<!-- <div id="imageTeo">Insertar imágen</div>-->
<div id="texto">
<p class="apartado" id="sobreMi">&nbsp;Sobre mí:</p>
<p class="puntosSobreMi">
&nbsp;Estudiante autodidacta de programación de bajo nivel
</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="puntosExperiencia">
&nbsp;2024-2026 - Nube7 - Administración de sistemas, desarrollo con ESP32.
</p>
<p class="apartado" id="tecnologias">&nbsp;Tecnologías:</p>
<p class="puntoTecnologías">
&nbsp;<span id="techDescription">Acerca el ratón a los iconos para descubrir</span>
</p>
</div>
<div id="techIcons">
<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://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=git&theme=dark" class="techIcon" id="gitTechIcon">
<img src="https://skillicons.dev/icons?i=raspberrypi&theme=light" class="techIcon" id="rpiTechIcon">
</div>
<!--Barra lateral-->
<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>
<a href="https://discord.bio/T_Royale"> <div id="contentDivider"></div>
<img src="https://skillicons.dev/icons?i=discord&theme=dark" class="leftBar_icon" id="Discord"/> <!-- <div id="imageTeo">Insertar imágen</div>-->
</a> <div id="texto">
<a href="mailto:teomoralesvelasco@icloud.com?subject=Hola, quiero contactarte"> <p class="apartado" id="sobreMi">&nbsp;Sobre mí:</p>
<img src="https://skillicons.dev/icons?i=gmail&theme=dark" class="leftBar_icon" id="Gmail"/> <p class="puntosSobreMi">&nbsp;Estudiante autodidacta de programación de bajo nivel</p>
</a> <p class="puntosSobreMi">&nbsp;Electrónica, sistemas y embedded.</p>
</div> <p class="puntosSobreMi">&nbsp;Siempre montando cosas nuevas y aprendiendo por mi cuenta.</p>
<!--/Barra lateral/--> <p class="apartado" id="experiencia">&nbsp;Experiencia:</p>
</body> <p class="puntosExperiencia">
&nbsp;2024-2026 -
<a href="https://www.nube7.es" style="color: orange">Nube7</a>
- Administración de sistemas, desarrollo con ESP32.
</p>
<p class="apartado" id="tecnologias">&nbsp;Tecnologías:</p>
<p class="puntoTecnologías">&nbsp;<span id="techDescription">Acerca el ratón a los iconos para descubrir</span></p>
</div>
<div id="techIcons">
<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://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=git&theme=dark" class="techIcon" id="gitTechIcon" />
<img src="https://skillicons.dev/icons?i=raspberrypi&theme=light" class="techIcon" id="rpiTechIcon" />
</div>
<!--Barra lateral-->
<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">
<img src="https://skillicons.dev/icons?i=discord&theme=dark" class="leftBar_icon" id="Discord" />
</a>
<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" />
</a>
</div>
<!--/Barra lateral/-->
</body>
</html> </html>
+60 -66
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_en.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>
<div id="contentDivider"></div>
<!--<div id="imageTeo">Insert Image</div>-->
<div id="texto">
<p class="apartado" id="sobreMi">&nbsp;About me:</p>
<p class="puntosSobreMi">
&nbsp;Self-taught low-level programming student.
</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="puntosExperiencia">
&nbsp;2024-2026 - Nube7 - Systems administration, ESP32 development.
</p>
<p class="apartado" id="tecnologias">&nbsp;Technologies:</p>
<p class="puntoTecnologías">
&nbsp;<span id="techDescription">Hover over the icons to find out more</span>
</p>
</div>
<div id="techIcons">
<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://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=git&theme=dark" class="techIcon" id="gitTechIcon">
<img src="https://skillicons.dev/icons?i=raspberrypi&theme=light" class="techIcon" id="rpiTechIcon">
</div>
<!--Sidebar-->
<div id="leftBar">
<a href="https://discord.bio/T_Royale">
<img src="https://skillicons.dev/icons?i=discord&theme=dark" class="leftBar_icon" id="Discord"/>
</a> </a>
<a href="https://codeberg.org/T_Royale"> <div id="contentDivider"></div>
<img src="https://skillicons.dev/icons?i=github&theme=dark" class="leftBar_icon" id="GitHub"/> <!-- <div id="imageTeo">Insertar imágen</div>-->
</a> <div id="texto">
<a href="mailto:teomoralesvelasco@icloud.com?subject=Hi, I want to contact you"> <p class="apartado" id="sobreMi">&nbsp;Sobre mí:</p>
<img src="https://skillicons.dev/icons?i=gmail&theme=dark" class="leftBar_icon" id="Gmail"/> <p class="puntosSobreMi">&nbsp;Self-taught low level programming student.</p>
</a> <p class="puntosSobreMi">&nbsp;Electronics, systems and embedded.</p>
</div> <p class="puntosSobreMi">&nbsp;Always building new things and learning on my own.</p>
<!--/Sidebar/--> <p class="apartado" id="experiencia">&nbsp;Experience:</p>
</body> <p class="puntosExperiencia">
&nbsp;2024-2026 -
<a href="https://www.nube7.es" style="color: orange">Nube7</a>
- Systems administration and development with ESP32.
</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 id="techIcons">
<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://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=git&theme=dark" class="techIcon" id="gitTechIcon" />
<img src="https://skillicons.dev/icons?i=raspberrypi&theme=light" class="techIcon" id="rpiTechIcon" />
</div>
<!--Barra lateral-->
<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">
<img src="https://skillicons.dev/icons?i=discord&theme=dark" class="leftBar_icon" id="Discord" />
</a>
<a href="mailto:teomoralesvelasco@icloud.com?subject=Hola, quiero contactarte">
<img src="https://skillicons.dev/icons?i=gmail&theme=dark" class="leftBar_icon" id="Gmail" />
</a>
</div>
<!--/Barra lateral/-->
</body>
</html> </html>