diff options
-rw-r--r-- | artículos/index.html | 31 | ||||
-rw-r--r-- | artículos/kyria.html | 1 | ||||
-rw-r--r-- | artículos/whatsapp.html | 1 | ||||
-rw-r--r-- | css/style.css | 9 | ||||
-rw-r--r-- | en.html | 4 | ||||
-rw-r--r-- | escalada.html | 60 | ||||
-rw-r--r-- | escritos/index.html | 4 | ||||
-rw-r--r-- | index.html | 178 | ||||
-rw-r--r-- | servicios.html | 44 |
9 files changed, 258 insertions, 74 deletions
diff --git a/artículos/index.html b/artículos/index.html new file mode 100644 index 0000000..ce2443f --- /dev/null +++ b/artículos/index.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<html lang="es"> + <head> + <meta charset="UTF-8"> + <title>Taamas - Artículos</title> + <link rel="stylesheet" type="text/css" href="../css/style.css"> + </head> + <body> + + <header> + <h1>🗞️ Artículos 🗞️</h1> + </header> + + <ul class="navbar"> + <li><a href="../index.html">Portada</a></li> + </ul> + + <section> + <p> + Aquí quedan los artículos que escribo cuando tengo alguna idea lo suficientemente larga y + compartible. + </p> + </section> + + <ul> + <li><a href="whatsapp.html">Abandonando Whatsapp</a></li> + <li><a href="kyria.html">Kyria: Construyendo un teclado</a></li> + </ul> + + </body> +</html> diff --git a/artículos/kyria.html b/artículos/kyria.html index 0e98890..58a1438 100644 --- a/artículos/kyria.html +++ b/artículos/kyria.html @@ -11,6 +11,7 @@ <body> <h1 id="construyendo-un-teclado">Construyendo un teclado</h1> <ul class="navbar"> + <li><a href="index.html">Índice de artículos</a></li> <li><a href="../index.html">Portada</a></li> </ul> <p>En Febrero de 2021 decidí construir un teclado mecánico. Comparto aquí mis motivaciones, el camino que seguí y unas cuantas imágenes del proceso de construcción.</p> diff --git a/artículos/whatsapp.html b/artículos/whatsapp.html index f9705de..c41305b 100644 --- a/artículos/whatsapp.html +++ b/artículos/whatsapp.html @@ -8,6 +8,7 @@ Abandonando WhatsApp <body> <h1 id="abandonando-whatsapp">Abandonando WhatsApp</h1> <ul class="navbar"> + <li><a href="index.html">Índice de artículos</a></li> <li><a href="../index.html">Portada</a></li> </ul> <h2 id="por-qué-dejar-de-usar-whatsapp">¿Por qué dejar de usar WhatsApp?</h2> diff --git a/css/style.css b/css/style.css index b87b4f2..badbfe7 100644 --- a/css/style.css +++ b/css/style.css @@ -71,13 +71,12 @@ p { } img { - margin: 10px 50px 40px; + margin: 15px 50px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .column { display: grid; - float: right; } .odd { @@ -88,6 +87,12 @@ img { float: right; } +.final { + display: block; + margin: auto; + text-align: center; +} + section { overflow: auto; margin: 60px 0 20px; @@ -34,7 +34,7 @@ </section> <section> - <div class="column"> + <div class="column even"> <img src="img/taamasArch.jpg" alt="Rice 1"> <img src="img/vaporwave.jpg" alt="Working with JS"> </div> @@ -157,7 +157,7 @@ <section> <p> - Thank you for reading my page! It’s source code is available + Thank you for reading my page! Its source code is available <a href="https://git.taamas.xyz/Taamas/taamas.xyz">here</a>. </p> </section> diff --git a/escalada.html b/escalada.html new file mode 100644 index 0000000..e698ac8 --- /dev/null +++ b/escalada.html @@ -0,0 +1,60 @@ +<!DOCTYPE html> +<html lang="es"> + + <head> + <meta charset="UTF-8"> + <title>Taamas - Escalada</title> + <link rel="stylesheet" type="text/css" href="css/style.css"> + </head> + + <body> + + <header> + <h1>🧗 Escalada 🧗</h1> + </header> + + <ul class="navbar"> + <li><a href="index.html">Portada</a></li> + </ul> + + <section> + <p>Aprovecho este rinconcito de la red para dejar algunos fragmentos de mis visitas al + rocódromo.</p> + </section> + + <section> + + <video height="480" muted controls> + <source src="resources/escalada/failNoAudio.webm" type="video/webm"> + Este vídeo de mí en el rocódromo no puede cargarse. + </video> + + <video height="480" muted controls> + <source src="resources/escalada/naranja01.webm" type="video/webm"> + Este vídeo de mí en el rocódromo no puede cargarse. + </video> + + <video height="480" muted controls> + <source src="resources/escalada/naranja02.webm" type="video/webm"> + Este vídeo de mí en el rocódromo no puede cargarse. + </video> + + </section> + + <section> + + <video height="480" muted controls> + <source src="resources/escalada/morada01.webm" type="video/webm"> + Este vídeo de mí en el rocódromo no puede cargarse. + </video> + + <video height="480" muted controls> + <source src="resources/escalada/morada02.webm" type="video/webm"> + Este vídeo de mí en el rocódromo no puede cargarse. + </video> + + </section> + + </body> + +</html> diff --git a/escritos/index.html b/escritos/index.html index b7f19bf..95389f2 100644 --- a/escritos/index.html +++ b/escritos/index.html @@ -2,13 +2,13 @@ <html lang="es"> <head> <meta charset="UTF-8"> - <title>Taamas --- Escritos</title> + <title>Taamas - Escritos</title> <link rel="stylesheet" type="text/css" href="../css/style.css"> </head> <body> <header> - <h1>Escritos</h1> + <h1>✍️ Escritos ✍️</h1> </header> <ul class="navbar"> @@ -1,10 +1,12 @@ <!DOCTYPE html> <html lang="es"> + <head> <meta charset="UTF-8"> <title>Taamas</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> + <body> <header> @@ -12,36 +14,61 @@ </header> <ul class="navbar"> - <li><a href="artículos/whatsapp.html">Whatsapp</a></li> - <li><a href="artículos/kyria.html">Kyria</a></li> - <li><a href="cthulhu/cthulhu.html">Rol</a></li> - <li><a href="escritos/index.html">Escritos</a></li> - <li><a href="zettelkasten/index.html">Zettelkasten</a></li> - <li class="liright"><a href="en.html">English</a></li> + <li><a href="servicios.html">🔌 Servicios</a></li> + <li><a href="artículos/index.html">🗞️ Artículos</a></li> + <li><a href="escritos/index.html">✍️ Escritos</a></li> + <li><a href="zettelkasten/index.html">📔 Zettelkasten</a></li> + <li><a href="escalada.html">🧗Escalada</a></li> + <li class="liright"><a href="en.html">English (old version)</a></li> </ul> <section> - <img src="img/walking.jpg" class="odd" alt="Caminando hacia el bosque"> + + <a class="odd" href="img/enRuta_full.jpg"> + <img src="img/enRuta.webp" alt="Contemplando las rocas en una ruta de montaña."> + </a> <h2>¡Hola!</h2> - <p> - Soy un estudiante de Ingeniería Informática del Software de - <a href="https://es.wikipedia.org/wiki/Asturias">Asturias</a>, - España. - <a href="https://ingenieriainformatica.uniovi.es/inicio"> - Esta es la página web de mi escuela</a>, - una institución parte de la - <a href="https://www.uniovi.es/en/">Universidad de Oviedo</a>. - 2020/2021 será mi último curso en ella, ya que todo lo que me queda es una asignatura y mi TFG - (Trabajo de Fin de Grado). - </p> + <p>Soy Íñigo, una persona con muchas preguntas en busca de muchas respuestas. Aunque en + Internet uso el apodo de Taamas.</p> + + <p> Esta es la página principal de mi servidor personal. Aquí tengo desplegados algunos + <a href="servicios.html">servicios</a> (quizá alguno te sea útil) y recogidos escritos + diversos. Si sigues leyendo esta página encontrarás más información sobre mí.</p> + </section> <section> - <div class="column"> - <img src="img/taamasArch.jpg" alt="Rice 1"> - <img src="img/vaporwave.jpg" alt="Trabajando con JS"> + + <a class="even" href="img/seimeira_full.webp"> + <img src="img/seimeira.jpg" class="even" alt="Seimeira"> + </a> + + + <h2>Sobre mí</h2> + + <p>Ahora mismo vivo en <a href="https://es.wikipedia.org/wiki/Asturias">Asturias</a>. Nací en + <a href="https://es.wikipedia.org/wiki/Langreo">Langreo</a> y crecí en esta cuenca minera y + en un pueblo de León <i>entre el Páramo y el Esla</i>.</p> + + <p>Mientras encuentro respuestas me gusta trastear con mi ordenador, practicar + <a href="escalada.html">escalada</a> y explorar el + <a href="https://senseis.xmp.net/?Go">Go</a>. Lo encuentro un juego muy profundo y gratificante que enlaza + con principios de simplicidad y eficiencia. De vez en cuando incluso cojo algún libro.</p> + + <p>Filosóficamente estoy interesado en el estoicismo y el wabi-sabi como inspiraciones para + escapar del nihilismo y terror existencial que permean nuestra sociedad moderna y mi + generación. El zen también enlaza de formas sorprendentes con la filosofía Unix, por lo que + puedo aplicarlo más directamente a mi campo de conocimiento.</p> + + </section> + + <section> + + <div class="column odd"> + <a href="img/taamasArch_full.png"><img src="img/taamasArch.jpg" alt="Rice 1"></a> + <a href="img/vaporwave_full.jpg"><img src="img/vaporwave.jpg" alt="Trabajando con JS"></a> </div> <h2>Mi sistema</h2> @@ -52,10 +79,9 @@ automatizar o simplificar mis tareas, o a dar vida a <a href="https://git.taamas.xyz/Taamas/scripts/src/branch/master/mapGen">ideas</a> <a href="https://git.taamas.xyz/Taamas/scripts/src/branch/master/cardGen">aleatorias</a>. - Estas son dos capturas de pantalla de mi ordenador principal: la primera una captura típica de - r/uniporn haciendo bonito; la otra una visión más común, unos cuantos buffers de Vim cubriendo - la pantalla. - </p> + Estas son dos capturas de pantalla de mi ordenador principal: la primera una vista poco + práctica haciendo bonito; la otra una visión más común, unos cuantos buffers de Vim cubriendo + la pantalla. </p> <p> Usé Ubuntu por un corto periodo de tiempo dado que se supone que es una distribución para @@ -63,17 +89,29 @@ me dejaban trastear, construir y aprender sobre el sistema cómodamente. He estado usándolo durante los últimos dos años. </p> + </section> <section> - <img src="img/seimeira.jpg" class="odd" alt="Seimeira"> - <h2>Mi trabajo</h2> + <a class="even" href="img/zoomTeclado_full.jpg"> + <img src="img/zoomTeclado.webp" alt="Zoom de parte de mi teclado."> + </a> - <p> - Trabajo como desarrollador software junior en <a href="https://gmeana.com/">GADD</a>, donde - soy parte de un equipo que desarrolla una aplicación de venta de entradas online. - </p> + <h2>Mi trabajo y estudios</h2> + + <p>Cuando terminé la educación obligatoria y bachillerato entré en la + <a href="https://www.uniovi.es">Universidad de Oviedo</a> en la carrera de Biotecnología. + Estuve allí unos años aprendiendo sobre el ADN y las proteínas y el mundo científico y esas + historias y lo dejé.</p> + + <p>Tras eso me pasé a la + <a href="https://ingenieriainformatica.uniovi.es/inicio">Escuela de Ingeniería Informática</a> + para estudiar Ingeniería Informática del Software, lo cual fue más llevadero.</p> + + <p>Trabajo como desarrollador software junior en + <a href="https://gmeana.com/">Grupo Meana</a>, donde soy parte de un equipo que desarrolla una + plataforma de gestión de recintos y venta de entradas.</p> <p> Pueden encontrarse ejemplos de mi trabajo en mi @@ -87,19 +125,46 @@ <ul> <li> - <a href="https://git.taamas.xyz/Taamas/configs">Configuraciones</a> - y - <a href="https://git.taamas.xyz/Taamas/scripts">scripts</a> - que uso en mis máquinas. - </li> + <a href="https://git.taamas.xyz/Taamas/configs">Configuraciones</a> y + <a href="https://git.taamas.xyz/Taamas/scripts">scripts</a> que uso en mis máquinas. + Entre estos scripts, algunos interesantes son... + + <ul> + + <li> + <a href="https://git.taamas.xyz/Taamas/scripts/src/branch/master/mapGen"> + <code>mapGen.sh</code></a> + y + <a href="https://git.taamas.xyz/Taamas/scripts/src/branch/master/cardGen"> + <code>dndCard.sh</code></a>, + capaz de crear imágenes de mapas y cartas respectivamente a partir de archivos de + texto. + </li> + + <li> + <a href="https://git.taamas.xyz/Taamas/scripts/src/branch/master/emoji"> + <code>emoji</code></a>, + un teclado de emojis para dmenu que permite ver los emojis por grupos y recuerda + los más usados, junto con un script para generar el archivo de datos de emojis. + </li> + + <li> + <a href="https://git.taamas.xyz/Taamas/scripts/src/branch/master/data"> + <code>data</code></a>, + que permiten registrar valores a un archivo de texto usado como base de datos y + almacenado en un servidor. Pueden usarse para registros periódicos, como el + combustible y el kilometraje de un vehículo o mediciones de peso a lo largo del + tiempo. + </li> + + </ul> - <li> - Una - <a href="https://git.taamas.xyz/Taamas/mainpage">página principal</a> - con motores de búsqueda configurados a partir de un archivo de texto que puedes usar - para hacer tu navegador más vistoso. </li> + <li> Una <a href="https://git.taamas.xyz/Taamas/mainpage">página principal</a> con + motores de búsqueda personalizables que puedes usar para hacer tu navegador más + vistoso. </li> + <li> Una <a href="https://git.taamas.xyz/Taamas/con"> @@ -140,40 +205,17 @@ </section> - <section> - <img src="img/leiva.jpg" class="even" alt="Leiva haciendo cosas"> - - <h2>Otros asuntos</h2> + <section class="final"> - <p> - Estoy estudiando el juego del Go. Lo encuentro un juego muy profundo y gratificante que enlaza - con principios de simplicidad y eficiencia. - </p> + <img src="img/walking.jpg" alt="Caminando hacia el bosque"> <p> - Mi novia me ha dejado una guitarra eléctrica, así que estoy intentando aprender a tocarla (sin - ningún tipo de prisa). - </p> - - <p> - Filosóficamente estoy interesado en el estoicismo y el zen como inspiraciones para escapar del - nihilismo y terror existencial que permean nuestra sociedad moderna y mi generación. El zen - también enlaza de formas sorprendentes con la filosofía Unix, por lo que puedo aplicarlo más - directamente a mi campo de conocimiento. - </p> - - <p> - Además, mi hermana quería un gato, así que vivo con esta demonio llamada Leiva. ¡Le encanta mi - silla! - </p> - </section> - - <section> - <p> ¡Gracias por leer mi página! Su código fuente está disponible <a href="https://git.taamas.xyz/Taamas/taamas.xyz">aquí</a>. </p> + </section> </body> + </html> diff --git a/servicios.html b/servicios.html new file mode 100644 index 0000000..775ca3d --- /dev/null +++ b/servicios.html @@ -0,0 +1,44 @@ +<!DOCTYPE html> +<html lang="es"> + + <head> + <meta charset="UTF-8"> + <title>Taamas - Servicios</title> + <link rel="stylesheet" type="text/css" href="css/style.css"> + </head> + + <body> + + <header> + <h1>🔌 Servicios 🔌</h1> + </header> + + <ul class="navbar"> + <li><a href="index.html">Portada</a></li> + </ul> + + <section> + <p>Aquí enlazo algunos servicios desplegados en este servidor que invito a cualquiera a usar.</p> + </section> + + <ul> + + <li> + <a href="https://git.taamas.xyz">Gitea</a>, un gestor de repositorios de Git similar a + Github o Gitlab. Es donde guardo <a href="https://git.taamas.xyz/Taamas">mis repositorios + públicos</a>. + </li> + + <li> + <a href="https://bibliogram.taamas.xyz">Bibliogram</a>, un intermediario con Instagram para + poder ver publicaciones y cuentas sin <del>formar parte de la granja de datos de Meta</del> + tener una cuenta, incluso genera feeds RSS. La pega es que Instagram detecta que se está + accediendo desde un servidor y bloquea el servicio bastante rápido, pero como mi instancia + es poco usada a veces funciona. + </li> + + </ul> + + </body> + +</html> |