Make various texts more "professional"

src/app.css

@@ -35,6 +35,24 @@ 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;
+}
+
 * {
   font-family: Rubik, sans-serif;
 }

src/lib/routes/Contact.svelte

@@ -12,11 +12,18 @@
 </ul>
 
 <h3>redes sociales</h3>
-<ul>
+<blockquote>
-    <li>Fediverse (Mastodon): <a rel="me" href="https://hachyderm.io/@sofiaritz">@sofiaritz@hachyderm.io</a></li>
+    <details>
-    <li>Codeberg: <a href="https://codeberg.org/sofiaritz">sofiaritz</a></li>
+        <summary>
-    <li>Gitea: <a href="https://git.sofiaritz.com/sofia">sofia@git.sofiaritz.com</a></li>
+            <b>Nota:</b> Aquí se encuentra <i>mi versión desenfadada</i>, tal vez sea algo que quieras tener en cuenta.
-</ul>
+        </summary>
+        <ul>
+            <li>Fediverse (Mastodon): <a rel="me" href="https://hachyderm.io/@sofiaritz">@sofiaritz@hachyderm.io</a></li>
+            <li>Codeberg: <a href="https://codeberg.org/sofiaritz">sofiaritz</a></li>
+            <li>Gitea: <a href="https://git.sofiaritz.com/sofia">sofia@git.sofiaritz.com</a></li>
+        </ul>
+    </details>
+</blockquote>
 
 <h3>cifrado y firmado</h3>
 <p>
@@ -33,6 +40,9 @@
 -----BEGIN PGP SIGNED MESSAGE-----
 Hash: SHA512
 
+contacto
+
+Todavía no tengo una gran presencia social, pero la poquita que tengo aquí se encuentra:
 contacto directo
 
     E-mail: sofi@sofiaritz.com
@@ -40,9 +50,11 @@ contacto directo
 
 redes sociales
 
-    Fediverse (Mastodon): @sofiaritz@hachyderm.io
+    Nota: Aquí se encuentra mi versión desenfadada, tal vez sea algo que quieras tener en cuenta.
-    Codeberg: sofiaritz
+
-    Gitea: sofia@git.sofiaritz.com
+        Fediverse (Mastodon): @sofiaritz@hachyderm.io
+        Codeberg: sofiaritz
+        Gitea: sofia@git.sofiaritz.com
 
 cifrado y firmado
 
@@ -51,10 +63,10 @@ Puedes encontrar mi clave PGP pública en /keys/pub.asc, también disponible en
 La huella digital del certificado es: 4BB1 6A74 5DE1 C776 5CF3 8788 90B5 116E 3542 B28F.
 -----BEGIN PGP SIGNATURE-----
 
-iHUEARYKAB0WIQRLsWp0XeHHdlzzh4iQtRFuNUKyjwUCY8W7fQAKCRCQtRFuNUKy
+iHUEARYKAB0WIQRLsWp0XeHHdlzzh4iQtRFuNUKyjwUCY/J1ZwAKCRCQtRFuNUKy
-jyhBAP0fgfLWtJEh8oB2eMutafJ8dxvWqEHva4SX22y+Xyl28AD+MmeH943VQkfn
+j7XXAP0VM4TlUYy416gauxrU8e0NkYY8g17hu74cWOkFnyM55QEAzw51a49gzVZw
-vP9VZxYcpbKOPWOU5txFWoKLDPoyAA4=
+y864sAfRo2U5Kc3NQHiLqhz0tgyTwAE=
-=LiUf
+=Dlu6
 -----END PGP SIGNATURE-----
 </pre>
 </details>

src/lib/routes/Links.svelte

@@ -8,21 +8,8 @@
 
 <h1>enlaces</h1>
 <p>
-    Parece que no hay nadie por aquí :(
+    Parece que no hay nadie por aquí...
 </p>
 <p>
     Si quieres <Link to="/contact">habla conmigo</Link> para añadirte aquí! :)
 </p>
-
-<h2>menciones</h2>
-<i>
-    Algunos enlaces no cargan porque están en la lista de la mayoría de bloqueadores de anuncios (por alguna razón?).
-    Si ese es tu caso, prueba a descativarlo :)
-</i>
-<ul>
-    <li>Cadence por la inspiración que he tomado de su página web :)<br>
-        <a href="https://cadence.moe" target="_blank" rel="noopener">
-            <img src="https://cadence.moe/static/img/cadence_now.png" alt="The text &quot;cadence now!&quot; on a purple background. There is a moon-shaped logo on the left side and a tiny star in the bottom right." width="88" height="31">
-        </a>
-    </li>
-</ul>

src/lib/routes/Projects.svelte

@@ -9,7 +9,7 @@
 </p>
 <p>
     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 :p.
+    herramientas enfocadas a DX, también en Rust.
 </p>
 <p>
     Actualizaré esta página cuando realice algún proyecto bajo mi nombre que merezca la pena ver.

src/lib/routes/Recommendations.svelte

@@ -5,6 +5,20 @@
 <h1>recomendaciones</h1>
 <i>Aquí iré poniendo recomendaciones sobre juegos, libros, música, etc.</i>
 
+<h2>libros</h2>
+<h3>Un mundo feliz (Aldous Huxley)</h3>
+<div>
+    <p>
+        <a href="https://es.wikipedia.org/wiki/Un_mundo_feliz">Un mundo feliz</a> es un libro, en mi opinión, muy bien
+        escrito y relevante en el día de hoy por los temas que se tratan.
+    </p>
+    <p>
+        Este libro es la contraparte <a href="https://es.wikipedia.org/wiki/Distop%C3%ADa">distópica</a> de
+        <a href="https://es.wikipedia.org/wiki/La_isla_(Aldous_Huxley)">La isla</a>, otro libro que también puedo
+        recomendar orgullosamente.
+    </p>
+</div>
+
 <h2>videojuegos</h2>
 <h3>OMORI</h3>
 <div>
@@ -14,7 +28,7 @@
     </p>
     <p>
         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 :p), pero se lo recomendaría a cualquier persona que le gusten
+        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.
     </p>
 </div>
@@ -46,20 +60,6 @@
     </p>
 </div>
 
-<h2>libros</h2>
-<h3>Un mundo feliz (Aldous Huxley)</h3>
-<div>
-    <p>
-        <a href="https://es.wikipedia.org/wiki/Un_mundo_feliz">Un mundo feliz</a> es un libro, en mi opinión, muy bien
-        escrito y relevante en el día de hoy por los temas que se tratan.
-    </p>
-    <p>
-        Este libro es la contraparte <a href="https://es.wikipedia.org/wiki/Distop%C3%ADa">distópica</a> de
-        <a href="https://es.wikipedia.org/wiki/La_isla_(Aldous_Huxley)">La isla</a>, otro libro que también puedo
-        recomendar orgullosamente.
-    </p>
-</div>
-
 <h2>música</h2>
 <h3>Black Box Recorder</h3>
 <div>