aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--css/style.css20
-rw-r--r--escritos/conejos.html53
-rw-r--r--escritos/cthulhu/cthulhu.html4
-rw-r--r--escritos/cthulhu/primeraSesión.html8
-rw-r--r--escritos/cthulhu/segundaSesión.html8
-rw-r--r--escritos/index.html23
-rw-r--r--escritos/wordpress/alegoriaDeLaFisica.html11
-rw-r--r--escritos/wordpress/elSolDeSeda.html8
-rw-r--r--escritos/wordpress/elVueloOcre.html8
-rw-r--r--escritos/wordpress/taamas.html9
-rw-r--r--index.html5
11 files changed, 149 insertions, 8 deletions
diff --git a/css/style.css b/css/style.css
index 5be730e..154ff5c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -38,20 +38,19 @@ h1 {
}
.navbar {
- list-style-type: none;
margin: 0;
padding: 0;
font-size: 1.1em;
display: flex;
- flex-flow: row;
+ flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
+ align-items: center;
}
.navbar a {
flex-basis: 10%;
flex-grow: 1;
- display: block;
color: #CBD7E1;
padding: 20px 20px;
text-align: center;
@@ -162,6 +161,21 @@ img, video {
background: white;
}
+.collection {
+ margin: 0;
+ padding: 0;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: space-around;
+ align-items: baseline;
+ align-content: space-around;
+}
+
+.collection > * {
+ margin: 2% 0;
+}
+
@media only screen and (max-width: 600px) {
h1 {
diff --git a/escritos/conejos.html b/escritos/conejos.html
new file mode 100644
index 0000000..4a83e40
--- /dev/null
+++ b/escritos/conejos.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="es">
+
+ <head>
+ <meta charset="UTF-8">
+ <title>Taamas --- Conejos</title>
+ <link rel="stylesheet" type="text/css" href="../css/style.css">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ </head>
+
+ <body>
+
+ <header>
+ <h1>Conejos</h1>
+ </header>
+
+ <div class="navbar">
+ <a href="index.html">A escritos</a>
+ </div>
+
+ <section>
+
+ <p style="text-align: center"><i>20 de agosto de 2022</i></p>
+
+ <p> Hoy volví al lugar de hace una década. Subí la pequeña loma que separaba el encanto de la
+ visión del pasado y allí esperaban, lo único que ahora pueden hacer, las ruinas que marcan lo
+ que una vez fueron y ya no pueden volver a ser. </p>
+
+ <p> El camino seguía hacia el hueco dejado por el árbol que una vez fue segundo hogar. Ni el
+ árbol ni nosotros estamos ya, pero sí los conejos. Nunca había visto conejos aquí y ahora hay
+ decenas. Aunque pueda verlos de lejos me es imposible no espantarlos con mi urbanita torpeza.
+ </p>
+
+ <p> Cada uno de nosotros vinimos, hicimos, quemamos, nos fuimos y dejaremos de ser, igual que
+ cada conejo estará y hará. Pero tras todo eso <i>los conejos</i> seguirán. </p>
+
+ <p> Recuerdo las visiones que me dio este entonces-árbol. Sus hojas se convirtieron en la cúpula
+ una catedral de brillante vidrio verde, mostrando la unión de su naturaleza y la nuestra. Los
+ huecos entre sus ramas fueron puertas a otros posibles mundos, mostrando el potencial de esta
+ unión. </p>
+
+ <p> La catedral ardió. Las visiones se fueron. Los conejos seguirán. </p>
+
+ </section>
+
+ <section class="collection">
+ <img src="../img/escritos/conejos/conejos.webp" alt="Donde ahora se juntan los conejos.">
+ <img src="../img/escritos/conejos/conejo.webp" alt="Un esquivo conejo.">
+ </section>
+
+ </body>
+
+</html>
diff --git a/escritos/cthulhu/cthulhu.html b/escritos/cthulhu/cthulhu.html
index 534a8a8..2c5928b 100644
--- a/escritos/cthulhu/cthulhu.html
+++ b/escritos/cthulhu/cthulhu.html
@@ -17,6 +17,8 @@
<a href="../index.html">A escritos</a>
</div>
+ <section>
+
<p>Apuntes de una campaña de La Llamada de Cthulhu.</p>
<ul>
@@ -24,5 +26,7 @@
<li><a href="segundaSesión.html">Segunda sesión</a></li>
</ul>
+ </section>
+
</body>
</html>
diff --git a/escritos/cthulhu/primeraSesión.html b/escritos/cthulhu/primeraSesión.html
index b4fd378..5bbb99e 100644
--- a/escritos/cthulhu/primeraSesión.html
+++ b/escritos/cthulhu/primeraSesión.html
@@ -17,6 +17,7 @@
<a href="../index.html">A escritos</a>
</div>
+ <section>
<h2 id="primera-sesión">Primera sesión</h2>
@@ -91,10 +92,17 @@
Talbot Estus, les hace entrega a los demás de un ejemplar de un libro titulado “El Rey
Amarillo”.</p>
+ </section>
+
+ <section>
+
<p align="center">
<img src="../../img/escritos/cthulhu/yellowSign.webp"
alt="El símbolo amarillo, que recuerda un trisquel deformado."/>
</p>
+ <section>
+
</body>
+
</html>
diff --git a/escritos/cthulhu/segundaSesión.html b/escritos/cthulhu/segundaSesión.html
index f545342..f40ef9e 100644
--- a/escritos/cthulhu/segundaSesión.html
+++ b/escritos/cthulhu/segundaSesión.html
@@ -17,6 +17,8 @@
<a href="../index.html">A escritos</a>
</div>
+ <section>
+
<h2 id="segunda-sesión">Segunda sesión</h2>
<p>El recién formado grupo se dirige a la casa de Ysabet con el libro que acaban de adquirir, para
@@ -49,7 +51,9 @@
se va a dormir enseguida. Se pasan la noche en vela estudiando el libro y a la mañana siguiente
van a dormir a sus casas.</p>
- <hr />
+ </section>
+
+ <section>
<p>Charles Highsmith, trabajador del manicomio Saint Agnes, escribe una carta al profesor Brown
pidiéndole una cita. Se reúnen en el hotel donde se aloja y le habla de un extraño caso que no
@@ -77,5 +81,7 @@
<p>Esa misma noche Lionel Trollope es asesinado en el parque Saint James. Se busca a dos
sospechosos.</p>
+ </section>
+
</body>
</html>
diff --git a/escritos/index.html b/escritos/index.html
index fd9e032..f91beae 100644
--- a/escritos/index.html
+++ b/escritos/index.html
@@ -1,11 +1,13 @@
<!DOCTYPE html>
<html lang="es">
+
<head>
<meta charset="UTF-8">
<title>Taamas - Escritos</title>
<link rel="stylesheet" type="text/css" href="../css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
+
<body>
<header>
@@ -17,6 +19,19 @@
</div>
<section>
+
+ <h2>Escritos sueltos</h2>
+
+ <p>Escritos desorganizados sin conexión entre ellos.</p>
+
+ <ul>
+ <li><a href="conejos.html">Conejos</a></li>
+ </ul>
+
+ </section>
+
+ <section>
+
<h2>Viejos escritos</h2>
<p>Algunos escritos de 2016. En su mayoría un fluir de palabras sin un fin concreto más allá
@@ -29,9 +44,11 @@
<li><a href="wordpress/taamas.html">Taamas</a></li>
<li><a href="wordpress/alegoriaDeLaFisica.html">Alegoría de la física</a></li>
</ul>
+
</section>
<section>
+
<h2>En Tierras Lejanas</h2>
<p>Una historia interactiva incompleta contada en Twitter en 2016. La idea era publicar parte
@@ -42,16 +59,22 @@
<ul>
<li><a href="enTierrasLejanas/enTierrasLejanas.html">En Tierras Lejanas</a></li>
</ul>
+
</section>
<section>
+
<h2>Los Harapos del Rey</h2>
+
<p>Apuntes de una campaña de La Llamada de Cthulhu.</p>
+
<ul>
<li><a href="cthulhu/cthulhu.html">Los Harapos del Rey</a></li>
</ul>
+
</section>
</body>
+
</html>
diff --git a/escritos/wordpress/alegoriaDeLaFisica.html b/escritos/wordpress/alegoriaDeLaFisica.html
index 0a5bac3..e16e899 100644
--- a/escritos/wordpress/alegoriaDeLaFisica.html
+++ b/escritos/wordpress/alegoriaDeLaFisica.html
@@ -1,11 +1,13 @@
<!DOCTYPE html>
<html lang="es">
+
<head>
<meta charset="UTF-8">
<title>Taamas --- Alegoría de la Física</title>
<link rel="stylesheet" type="text/css" href="../../css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
+
<body>
<header>
@@ -16,6 +18,8 @@
<a href="../index.html">A escritos</a>
</div>
+ <section>
+
<p>
Una existencia sin forma, tamaño o posición oscila en el mar de líquidos, sustancias, choques e
intercambios atómicos que es una neurona (una en concreto) componente de un
@@ -53,7 +57,14 @@
dispuso a crear triángulos de siete lados.
</p>
+ </section>
+
+ <section>
+
<p><i>Publicado el 29 de abril de 2016.</i></p>
+ </section>
+
</body>
+
</html>
diff --git a/escritos/wordpress/elSolDeSeda.html b/escritos/wordpress/elSolDeSeda.html
index 1ca2d7e..b907c14 100644
--- a/escritos/wordpress/elSolDeSeda.html
+++ b/escritos/wordpress/elSolDeSeda.html
@@ -16,6 +16,8 @@
<a href="../index.html">A escritos</a>
</div>
+ <section>
+
<p>
Nació en cuclillas, abrazando sus piernas, entre la hierba golpeada por el Sol. Se incorporó
y miró a su alrededor. Verde, las siluetas de fuego de los árboles, la esquirla, madera y aire.
@@ -31,7 +33,13 @@
que carbonizó sus pensamientos, y el mundo dejó de ser.
</p>
+ </section>
+
+ <section>
+
<p><i>Publicado el 1 de marzo de 2016.</i></p>
+ </section>
+
</body>
</html>
diff --git a/escritos/wordpress/elVueloOcre.html b/escritos/wordpress/elVueloOcre.html
index cadf7c7..06cb9ea 100644
--- a/escritos/wordpress/elVueloOcre.html
+++ b/escritos/wordpress/elVueloOcre.html
@@ -16,6 +16,8 @@
<a href="../index.html">A escritos</a>
</div>
+ <section>
+
<p>
Humo y brasas crepitantes, y un océano de absoluta nada. Las llamas saltaron de la madera a su
sueño, y lo consumieron hasta que dejó de existir.
@@ -60,7 +62,13 @@
Y allí, sobre las rocas y los eones, sobre todas las cosas y sobre la muerte, floreció.
</p>
+ </section>
+
+ <section>
+
<p><i>Publicado el 30 de enero de 2016.</i></p>
+ </section>
+
</body>
</html>
diff --git a/escritos/wordpress/taamas.html b/escritos/wordpress/taamas.html
index 180f905..5d5e9c4 100644
--- a/escritos/wordpress/taamas.html
+++ b/escritos/wordpress/taamas.html
@@ -16,6 +16,8 @@
<a href="../index.html">A escritos</a>
</div>
+ <section>
+
<p>
Las conversaciones de los marineros y el suave rugido del motor son lo único que tapa el
silencio. De pie en la proa de tu navío esperas el regreso de un murciélago, cuya trayectoria
@@ -92,6 +94,10 @@
Mihir.
</p>
+ </section>
+
+ <section>
+
<p><i>Publicado el 8 de abril de 2016.</i></p>
<p>
@@ -100,6 +106,7 @@
<a href="https://www.failbettergames.com/sunless/">Sunless Sea</a><i>.</i>
</p>
+ </section>
+
</body>
</html>
-
diff --git a/index.html b/index.html
index 6e9e7bd..c5f62f9 100644
--- a/index.html
+++ b/index.html
@@ -220,8 +220,7 @@
<img src="https://88by31.neocities.org/awareness/right2repair.png"
alt="I support right to repair."/>
- <img
- src="https://cyber.dabamos.de/88x31/vim.vialle.love.anim.gif"
+ <img src="https://cyber.dabamos.de/88x31/vim.vialle.love.anim.gif"
alt="Edited with Vim."/>
<img src="https://i.imgur.com/vRDfU4W.gif"
@@ -232,7 +231,7 @@
</a>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
- <img src="http://jigsaw.w3.org/css-validator/images/vcss"
+ <img src="img/88x31/vcss-blue.webp"
alt="Valid CSS!"/>
</a>
generated by cgit v1.2.1 (git 2.18.0) at 2024-09-19 16:02:08 +0000