6 files changed, 29 insertions, 26 deletions
diff --git a/html/artículos/kyria.html b/artículos/kyria.html
index dac7186..7d15805 100644
--- a/html/artículos/kyria.html
+++ b/artículos/kyria.html
@@ -3,10 +3,13 @@
 <title>
   Construyendo un teclado
 </title>
-<link rel="stylesheet" type="text/css" href="../../css/style.css">
+<link rel="stylesheet" type="text/css" href="../css/style.css">
 </head>
 <body>
 <h1 id="construyendo-un-teclado">Construyendo un teclado</h1>
+<ul class="navbar">
+  <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>
 <p>Me parece importante destacar que escribo desde el punto de vista de alguien que aprendió mecanografía antes de cumplir 11 años. Esto significa que escribo reposando los dedos en posiciones concretas (sobre la fila central de letras, con los índices sobre las teclas F y J en un teclado QWERTY) y apenas muevo las manos a no ser que necesite usar alguna tecla lejana como las flechas o el Escape. Algunas de mis necesidades y críticas a los teclados convencionales seguramente no sean aplicables a quien teclee con un movimiento más libre de las manos.</p>
 <h2 id="por-qué-construir-un-teclado-propio">¿Por qué construir un teclado propio?</h2>
@@ -39,7 +42,7 @@
 <p>También me llamaron la atención algunas características extra. En primer lugar todas las teclas tienen el mismo tamaño, que es el tamaño estándar para una letra. Esto evita tener que adquirir y colocar los estabilizadores que se usan para evitar el bamboleo en teclas más grandes y además permite intercambiar libremente las tapas de los interruptores sin tener que tener varias de distintos tamaños. El teclado permite además añadirle dos codificadores rotatorios y dos pequeñas pantallas OLED de 128x64 pixels, uno de cada para cada mitad del teclado. Más cosas estrambóticas para montar un teclado propio, ¡genial!</p>
 <h2 id="construyendo-el-kyria">Construyendo el Kyria</h2>
 <figure>
-<img src="../../img/kyria/01_materiales.webp" alt="Materiales y herramientas para construir el teclado." /><figcaption aria-hidden="true">Materiales y herramientas para construir el teclado.</figcaption>
+<img src="../img/kyria/01_materiales.webp" alt="Materiales y herramientas para construir el teclado." /><figcaption aria-hidden="true">Materiales y herramientas para construir el teclado.</figcaption>
 </figure>
 <p>Aunque no pretendo hacer de esto un tutorial, dejo aquí la lista de ingredientes del teclado como referencia y para quien le pueda interesar. Estos son los que he usado para mi construcción particular: hay unas cuantas partes del teclado que se pueden montar de distintas maneras o incluso ignorar.</p>
 <ul>
@@ -61,62 +64,62 @@
 <p>Para realizar este proyecto hace falta un soldador. Soldar no es un proceso difícil, pero conviene tener algo de práctica para evitar dañar algún componente y que después de todo el trabajo el teclado no funcione como es debido. También son útiles unas pinzas para manipular los componentes más pequeños y asegurar que quedan bien en su sitio, y unas pequeñas tenazas para cortar las patas de los diodos y las resistencias.</p>
 <p>Terminado el que probablemente sea uno de los preámbulos más largos de la historia, llegan por fin las fotos del proceso de construcción.</p>
 <figure>
-<img src="../../img/kyria/02_pcbDiodos.webp" alt="PCB y diodos." /><figcaption aria-hidden="true">PCB y diodos.</figcaption>
+<img src="../img/kyria/02_pcbDiodos.webp" alt="PCB y diodos." /><figcaption aria-hidden="true">PCB y diodos.</figcaption>
 </figure>
 <p>El primer paso es colocar los diodos. Estos son componentes eléctricos simples que permiten el paso de la corriente en un solo sentido. Se colocan uno por cada interruptor y supongo que para algo servirán. Yo solo seguí instrucciones.</p>
 <figure>
-<img src="../../img/kyria/03_diodos.webp" alt="Primeros diodos soldados." /><figcaption aria-hidden="true">Primeros diodos soldados.</figcaption>
+<img src="../img/kyria/03_diodos.webp" alt="Primeros diodos soldados." /><figcaption aria-hidden="true">Primeros diodos soldados.</figcaption>
 </figure>
 <p>¡Primeros componentes soldados! Las posiciones de los diodos vienen marcadas en el circuito como D1, D2, D3, etc. En la imagen se ven los cuatro primeros ya en su sitio y los huecos para algunos más.</p>
 <figure>
-<img src="../../img/kyria/04_leds.webp" alt="Todos los diodos colocados." /><figcaption aria-hidden="true">Todos los diodos colocados.</figcaption>
+<img src="../img/kyria/04_leds.webp" alt="Todos los diodos colocados." /><figcaption aria-hidden="true">Todos los diodos colocados.</figcaption>
 </figure>
 <p>Con todos los diodos en su sitio es hora de soldar los LEDs. “LED” son las siglas de “Light Emitting Diode”, “diodo emisor de luz”, así que este paso en realidad consiste en soldar más diodos pero de otra manera.</p>
 <figure>
-<img src="../../img/kyria/05_trssReset.webp" alt="Entrada TRRS, botón de reset y resistencias." /><figcaption aria-hidden="true">Entrada TRRS, botón de reset y resistencias.</figcaption>
+<img src="../img/kyria/05_trssReset.webp" alt="Entrada TRRS, botón de reset y resistencias." /><figcaption aria-hidden="true">Entrada TRRS, botón de reset y resistencias.</figcaption>
 </figure>
 <p>Tras los LEDs se sueldan la entrada TRRS por la que se conectan las mitades del teclado, el botón de reset y las dos resistencias necesarias para la pantalla OLED. En la imagen se ve también un trozo de celo que usé como marcador para no confundir los lados de arriba y abajo de la PCB.</p>
 <figure>
-<img src="../../img/kyria/06_ledsDiodos.webp" alt="Leds y diodos ya soldados." /><figcaption aria-hidden="true">Leds y diodos ya soldados.</figcaption>
+<img src="../img/kyria/06_ledsDiodos.webp" alt="Leds y diodos ya soldados." /><figcaption aria-hidden="true">Leds y diodos ya soldados.</figcaption>
 </figure>
 <p>Aquí se ven soldados los diodos y los LEDs. Esta es la parte de atrás de la PCB, la contraria a la que llevará los interruptores de las teclas. La entrada TRRS, el botón de reset y las resistencias van en la parte de delante, y en esta foto se ven solo sus pines y el estaño con el que están soldados sobresaliendo por atrás, en la parte izquierda de la PCB.</p>
 <figure>
-<img src="../../img/kyria/07_baseDelMicro.webp" alt="Base para los pines del microcontrolador." /><figcaption aria-hidden="true">Base para los pines del microcontrolador.</figcaption>
+<img src="../img/kyria/07_baseDelMicro.webp" alt="Base para los pines del microcontrolador." /><figcaption aria-hidden="true">Base para los pines del microcontrolador.</figcaption>
 </figure>
 <figure>
-<img src="../../img/kyria/08_pinesParaElMicro.webp" alt="Patas cortados de los diodos para hacer de pines del micro." /><figcaption aria-hidden="true">Patas cortados de los diodos para hacer de pines del micro.</figcaption>
+<img src="../img/kyria/08_pinesParaElMicro.webp" alt="Patas cortados de los diodos para hacer de pines del micro." /><figcaption aria-hidden="true">Patas cortados de los diodos para hacer de pines del micro.</figcaption>
 </figure>
 <figure>
-<img src="../../img/kyria/09_microColocado.webp" alt="Microcontrolador soldado y quitable." /><figcaption aria-hidden="true">Microcontrolador soldado y quitable.</figcaption>
+<img src="../img/kyria/09_microColocado.webp" alt="Microcontrolador soldado y quitable." /><figcaption aria-hidden="true">Microcontrolador soldado y quitable.</figcaption>
 </figure>
 <p>Esta es una parte delicada: colocar el microcontrolador. En la primera imagen se ven ya soldados unos soportes que permitirán quitar el microcontrolador en caso de querer cambiarlo sin necesidad de desoldarlo, lo que sería realmente difícil.</p>
 <p>Después, como el microcontrolador no tiene pines de por sí, se aprovechan las patas cortadas de los diodos del primer paso, atravesando con ellas los agujeros del micro y los soportes. Luego estas patas se sueldan al micro, se cortan y se comprueba que puede quitarse y ponerse de nuevo. El celo es para evitar que el estaño de soldar entre en los soportes y los suelde a los pines.</p>
 <p>Tras este paso me costó mucho quitar el micro aún sin que se hubiera soldado nada, así que puede que hiciera algo mal. Además, en la segunda mitad del teclado me encontré que a uno de los soportes le faltaba la pieza metálica, así que soldé directamente la pata del diodo y ahora el micro está completamente soldado por una pata. Ups.</p>
 <p>En la última imagen, salvando la mala calidad porque no enfocaba bien el móvil, se ve el micro ya colocado y con sus pines soldados y recortados. Todos sus componentes quedan en la parte de abajo y por arriba solo vemos el bonito circuito azul de su parte de atrás.</p>
 <figure>
-<img src="../../img/kyria/10_pantalla.webp" alt="Pantalla OLED soldada." /><figcaption aria-hidden="true">Pantalla OLED soldada.</figcaption>
+<img src="../img/kyria/10_pantalla.webp" alt="Pantalla OLED soldada." /><figcaption aria-hidden="true">Pantalla OLED soldada.</figcaption>
 </figure>
 <p>La pantalla OLED se coloca encima del microcontrolador y en contacto físico con él, por lo que se le pone una capa de cinta aislante por detrás para evitar cortocircuitos.</p>
 <figure>
-<img src="../../img/kyria/11_codificadores.webp" alt="Codificadores rotatorios." /><figcaption aria-hidden="true">Codificadores rotatorios.</figcaption>
+<img src="../img/kyria/11_codificadores.webp" alt="Codificadores rotatorios." /><figcaption aria-hidden="true">Codificadores rotatorios.</figcaption>
 </figure>
 <p>Aquí se ven los dos codificadores rotatorios con sus dos tapas. Uno de ellos es lineal, por lo que ofrece la misma resistencia en todo el giro, y el otro es táctil, por lo que se nota un clic con cada paso que da. Uno de cada para probar un poco de todo. Tienen 30 activaciones por vuelta, y la idea es que cada activación equivale a la pulsación de una tecla. He tenido que escribir codificadores rotatorios más veces de las que me gustaría. ¿No suena fatal?</p>
 <figure>
-<img src="../../img/kyria/12_switch.webp" alt="Un interruptor en posición de soldar." /><figcaption aria-hidden="true">Un interruptor en posición de soldar.</figcaption>
+<img src="../img/kyria/12_switch.webp" alt="Un interruptor en posición de soldar." /><figcaption aria-hidden="true">Un interruptor en posición de soldar.</figcaption>
 </figure>
 <p>Llegando casi al final, es hora de colocar los interruptores. Aquí se ve uno colocado listo para ser soldado, atravesando la carcasa del teclado (azul) y la PCB, arriba del todo. En lugar de soldar los interruptores directamente usé unos pequeños “enchufes” para poner y quitar los interruptores “en caliente” (estoy traduciendo sobre la marcha según me sale) llamados Mill-Max Hot-Swap Sockets. La idea es soldar estos en lugar de los interruptores para luego poder quitarlos y ponerlos sin tener que desoldar. Muy prácticos, pero un poco difíciles de soldar. Son las dos pequeñas patitas doradas que apenas se ven sobresaliendo de la PCB sobre el interruptor.</p>
 <figure>
-<img src="../../img/kyria/13_interruptores.webp" alt="Interruptores colocados." /><figcaption aria-hidden="true">Interruptores colocados.</figcaption>
+<img src="../img/kyria/13_interruptores.webp" alt="Interruptores colocados." /><figcaption aria-hidden="true">Interruptores colocados.</figcaption>
 </figure>
 <p>Una vez colocados todos los tubitos dorados podemos colocar los interruptores que queremos usar, encajados a través de la parte de arriba de la carcasa. Los de la imagen son Gazzew Boba U4 Silent, unos interruptores táctiles y silenciosos.</p>
 <figure>
-<img src="../../img/kyria/14_tapas.webp" alt="Tapas colocadas." /><figcaption aria-hidden="true">Tapas colocadas.</figcaption>
+<img src="../img/kyria/14_tapas.webp" alt="Tapas colocadas." /><figcaption aria-hidden="true">Tapas colocadas.</figcaption>
 </figure>
 <p>Lo único que queda ya es colocar las tapas en los interruptores ¡y listo! Construcción terminada. Sólo queda repetir los mismos pasos con la otra mitad. Menos mal que fue un proceso muy divertido.</p>
 <figure>
-<img src="../../img/kyria/15_terminado1.webp" alt="Teclado terminado." /><figcaption aria-hidden="true">Teclado terminado.</figcaption>
+<img src="../img/kyria/15_terminado1.webp" alt="Teclado terminado." /><figcaption aria-hidden="true">Teclado terminado.</figcaption>
 </figure>
 <figure>
-<img src="../../img/kyria/16_terminado2.webp" alt="Otra imagen del teclado terminado." /><figcaption aria-hidden="true">Otra imagen del teclado terminado.</figcaption>
+<img src="../img/kyria/16_terminado2.webp" alt="Otra imagen del teclado terminado." /><figcaption aria-hidden="true">Otra imagen del teclado terminado.</figcaption>
 </figure>
 </body>
diff --git a/html/artículos/whatsapp.html b/artículos/whatsapp.html
index fb5ede2..f9705de 100644
--- a/html/artículos/whatsapp.html
+++ b/artículos/whatsapp.html
@@ -3,17 +3,17 @@
 <title>
 Abandonando WhatsApp
 </title>
-<link rel="stylesheet" type="text/css" href="../../css/style.css">
+<link rel="stylesheet" type="text/css" href="../css/style.css">
 </head>
 <body>
 <h1 id="abandonando-whatsapp">Abandonando WhatsApp</h1>
 <ul class="navbar">
-  <li><a href="../../index.html">Portada</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>
 <p>Probablemente uses WhatsApp. WhatsApp es una aplicación de Facebook, una empresa estadounidense cuyo modelo económico consiste en la recopilación de datos de los usuarios de sus servicios y la venta de estos a empresas a fin de que puedan anunciarse a usuarios más específicos. WhatsApp ha actualizado su política de gestión de datos y obliga a aceptar las nuevas condiciones a partir del 8 de Febrero de 2021. Estas nuevas condiciones dan acceso a Facebook a información como el número de teléfono, con quién tenemos conversaciones, la IP, la calidad de la conexión, la batería del dispositivo y otros datos identificadores a fin de potenciar su modelo económico.</p>
 <p><img alt="Comparación de datos enlazados a un usuario entre Signal, iMessage, WhatsApp y Facebook
-Messenger. WhatsApp y Facebook messenger muestran gran cantidad de tipos de datos." src="../../img/waPrivacy.jpg" width="800px" /></p>
+Messenger. WhatsApp y Facebook messenger muestran gran cantidad de tipos de datos." src="../img/waPrivacy.jpg" width="800px" /></p>
 <p>WhatsApp es la aplicación de mensajería más utilizada del mundo. Es donde están todos nuestros contactos, lo que hace difícil dejar de usarlo sin sentir que quedaremos incomunicados. Aún así, antes que rendirnos y permitir que Facebook tenga el control sobre las comunicaciones personales de todo el planeta, prefiero hacer lo que esté en mi mano a fin de que todos podamos tener conversaciones seguras y privadas. Quiero que esto sea algo de lo que se hable y que entre todos tomemos conciencia y actuemos. La infraestructura existe. Hay alternativas.</p>
 <h2 id="alternativas">Alternativas</h2>
 <p>Dejo aquí algunos servicios alternativos a WhatsApp a través de los cuales se puede contactar conmigo junto con mi opinión sobre cada uno. El orden indica simplemente mi preferencia personal.</p>
diff --git a/html/cthulhu/cthulhu.html b/cthulhu/cthulhu.html
index 8028615..5daf771 100644
--- a/html/cthulhu/cthulhu.html
+++ b/cthulhu/cthulhu.html
@@ -3,7 +3,7 @@
 <title>
 Íñigo Gutiérrez Fernández
 </title>
-<link rel="stylesheet" type="text/css" href="../../css/style.css">
+<link rel="stylesheet" type="text/css" href="../css/style.css">
 </head>
 <h1 id="los-harapos-del-rey">Los Harapos del Rey</h1>
 <p>Apuntes de una campaña de La Llamada de Cthulhu.</p>
diff --git a/html/cthulhu/primeraSesión.html b/cthulhu/primeraSesión.html
index 9bdfe5c..db99c15 100644
--- a/html/cthulhu/primeraSesión.html
+++ b/cthulhu/primeraSesión.html
@@ -3,7 +3,7 @@
 <title>
 Íñigo Gutiérrez Fernández
 </title>
-<link rel="stylesheet" type="text/css" href="../../css/style.css">
+<link rel="stylesheet" type="text/css" href="../css/style.css">
 </head>
 <h1 id="los-harapos-del-rey">Los Harapos del Rey</h1>
 <p><a href="cthulhu.html">Índice</a></p>
diff --git a/html/cthulhu/segundaSesión.html b/cthulhu/segundaSesión.html
index 460e80f..5c1aa33 100644
--- a/html/cthulhu/segundaSesión.html
+++ b/cthulhu/segundaSesión.html
@@ -3,7 +3,7 @@
 <title>
 Íñigo Gutiérrez Fernández
 </title>
-<link rel="stylesheet" type="text/css" href="../../css/style.css">
+<link rel="stylesheet" type="text/css" href="../css/style.css">
 </head>
 <h1 id="los-harapos-del-rey">Los Harapos del Rey</h1>
 <p><a href="cthulhu.html">Índice</a></p>
diff --git a/index.html b/index.html
index c3a0da1..3d31788 100644
--- a/index.html
+++ b/index.html
@@ -12,9 +12,9 @@
     </header>
 
     <ul class="navbar">
-      <li><a href="html/artículos/whatsapp.html">Whatsapp</a></li>
-      <li><a href="html/artículos/kyria.html">Kyria</a></li>
-      <li><a href="html/cthulhu/cthulhu.html">Rol</a></li>
+      <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 class="liright"><a href="en.html">English</a></li>
     </ul>