From 12020567638455e5922e9713bc082d74251b4ab6 Mon Sep 17 00:00:00 2001 From: InigoGutierrez Date: Mon, 22 Aug 2022 19:52:41 +0200 Subject: =?UTF-8?q?A=C3=B1adido=20viewport=20y=20eliminada=20estructura=20?= =?UTF-8?q?de=20lista=20de=20la=20barra=20de=20navegaci=C3=B3n.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- "art\303\255culos/index.html" | 7 ++-- "art\303\255culos/kyria.html" | 8 ++--- "art\303\255culos/whatsapp.html" | 14 ++++---- css/style.css | 43 ++++++++++++++----------- en.html | 7 ++-- escalada.html | 7 ++-- escritos/cthulhu/cthulhu.html | 10 ++++-- "escritos/cthulhu/primeraSesi\303\263n.html" | 12 ++++--- "escritos/cthulhu/segundaSesi\303\263n.html" | 11 ++++--- escritos/enTierrasLejanas/enTierrasLejanas.html | 7 ++-- escritos/index.html | 7 ++-- escritos/wordpress/alegoriaDeLaFisica.html | 7 ++-- escritos/wordpress/elSolDeSeda.html | 7 ++-- escritos/wordpress/elVueloOcre.html | 7 ++-- escritos/wordpress/taamas.html | 7 ++-- index.html | 16 ++++----- servicios.html | 6 ++-- 17 files changed, 106 insertions(+), 77 deletions(-) diff --git "a/art\303\255culos/index.html" "b/art\303\255culos/index.html" index ce2443f..9356487 100644 --- "a/art\303\255culos/index.html" +++ "b/art\303\255culos/index.html" @@ -4,6 +4,7 @@ Taamas - Artículos + @@ -11,9 +12,9 @@

🗞️ Artículos 🗞️

- +

diff --git "a/art\303\255culos/kyria.html" "b/art\303\255culos/kyria.html" index 58a1438..966a47e 100644 --- "a/art\303\255culos/kyria.html" +++ "b/art\303\255culos/kyria.html" @@ -10,10 +10,10 @@

Construyendo un teclado

- +

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.

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.

¿Por qué construir un teclado propio?

diff --git "a/art\303\255culos/whatsapp.html" "b/art\303\255culos/whatsapp.html" index c41305b..0a98747 100644 --- "a/art\303\255culos/whatsapp.html" +++ "b/art\303\255culos/whatsapp.html" @@ -4,17 +4,19 @@ Abandonando WhatsApp + +

Abandonando WhatsApp

- +

¿Por qué dejar de usar WhatsApp?

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.

-

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.

+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.

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.

Alternativas

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.

diff --git a/css/style.css b/css/style.css index 5ca12a8..5be730e 100644 --- a/css/style.css +++ b/css/style.css @@ -24,6 +24,11 @@ a:visited { outline: 2px solid white; } +/* No outline cuando es por clic. */ +:focus:not(:focus-visible) { + outline: none; +} + h1 { padding: 1em 0; font-variant: small-caps; @@ -43,16 +48,9 @@ h1 { justify-content: space-around; } -.navbar li { +.navbar a { flex-basis: 10%; flex-grow: 1; -} - -.navbar .liright { - float: right; -} - -.navbar li a { display: block; color: #CBD7E1; padding: 20px 20px; @@ -60,7 +58,7 @@ h1 { text-decoration: none; } -.navbar li:hover a { +.navbar a:hover { background-color: #C8E8FF; color: #17212B; } @@ -105,6 +103,12 @@ ul ul { display: grid; } +.odd, .even { + margin: 0 5% 5%; + max-width: 50%; + height: auto; +} + .odd { float: left; margin-left: 0; @@ -115,20 +119,13 @@ ul ul { margin-right: 0; } -.odd, .even { - margin: 0 10% 5%; - max-width: 50%; - height: auto; -} - .odd img, .even img { - display: block; max-width: 100%; height: auto; margin: 0; } -img { +img, video { max-width: 100%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 15px; @@ -167,11 +164,21 @@ img { @media only screen and (max-width: 600px) { + h1 { + font-size: 2em; + } + + .navbar { + font-size: 1em; + } + .odd, .even { + float: none; margin: 0 10% 20px; max-width: 100%; height: auto; - float: none; + display: block; + text-align: center; } ul { diff --git a/en.html b/en.html index 125c0b1..88fcf34 100644 --- a/en.html +++ b/en.html @@ -4,6 +4,7 @@ Taamas + @@ -11,9 +12,9 @@

Taamas

- +
Walking into the forest diff --git a/escalada.html b/escalada.html index fc6aa6f..3dffd2f 100644 --- a/escalada.html +++ b/escalada.html @@ -5,6 +5,7 @@ Taamas - Escalada + @@ -13,9 +14,9 @@

🧗 Escalada 🧗

- +

Aprovecho este rinconcito de la red para dejar algunos vídeos de mis visitas al diff --git a/escritos/cthulhu/cthulhu.html b/escritos/cthulhu/cthulhu.html index e2afa59..534a8a8 100644 --- a/escritos/cthulhu/cthulhu.html +++ b/escritos/cthulhu/cthulhu.html @@ -1,18 +1,21 @@ + + Taamas - Los Harapos del Rey +

Los Harapos del Rey

- +

Apuntes de una campaña de La Llamada de Cthulhu.

@@ -22,3 +25,4 @@ + diff --git "a/escritos/cthulhu/primeraSesi\303\263n.html" "b/escritos/cthulhu/primeraSesi\303\263n.html" index 177ec51..b4fd378 100644 --- "a/escritos/cthulhu/primeraSesi\303\263n.html" +++ "b/escritos/cthulhu/primeraSesi\303\263n.html" @@ -1,18 +1,21 @@ + + Taamas - Los Harapos del Rey - Primera Sesión +

Los Harapos del Rey

- +

Primera sesión

@@ -94,3 +97,4 @@

+ diff --git "a/escritos/cthulhu/segundaSesi\303\263n.html" "b/escritos/cthulhu/segundaSesi\303\263n.html" index f2bd2ed..f545342 100644 --- "a/escritos/cthulhu/segundaSesi\303\263n.html" +++ "b/escritos/cthulhu/segundaSesi\303\263n.html" @@ -1,3 +1,5 @@ + + @@ -10,10 +12,10 @@ <h1 id="los-harapos-del-rey">Los Harapos del Rey</h1> - <ul class="navbar"> - <li><a href="cthulhu.html">Índice</a></li> - <li><a href="../index.html">A escritos</a></li> - </ul> + <div class="navbar"> + <a href="cthulhu.html">Índice</a> + <a href="../index.html">A escritos</a> + </div> <h2 id="segunda-sesión">Segunda sesión</h2> @@ -76,3 +78,4 @@ sospechosos.</p> </body> +</html> diff --git a/escritos/enTierrasLejanas/enTierrasLejanas.html b/escritos/enTierrasLejanas/enTierrasLejanas.html index bade95f..fa62091 100644 --- a/escritos/enTierrasLejanas/enTierrasLejanas.html +++ b/escritos/enTierrasLejanas/enTierrasLejanas.html @@ -5,6 +5,7 @@ <title>Taamas --- En Tierras Lejanas + @@ -12,9 +13,9 @@

En Tierras Lejanas

- +
diff --git a/escritos/index.html b/escritos/index.html index 95389f2..fd9e032 100644 --- a/escritos/index.html +++ b/escritos/index.html @@ -4,6 +4,7 @@ Taamas - Escritos + @@ -11,9 +12,9 @@

✍️ Escritos ✍️

- +

Viejos escritos

diff --git a/escritos/wordpress/alegoriaDeLaFisica.html b/escritos/wordpress/alegoriaDeLaFisica.html index 4f857cf..0a5bac3 100644 --- a/escritos/wordpress/alegoriaDeLaFisica.html +++ b/escritos/wordpress/alegoriaDeLaFisica.html @@ -4,6 +4,7 @@ Taamas --- Alegoría de la Física + @@ -11,9 +12,9 @@

Alegoría de la Física

- +

Una existencia sin forma, tamaño o posición oscila en el mar de líquidos, sustancias, choques e diff --git a/escritos/wordpress/elSolDeSeda.html b/escritos/wordpress/elSolDeSeda.html index 5cc8adf..1ca2d7e 100644 --- a/escritos/wordpress/elSolDeSeda.html +++ b/escritos/wordpress/elSolDeSeda.html @@ -4,6 +4,7 @@ Taamas --- El sol de seda + @@ -11,9 +12,9 @@

El sol de seda

- +

Nació en cuclillas, abrazando sus piernas, entre la hierba golpeada por el Sol. Se incorporó diff --git a/escritos/wordpress/elVueloOcre.html b/escritos/wordpress/elVueloOcre.html index e6315d1..cadf7c7 100644 --- a/escritos/wordpress/elVueloOcre.html +++ b/escritos/wordpress/elVueloOcre.html @@ -4,6 +4,7 @@ Taamas --- El vuelo ocre + @@ -11,9 +12,9 @@

El vuelo ocre

- +

Humo y brasas crepitantes, y un océano de absoluta nada. Las llamas saltaron de la madera a su diff --git a/escritos/wordpress/taamas.html b/escritos/wordpress/taamas.html index a6d9945..180f905 100644 --- a/escritos/wordpress/taamas.html +++ b/escritos/wordpress/taamas.html @@ -4,6 +4,7 @@ Taamas --- Taamas + @@ -11,9 +12,9 @@

Taamas

- +

Las conversaciones de los marineros y el suave rugido del motor son lo único que tapa el diff --git a/index.html b/index.html index 231aad2..6e9e7bd 100644 --- a/index.html +++ b/index.html @@ -14,14 +14,14 @@

Taamas

- +
diff --git a/servicios.html b/servicios.html index 775ca3d..dcfa29e 100644 --- a/servicios.html +++ b/servicios.html @@ -13,9 +13,9 @@

🔌 Servicios 🔌

- +

Aquí enlazo algunos servicios desplegados en este servidor que invito a cualquiera a usar.

-- cgit v1.2.1