Initial 11ty port

All the data from the previous website is now here. The only thing missing now is integrating the weblog here.
2023-03-12 01:11:41 +01:00 · 2023-03-12 01:11:41 +01:00 · 445ed938a5
commit 445ed938a5
parent 98d9f656e1
18 changed files with 479 additions and 0 deletions
--- a/.eleventy.js
+++ b/.eleventy.js
@ -0,0 +1,7 @@
+module.exports = function(eleventyConfig) {
+    eleventyConfig.addPassthroughCopy("css")
+    eleventyConfig.addPassthroughCopy({ "static": "/" })
+    return {
+        passthroughFileCopy: true
+    }
+}
--- a/_includes/simple_page.njk
+++ b/_includes/simple_page.njk
@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{% if title %} {{ title }} - {% endif %}sofi web</title>
+    <link rel="stylesheet" href="/css/app.css" type="text/css">
+    <link rel="stylesheet" href="/css/navbar.css" type="text/css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;1,300&family=Rubik:ital,wght@0,400;0,500;1,400;1,500&display=swap" type="text/css">
+</head>
+<body>
+    <a class="__hidden" href="https://hachyderm.io/@sofiaritz" rel="me">Mastodon</a>
+    <h1 class="top-title">sofi web</h1>
+    <div class="page-container">
+        <nav>
+            <div class="navbar">
+                <div>
+                    <i>yo</i>
+                    <ul>
+                        <li><a href="/">inicio y sobre mí</a></li>
+                        <li><a href="/contact">contacto</a></li>
+                    </ul>
+                </div>
+
+                <div>
+                    <i>mi cabeza</i>
+                    <ul>
+                        <!-- <li><a href="/weblog">weblog</a></li> -->
+                        <li><a href="/recommendations">recomendaciones</a></li>
+                    </ul>
+                </div>
+
+                <div>
+                    <i>creaciones</i>
+                    <ul>
+                        <li><a href="/projects">proyectos</a></li>
+                    </ul>
+                </div>
+
+                <div>
+                    <i>sitios</i>
+                    <ul>
+                        <li><a href="/links">enlaces</a></li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+        <main>
+            {{ content | safe }}
+        </main>
+    </div>
+</body>
+</html>
--- a/contact.md
+++ b/contact.md
@ -0,0 +1,84 @@
+---
+layout: simple_page.njk
+---
+
+# contacto
+
+Todavía no tengo una gran presencia digital, pero la poquita que tengo aquí se encuentra:
+
+### contacto directo
+
+- E-mail: [sofi@sofiaritz.com](mailto:sofi@sofiaritz.com)
+- Matrix: [@sofiaritz:matrix.org](https://matrix.to/#/@sofiaritz:matrix.org)
+
+### redes sociales
+
+<blockquote>
+    <details>
+        <summary>
+            <b>Nota:</b> Aquí se encuentra <i>mi versión desenfadada</i>, tal vez sea algo que quieras tener en cuenta.
+        </summary> 
+            <ul>
+                <li>Fediverse (Mastodon): <a rel="me" href="https://hachyderm.io/@sofiaritz">@me@sofiaritz.com (@sofiaritz@hachyderm.io)</a></li> 
+                <li>Forgejo: <a href="https://git.sofiaritz.com/sofia">sofia@git.sofiaritz.com</a></li> 
+                <li>Codeberg: <a href="https://codeberg.org/sofiaritz">sofiaritz</a></li>
+            </ul>
+    </details>
+</blockquote>
+
+### cifrado y firmado
+
+Puedes encontrar mi clave PGP pública en [/keys/pub.asc](/keys/pub.asc), también disponible en
+[los keyservers de ubuntu](https://keyserver.ubuntu.com/).
+
+La huella digital del certificado es: <u>4BB1 6A74 5DE1 C776 5CF3 8788 90B5 116E 3542 B28F</u>.
+
+### canary
+
+Puedes encontrar mi canary en [/canary.txt](/canary.txt). Este es un documento actualizado con regularidad donde confirmo mi identidad y estado actual.
+
+Si en algún momento este documento se encuentra desactualizado o desaparece, probablemente haya ocurrido algo malo.
+
+---
+
+<details>
+    <summary>El texto de esta sección se encuentra firmado:</summary>
+    <pre>
+-----BEGIN PGP SIGNED MESSAGE-----
+Hash: SHA512
+
+contacto
+
+Todavía no tengo una gran presencia digital, pero la poquita que tengo aquí se encuentra:
+contacto directo
+
+    E-mail: sofi@sofiaritz.com
+    Matrix: @sofiaritz:matrix.org
+
+redes sociales
+
+    Nota: Aquí se encuentra mi versión desenfadada, tal vez sea algo que quieras tener en cuenta.
+
+        Fediverse (Mastodon): @me@sofiaritz.com (@sofiaritz@hachyderm.io)
+        Codeberg: sofiaritz
+        Gitea: sofia@git.sofiaritz.com
+
+cifrado y firmado
+
+Puedes encontrar mi clave PGP pública en /keys/pub.asc, también disponible en los keyservers de ubuntu.
+
+La huella digital del certificado es: 4BB1 6A74 5DE1 C776 5CF3 8788 90B5 116E 3542 B28F.
+canary
+
+Puedes encontrar mi canary en /canary.txt. Este es un documento actualizado con regularidad donde confirmo mi identidad y estado actual.
+
+Si en algún momento este documento se encuentra desactualizado o desaparece, probablemente haya ocurrido algo malo.
+-----BEGIN PGP SIGNATURE-----
+
+iHUEARYKAB0WIQRLsWp0XeHHdlzzh4iQtRFuNUKyjwUCY/yLxAAKCRCQtRFuNUKy
+j2b1AQDmMW8gbUljFqg3xExh5zB3/W/ZmD3kxmFRDHKcljdVVgEAmE2lIwY2VowR
+ZMyjTshgFNng6hnj+inJl4qlTHmXHQg=
+=7k3p
+-----END PGP SIGNATURE-----
+</pre>
+</details>
--- a/css/app.css
+++ b/css/app.css
@ -0,0 +1,99 @@
+:root {
+    font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 400;
+
+    min-height: 100%;
+    color: rgba(255, 255, 255, 0.9);
+
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.25)), url("/assets/background.webp");
+    background-color: #221130;
+
+    font-synthesis: none;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-text-size-adjust: 100%;
+}
+
+body {
+    margin: 0;
+}
+
+a {
+    color: #e74cac;
+}
+
+code {
+    font-family: "JetBrains Mono", monospace;
+    padding: 2px 3px;
+    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
+}
+
+hr {
+    color: #bebebe;
+}
+
+blockquote {
+    border-left: 10px solid #dc3f99;
+    margin: 1.5em 10px;
+    padding: 0.5em 10px;
+}
+
+blockquote:before {
+    color: #ccc;
+    font-size: 4em;
+    line-height: 0.1em;
+    margin-right: 0.25em;
+    vertical-align: -0.4em;
+}
+
+blockquote[quote]:before {
+    content: open-quote;
+}
+
+summary:hover {
+    cursor: pointer;
+}
+
+pre {
+    font-family: monospace;
+}
+
+* {
+    font-family: Rubik, sans-serif;
+}
+
+.top-title {
+    font-size: 50px;
+    text-align: center;
+    text-decoration: underline;
+    text-decoration-color: #d52c9c;
+}
+
+.page-container {
+    display: flex;
+    margin: 0 10px;
+    gap: 15px;
+    justify-content: center;
+}
+
+main {
+    width: 40vw;
+}
+
+@media only screen and (max-width: 600px) {
+    .page-container {
+        display: block;
+        width: 100%;
+    }
+
+    main {
+        width: 90%;
+    }
+}
+
+.__hidden {
+    display: none;
+}
--- a/css/navbar.css
+++ b/css/navbar.css
@ -0,0 +1,32 @@
+.navbar ul {
+    padding: 0;
+    list-style: none;
+}
+
+.navbar div ul li {
+    display: block;
+    width: 175px;
+    padding: 3px;
+    margin: 10px 0;
+
+    transition: all 150ms;
+    background-color: #dc3f99;
+    border: solid 3px;
+    border-color: #f38cc2 #dc158d #dc158d #f38cc2;
+}
+
+.navbar div ul li:hover {
+    border-color: #d76d9c #ff0088 #ff0088 #d76d9c;
+}
+
+.navbar div ul li a {
+    color: white;
+}
+
+@media only screen and (max-width: 600px) {
+    .navbar {
+        display: flex;
+        gap: 10px;
+        overflow: scroll;
+    }
+}
--- a/index.md
+++ b/index.md
@ -0,0 +1,35 @@
+---
+layout: simple_page.njk
+---
+
+# inicio
+_Es probable que andes por aquí por mis [proyectos](/projects), si eso es lo que te interesa, puedes ir a esa
+sección directamente._
+
+# sobre mí
+Soy Sofía, aunque la gente me llama Sofi.
+
+Llevo un tiempo programando y me encanta lo divertida y abierta que es la web, además de todas las posibilidades que nos
+ofrece, a día de hoy se está perdiendo esta esencia de la web y mi objetivo es traerla de vuelta.
+
+Me encantan los [lenguajes construidos](https://es.wikipedia.org/wiki/Lengua_construida) y aunque el que más uso es
+el [Esperanto](https://es.wikipedia.org/wiki/Esperanto), amo [Toki Pona](https://es.wikipedia.org/wiki/Toki_pona)
+y me encantaría aprenderlo.
+Además de esto, amo [Wikipedia](https://es.wikipedia.org/wiki/Wikipedia:Portada) y en mis ratos libres intento aportar
+mi granito de arena editando algunos artículos.
+
+Me gusta mucho [Rust](https://es.wikipedia.org/wiki/Rust_(lenguaje_de_programaci%C3%B3n)) y tengo la esperanza de que
+sea el futuro de la programación (ya que es un lenguaje cuya base es
+aprender de los errores de los últimos 50 años), aunque empecé a aprender Rust <u>circa 2020</u>, llevo un tiempo en este
+mundillo y me manejo con mucha soltura.
+
+A día de hoy me siento cómoda en Rust, [JavaScript](https://es.wikipedia.org/wiki/JavaScript)
+[y derivados](https://es.wikipedia.org/wiki/TypeScript) y
+[C](https://es.wikipedia.org/wiki/C_(lenguaje_de_programaci%C3%B3n)) (_aunque aún me queda mucho por aprender_).
+
+Me encanta el concepto de la web porque permite que todo el mundo pueda tener su lugar donde poder hablar, comunicarse
+entre sí y desarrollar ideas y pensamientos. A día de hoy esto [ha](https://es.wikipedia.org/wiki/Monopolio)
+[cambiado](https://es.wikipedia.org/wiki/C%C3%A1mara_de_eco_(medios)), y la web no es abierta como era
+anteriormente. Por esto estoy completamente a favor de
+[estándares abiertos](https://es.wikipedia.org/wiki/Est%C3%A1ndar_abierto) y de 
+la [descentralización](https://es.wikipedia.org/wiki/Descentralizaci%C3%B3n).
--- a/links.md
+++ b/links.md
@ -0,0 +1,9 @@
+---
+layout: simple_page.njk
+---
+
+# enlaces
+
+Parece que no hay nadie por aquí...
+
+Si quieres [habla conmigo](/contact) para añadirte aquí! :)
--- a/projects.md
+++ b/projects.md
@ -0,0 +1,30 @@
+---
+layout: simple_page.njk
+---
+
+# proyectos
+
+Ahora mismo no tengo proyectos públicos bajo mi nombre, pero tal vez publique alguna cosa en
+[mi instancia de Forgejo](https://git.sofiaritz.com/sofia) y en mi perfil de
+[Codeberg](https://codeberg.org/sofiaritz) :)
+
+Pese a ello, puedo decir que he creado varios proyectos full-stack, librerías relacionadas con cifrado en Rust y
+herramientas enfocadas a DX, también en Rust.
+
+Actualizaré esta página cuando realice algún proyecto bajo mi nombre que merezca la pena ver.
+
+## proyectos irrelevantes
+### note taking | [repo](https://git.sofiaritz.com/sofia/note-taking)
+Una app creada con [egui](https://github.com/emilk/egui) con el objetivo de ser un sistema experimental para tomar
+notas.
+
+Las notas están encriptadas por defecto (excepto los metadatos) y en un futuro añadiré soporte para Markdown básico y demás.
+
+### markdown cv | [repo](https://git.sofiaritz.com/sofia/markdown-cv) [instancia](https://md-cv.sofiaritz.com/)
+Una web simple que permite la creación y envío de CVs creados en Markdown con un tema simple y bonito por defecto.
+
+Creada con Svelte y [marked](https://github.com/markedjs/marked). Debo mejorar ciertas partes del código
+(obtención de CVs remotos, etc), pero sin duda funciona.
+
+### sofi web | [repo](https://codeberg.org/sofiaritz/website) [mirror](https://git.sofiaritz.com/sofia/website)
+Una web simple, con contenido estático hecha utilizando [11ty](https://www.11ty.dev/).
--- a/recommendations.md
+++ b/recommendations.md
@ -0,0 +1,42 @@
+---
+layout: simple_page.njk
+---
+
+# recomendaciones
+_Aquí iré poniendo recomendaciones sobre juegos, libros, música, etc._
+
+## libros
+### Un mundo feliz (Aldous Huxley)
+
+[Un mundo feliz](https://es.wikipedia.org/wiki/Un_mundo_feliz) es un libro, en mi opinión, muy bien escrito y relevante
+en el día de hoy por los temas que se tratan.
+
+Este libro es la contraparte [distópica](https://es.wikipedia.org/wiki/Distop%C3%ADa) de
+[La isla](https://es.wikipedia.org/wiki/La_isla_(Aldous_Huxley)), otro libro que también puedo recomendar
+orgullosamente.
+
+## videojuegos
+### OMORI
+
+[OMORI](https://www.omori-game.com/) es un juego de _terror psicológico_
+(aunque el 90% del tiempo es un juego muy tranquilo y relajante).
+
+Tiene una historia un tanto dura, y la manera en que se cuenta no podía estar más pulida. No podría recomendarlo más,
+no puedo contar mucho (para evitar spoilers), pero se lo recomendaría a cualquier persona que le gusten los juegos de
+historia y RPG y compañía.
+
+### a short hike
+
+[a short hike](https://ashorthike.com/) es un juego muy muy tranquilo y relajante. Es un juego para olvidarte del mundo
+y relajarte un ratito.
+
+Tiene una historia que pese a poder ser considerada simple, la manera en que se descubre y la compañía que los escenarios y la música dan al descubrimiento es sublime. Un juego muy tranquilo, muy bonito, muy divertido con una historia bien contada. Otro juego 100% recomendado.
+
+### Milo and the Magpies
+
+[Milo and the Magpies](https://store.steampowered.com/app/1407420/Milo_and_the_Magpies/) es un juego de puzles muy
+corto, con una historia juguetona pero bastante simple que no decepciona. El arte y música son geniales y pese a poder
+completarse en un par de horas, merece la pena por lo relajante y bello que es el juego.
+
+Hay algunos puzles donde te puedes atascar con cierta facilidad, pero aun así, sigue siendo un juego con un concepto
+bueno y simple, y con una muy buena ejecución.
--- a/static/.well-known/webfinger
+++ b/static/.well-known/webfinger
@ -0,0 +1,23 @@
+{
+  "subject": "acct:sofiaritz@hachyderm.io",
+  "aliases": [
+    "https://hachyderm.io/@sofiaritz",
+    "https://hachyderm.io/users/sofiaritz"
+  ],
+  "links": [
+    {
+      "rel": "http://webfinger.net/rel/profile-page",
+      "type": "text/html",
+      "href": "https://hachyderm.io/@sofiaritz"
+    },
+    {
+      "rel": "self",
+      "type": "application/activity+json",
+      "href": "https://hachyderm.io/users/sofiaritz"
+    },
+    {
+      "rel": "http://ostatus.org/schema/1.0/subscribe",
+      "template": "https://hachyderm.io/authorize_interaction?uri={uri}"
+    }
+  ]
+}
--- a/static/assets/background.jpg
+++ b/static/assets/background.jpg
--- a/static/assets/background.png
+++ b/static/assets/background.png
--- a/static/assets/background.webp
+++ b/static/assets/background.webp
--- a/static/assets/skeletons/christmas.gif
+++ b/static/assets/skeletons/christmas.gif
--- a/static/assets/skeletons/default.gif
+++ b/static/assets/skeletons/default.gif
--- a/static/canary.txt
+++ b/static/canary.txt
@ -0,0 +1,52 @@
+-----BEGIN PGP SIGNED MESSAGE-----
+Hash: SHA512
+
+Este es un documento en el que yo, Sofía Aritz, confirmo mi identidad.
+Actualizaré este documento al menos semanalmente.
+Este mensaje se actualizó por última vez el día:
+Wed Mar 01 2023 22:24:25 UTC (01/03/2023)
+
+Puedo afirmar abiertamente que en este momento ninguna información que poseo se encuentra bajo el control de ninguna
+autoridad de carácter gubernamental o cualquier otra tercera persona.
+
+Mis pronombres son femeninos (she/her en inglés).
+
+Tengo acceso a los siguientes medios de contacto y soy su única propietaria:
+  * e-mail: sofi@sofiaritz.com
+  * matrix: @sofiaritz:matrix.org
+  * mastodon (webfinger): @me@sofiaritz.com
+  * mastodon (servidor): @sofiaritz@hachyderm.io
+  * git (1): sofiaritz@codeberg.org
+  * git (2): sofia@git.sofiaritz.com
+
+Tengo acceso y soy la única propietaria de los siguientes dominios:
+  * sofiaritz.com
+
+Todos los certificados SSL que usó están firmados por Let's Encrypt.
+
+Mi clave PGP fue creada el 01-01-2023 y su huella digital es la siguiente:
+  4BB1 6A74 5DE1 C776 5CF3 8788 90B5 116E 3542 B28F
+
+Este documento debe considerarse válido ÚNICAMENTE en el caso de que haya sido firmado utilizando exactamente esta
+clave. En caso de que alguna vez tuviera la necesidad de cambiarla, estará en este documento durante al menos tres
+meses, siendo firmada con la clave actual.
+
+Puedes obtener una copia de mis claves públicas en los siguientes lugares:
+  * <https://sofiaritz.com/keys/pub.asc>
+
+Puedes obtener una copia de este mensaje en los siguientes lugares:
+  * <https://sofiaritz.com/canary.txt>
+  * <https://git.sofiaritz.com/sofia/website/src/branch/main/public/canary.txt>
+
+Actualizaré este mensaje antes del día:
+Wed Mar 08 2023 22:24:25 UTC (08/03/2023)
+Si esto no ocurre o este mensaje desaparece, se puede asumir que me ha ocurrido algo.
+
+Toma una galleta, por haber leído hasta el final.
+-----BEGIN PGP SIGNATURE-----
+
+iHUEARYKAB0WIQRLsWp0XeHHdlzzh4iQtRFuNUKyjwUCY//QzgAKCRCQtRFuNUKy
+j+1PAQDNDeB2aGkGiYpO75KgOPr0Vz22q9pBLh3w8ztcd1wh1AEA5GteB4sjsk7k
+pa5lk0oMXHDRnBmBsPPRh5xqZmNTgs=
+=eAgD
+-----END PGP SIGNATURE-----
--- a/static/favicon.ico
+++ b/static/favicon.ico
--- a/static/keys/pub.asc
+++ b/static/keys/pub.asc
@ -0,0 +1,13 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+
+mDMEY7GyeRYJKwYBBAHaRw8BAQdAFKI4CZvWSZh2FSSj6bse7GMA+g+ghbRNAnh5
+2NIdW6S0G1NvZsOtYSA8c29maUBzb2ZpYXJpdHouY29tPoiZBBMWCgBBFiEES7Fq
+dF3hx3Zc84eIkLURbjVCso8FAmOxsnkCGwMFCQPDbbcFCwkIBwICIgIGFQoJCAsC
+BBYCAwECHgcCF4AACgkQkLURbjVCso86vgD+PA0x+K+beyXHSOaTpTW1EUhagvHU
+hjhqGbkbCSIPJ2oA/irF+AFFlT6Pc5SIp2EeSZGNX6JSNEEZ6eDbjSItNHkBuDgE
+Y7GyeRIKKwYBBAGXVQEFAQEHQLwPLw5d13siGsuIeV7AMI39P/+hXcDwa3a/e6yJ
+UZVCAwEIB4h+BBgWCgAmFiEES7FqdF3hx3Zc84eIkLURbjVCso8FAmOxsnkCGwwF
+CQPDbbcACgkQkLURbjVCso8i3wEA1S6KED/pUeIydiqB9mWzjYoO17XO9ExFH5nf
+8TrrXO8A/2cMxQLZ2c0okoKw0q/fISZ6hZnep5lhODO7DHlPcw4F
+=6oM/
+-----END PGP PUBLIC KEY BLOCK-----