diff --git a/public/css/styles.css b/public/css/styles.css
index dcfa164..1b9a97e 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -181,11 +181,6 @@ li.link a.anchor {
   padding-right: .5rem;
 }
 
-li.link summary {
-  color: #e5582d;
-  margin-left: -1rem;
-}
-
 li.link p.description,
 li.link p.tags,
 li.link p.dates {
@@ -195,6 +190,7 @@ li.link p.dates {
 li.link p.description:before,
 li.link p.tags:before,
 li.link p.dates:before,
+li.link p.social:before,
 li.link summary:before {
   padding-right: .5rem;
 }
@@ -211,6 +207,14 @@ li.link p.dates:before {
   content: "📅";
 }
 
+li.link p.social:before {
+  content: "🪁";
+}
+
+li.link summary:before {
+  content: "👁️";
+}
+
 li.link span.created:before {
   content: "Creado: ";
 }
@@ -220,6 +224,21 @@ li.link span.updated:before {
   padding-left: 1rem;
 }
 
+li.link p.social a:not(:first-of-type) {
+  padding-left: 1rem;
+}
+
+li.link summary {
+  list-style-type: none;
+  margin-left: -1rem;
+}
+
+li.link p.social a,
+li.link summary {
+  cursor: pointer;
+  color: blue;
+}
+
 li.link div.info {
   margin-top: 1rem;
 }
diff --git a/public/index.html b/public/index.html
index 032e67c..f7652dc 100644
--- a/public/index.html
+++ b/public/index.html
@@ -29,15 +29,16 @@
     
 <section id="acerca">
 <h1>Acerca</h1>
-Hola, soy perro tuerto. Mi formación académica es en Filosofía, mi profesión es la edición de publicaciones (libros, fanzines, revistas, etc.) y mi programación se enfoca en el desarrollo de metodologías libres para la publicación. Soy fan de las humanidades, la paleoantropología y las ciencias de la computación, así como soy voluntario en organizaciones sobre edición, <i>software</i> y cultura libres, como Miau, Cuates o Wikipedia. Doy soporte técnico a la Academia Mexicana de la Lengua y puedo ayudarte en tus proyectos. <b>En este espacio comparto enlaces que me parecen chéveres.</b>
+<p>Hola, soy perro tuerto. Mi formación académica es en Filosofía, mi profesión es en la edición de publicaciones (libros, fanzines, revistas…) y mi programación se enfoca en el desarrollo de metodologías libres para la publicación. Soy fan de las humanidades, la paleoantropología y las ciencias de la computación, así como soy voluntario en organizaciones sobre edición, <i>software</i> y cultura libres, como <a target="_blank" href="https://t.me/miau2018">Miau</a>, <a target="_blank" href="https://cuates.net/">Cuates</a> o <a target="_blank" href="https://wikimedia.mx/">Wikipedia</a>. Doy soporte técnico a la <a target="_blank" href="https://academia.org.mx/">Academia Mexicana de la Lengua</a> y puedo ayudarte en tus proyectos. <b>En este espacio comparto enlaces que me parecen chéveres.</b></p>
 </section>
-<section id="links">
-<h1>Links</h1><ul class="list">
+<section id="linkding">
+<h1>Linkding</h1><ul class="list">
 <li class="link" id="91">
-<h1><a target="_blank" class="anchor" href="#91">⚓</a><a class="name" href="https://www.larramendi.es/i18n/consulta/libroselectronicos.do">Biblioteca Virtual de Polígrafos</a></h1>
-<p class="description">Obras de Menéndez Pelayo, Hernando de Larramendi  y otros en ebook.</p>
-<p class="tags"><a><span class="tag">#esteticas</span></a> <a><span class="tag">#historia</span></a> <a><span class="tag">#ideas</span></a></p>
-<p class="dates"><span class="created">24/06/2023</span><span class="updated">25/06/2023</span></p>
+<h1><a class="anchor" href="#91">⚓</a><a class="name" target="_blank" href="https://www.larramendi.es/i18n/consulta/libroselectronicos.do">Biblioteca Virtual de Polígrafos</a></h1>
+<p class="dates"><span class="created">24/06/2023</span><span class="updated">26/06/2023</span></p>
+<p class="description">Obras completas de Menéndez Pelayo, Hernando de Larramendi  y otros en ebook</p>
+<p class="tags"><a>#biblioteca</a> <a>#historia-ideas</a> <a>#acceso-abierto</a></p>
+<p class="social"><a target="_blank" href="https://web.archive.org/web/*/https://www.larramendi.es/i18n/consulta/libroselectronicos.do">Ver archivado</a></p>
 <details class="info">
 <summary>Leer más</summary><h1>Presentación</h1>
 <h2>Concepto de polígrafo y poligrafista</h2>
@@ -53,24 +54,47 @@ Hola, soy perro tuerto. Mi formación académica es en Filosofía, mi profesión
 <p>La Biblioteca Virtual de Polígrafos de la Fundación Ignacio Larramendi, denominada en inglés Polymath Virtual Library por el W3C, ha sido seleccionada por el clúster de Datos Bibliográficos de esta entidad como <a target="_blank" href="http://www.w3.org/2005/Incubator/lld/wiki/Use_Case_Polymath_Virtual_Library">Case Study</a>.</p>
 <p>También esta Biblioteca Virtual ha sido elegida por Europeana un <a target="_blank" href="https://pro.europeana.eu/page/polymath-edm">EDM Case Study</a>.</p>
 </details>
+</li>
+<li class="link" id="73">
+<h1><a class="anchor" href="#73">⚓</a><a class="name" target="_blank" href="https://directory.doabooks.org/">Directory of Open Access Books</a></h1>
+<p class="dates"><span class="created">15/05/2023</span><span class="updated">26/06/2023</span></p>
+<p class="description">Directorio de libros en acceso abierto, en su mayoría en inglés pero también varios en español y otros idiomas</p>
+<p class="tags"><a>#biblioteca</a> <a>#acceso-abierto</a> <a>#academia</a></p>
+<p class="social"><a target="_blank" href="https://web.archive.org/web/*/https://directory.doabooks.org/">Ver archivado</a></p>
+<details class="info">
+<summary>Leer más</summary><h1>Acerca de DOAB</h1>
+<h2>Propósito de DOAB</h2>
+<p>El principal objetivo de DOAB (<i>Directory of Open Access Books</i>, por sus siglas en inglés) es el aumento en la visibilidad de libros en acceso abierto. Los editores académicos están invitados a proveer metadata de sus libros en acceso abierto a DOAB. DOAB es una infraestructura abierta comprometida con la ciencia abierta. Funciona con la plataforma de acceso abierto <a target="_blank" href="https://dspace.lyrasis.org/">DSpace 6</a>. Los metadatos pueden recolectarse con el fin de maximizar la diseminación, visiblidad e impacto. Quienes agregar la información pueden integrar los registros en sus servicios comerciales y las bibliotecas pueden integrar el directorio a sus catálogos en línea, lo cual ayuda a académicos y estudiantes a descubrir los libros. El directorio está abierto a cualquier editor que publique libros académicos, revisados por pares y en acceso abierto, así como puede contener tantos libros como sean posibles, siempre y cuando esas publicaciones sean de acceso abierto y se conformen con los estándares académicos.</p>
+<h2>¿Quiénes son resposables del DOAB?</h2>
+<p>DOAB fue establecido por la <a target="_blank" href="https://oapen.org/">fundación OAPEN</a> en 2012 y en cooperación estrecha con <a target="_blank" href="http://www.doaj.org/">DOAJ</a> (<i>Directory of Open Access Journals</i>, por sus siglas en inglés) y <a target="_blank" href="http://www.sempertool.dk/">SemperTool</a></p>
+<p>DOAB es un servicio de la fundación DOAB. Esta fundación es una entidad holandesa sin fines de lucro que fue establecida por ña fundación OAPEN y OpenEdition en 2019. La fundación tiene su sede en la Biblioteca Nacional de los Países Bajos. Los desarrollos y actualizaciones clave del DOAB están disponibles en su reporte anual y en coordinación con OpenEdition.</p>
+</details>
 </li></ul>
 </section>
     <footer>
       <p><b>perro tuerto</b></p>
-      <p>Del Pacífico para el mundo: edición, <i>software</i> y culturas libres.</p>
+      <p>Del Pacífico para el mundo: edición, <i>software</i> y cultura libres.</p>
       <p><span class="icon">🤖&nbsp;<a target="_blank" href="https://perrotuerto.blog/perro.json">JSON</a></p>
     </footer>
     <script>
-      var nav = document.querySelector("nav > ul"),
-          li = document.createElement("li"),
-          input = document.createElement("input"),
-          options = { valueNames: [ 'name', 'description', 'tag' ] };
+      const nav = document.querySelector("nav > ul"),
+            li = document.createElement("li"),
+            input = document.createElement("input"),
+            options = { valueNames: [ "name", "description", "tags" ] };
       input.id = "search-bar";
       input.placeholder = "Filtrar";
-      input.classList.add("fuzzy-search");
+      input.classList.add("search");
       li.appendChild(input);
       nav.appendChild(li);
-      new List('content', options);
+      listjs = new List('content', options);
+      document.querySelectorAll("p.tags a").forEach(tag => {
+        tag.href = "javascript:void(0)";
+        tag.addEventListener("click", () => {
+          const txt = tag.innerText.substring(1).replaceAll("-", " ");
+          input.value = txt;
+          listjs.search(txt);
+        });
+      });
     </script>
   </body>
 </html>
diff --git a/public/perro.json b/public/perro.json
index db38419..fa759d3 100644
--- a/public/perro.json
+++ b/public/perro.json
@@ -1 +1 @@
-{"acerca": "Hola, soy perro tuerto. Mi formaci\u00f3n acad\u00e9mica es en Filosof\u00eda, mi profesi\u00f3n es la edici\u00f3n de publicaciones (libros, fanzines, revistas, etc.) y mi programaci\u00f3n se enfoca en el desarrollo de metodolog\u00edas libres para la publicaci\u00f3n. Soy fan de las humanidades, la paleoantropolog\u00eda y las ciencias de la computaci\u00f3n, as\u00ed como soy voluntario en organizaciones sobre edici\u00f3n, <i>software</i> y cultura libres, como Miau, Cuates o Wikipedia. Doy soporte t\u00e9cnico a la Academia Mexicana de la Lengua y puedo ayudarte en tus proyectos. <b>En este espacio comparto enlaces que me parecen ch\u00e9veres.</b>", "contacto": {"site": "https://perrotuerto.blog", "gitlab": "https://gitlab.com/perrotuerto", "cuates": "https://git.cuates.net/perro", "wikipedia": "https://es.wikipedia.org/wiki/Usuario:Perrotuerto", "github": "https://github.com/perrotuerto", "email": "hi@perrotuerto.blog"}, "links": [{"id": 91, "url": "https://www.larramendi.es/i18n/consulta/libroselectronicos.do", "title": "Biblioteca Virtual de Pol\u00edgrafos", "description": "Obras de Men\u00e9ndez Pelayo, Hernando de Larramendi  y otros en ebook.", "notes": "# Presentaci\u00f3n\r\n\r\n## Concepto de pol\u00edgrafo y poligrafista\r\n\r\nMen\u00e9ndez Pelayo retratado por SorollaLa Fundaci\u00f3n se propone, a partir de una idea de Men\u00e9ndez Pelayo, creador del t\u00e9rmino pol\u00edgrafo en el sentido que se emplea aqu\u00ed, hacer accesible el pensamiento de pol\u00edgrafos espa\u00f1oles, portugueses, brasile\u00f1os e hispanoamericanos reuniendo digitalmente su obra. El proyecto se realiza en algunas de sus partes mediante la colaboraci\u00f3n con otras instituciones.\r\n\r\n## Concepto de pol\u00edgrafo\r\n\r\nLa palabra *pol\u00edgrafo* se refiere en este contexto al creador polifac\u00e9tico cuya obra marc\u00f3 un punto de inflexi\u00f3n en su campo.\r\n\r\n## El poligrafista\r\n\r\nLlamamos *poligrafista* al profesos investigador especialista en alguno o algunos de los pol\u00edgrafos que componen esta biblioteca virtual y que escribe un estudio sobre su figura y su obra. La Fundaci\u00f3n Ignacio Larramendi encarga muchos de estos estudios.\r\n\r\n## El comienzo\r\n\r\nLa Biblioteca Virtual de Pol\u00edgrafos es un proyecto que ide\u00f3 y puso en marcha Ignacio Hernando de Larramendi en los a\u00f1os 90 del siglo XX, con la intenci\u00f3n de aprovechar las posibilidades que las incipientes nuevas tecnolog\u00edas ofrec\u00edan para la conservaci\u00f3n y la difusi\u00f3n del conocimiento.\r\n\r\nIgnacio Larramendi centr\u00f3 esta Biblioteca Virtual en cuatro colecciones que recibieron el nombre de uno de los pol\u00edgrafos m\u00e1s importantes de cada una de ellas: Marcelino Men\u00e9ndez Pelayo, para la colecci\u00f3n de pol\u00edgrafos espa\u00f1oles, Jos\u00e9 de Anchieta, para la de brasile\u00f1os, Francisco Manuel de Melo, para la de portugueses, y Andr\u00e9s Bello, para la de hispanoamericanos. En recuerdo del aquellos comienzos figuran los cuatro pol\u00edgrafos, por ese orden, en la cabecera de este micrositio.\r\n\r\n## Reconocimiento de la Biblioteca Virtual de Pol\u00edgrafos por Europeana y el W3C\r\n\r\nLa Biblioteca Virtual de Pol\u00edgrafos de la Fundaci\u00f3n Ignacio Larramendi, denominada en ingl\u00e9s Polymath Virtual Library por el W3C, ha sido seleccionada por el cl\u00faster de Datos Bibliogr\u00e1ficos de esta entidad como [Case Study](http://www.w3.org/2005/Incubator/lld/wiki/Use_Case_Polymath_Virtual_Library).\r\n\r\nTambi\u00e9n esta Biblioteca Virtual ha sido elegida por Europeana un [EDM Case Study](https://pro.europeana.eu/page/polymath-edm).", "website_title": "Biblioteca Virtual de Pol\u00edgrafos > \r\n                                     Obras\r\n                                \u203a\r\n                            Libros electr\u00f3nicos", "website_description": "", "is_archived": false, "unread": false, "shared": true, "tag_names": ["esteticas", "historia", "ideas", "blog"], "date_added": "2023-06-24T23:31:04.671856Z", "date_modified": "2023-06-25T21:59:05.406668Z"}]}
\ No newline at end of file
+{"acerca": "Hola, soy perro tuerto. Mi formaci\u00f3n acad\u00e9mica es en Filosof\u00eda, mi profesi\u00f3n es en la edici\u00f3n de publicaciones (libros, fanzines, revistas\u2026) y mi programaci\u00f3n se enfoca en el desarrollo de metodolog\u00edas libres para la publicaci\u00f3n. Soy fan de las humanidades, la paleoantropolog\u00eda y las ciencias de la computaci\u00f3n, as\u00ed como soy voluntario en organizaciones sobre edici\u00f3n, *software* y cultura libres, como [Miau](https://t.me/miau2018), [Cuates](https://cuates.net/) o [Wikipedia](https://wikimedia.mx/). Doy soporte t\u00e9cnico a la [Academia Mexicana de la Lengua](https://academia.org.mx/) y puedo ayudarte en tus proyectos. **En este espacio comparto enlaces que me parecen ch\u00e9veres.**", "contacto": {"site": "https://perrotuerto.blog", "gitlab": "https://gitlab.com/perrotuerto", "cuates": "https://git.cuates.net/perro", "wikipedia": "https://es.wikipedia.org/wiki/Usuario:Perrotuerto", "github": "https://github.com/perrotuerto", "email": "hi@perrotuerto.blog"}, "linkding": [{"id": 91, "url": "https://www.larramendi.es/i18n/consulta/libroselectronicos.do", "title": "Biblioteca Virtual de Pol\u00edgrafos", "description": "Obras completas de Men\u00e9ndez Pelayo, Hernando de Larramendi  y otros en ebook", "notes": "# Presentaci\u00f3n\r\n\r\n## Concepto de pol\u00edgrafo y poligrafista\r\n\r\nMen\u00e9ndez Pelayo retratado por SorollaLa Fundaci\u00f3n se propone, a partir de una idea de Men\u00e9ndez Pelayo, creador del t\u00e9rmino pol\u00edgrafo en el sentido que se emplea aqu\u00ed, hacer accesible el pensamiento de pol\u00edgrafos espa\u00f1oles, portugueses, brasile\u00f1os e hispanoamericanos reuniendo digitalmente su obra. El proyecto se realiza en algunas de sus partes mediante la colaboraci\u00f3n con otras instituciones.\r\n\r\n## Concepto de pol\u00edgrafo\r\n\r\nLa palabra *pol\u00edgrafo* se refiere en este contexto al creador polifac\u00e9tico cuya obra marc\u00f3 un punto de inflexi\u00f3n en su campo.\r\n\r\n## El poligrafista\r\n\r\nLlamamos *poligrafista* al profesos investigador especialista en alguno o algunos de los pol\u00edgrafos que componen esta biblioteca virtual y que escribe un estudio sobre su figura y su obra. La Fundaci\u00f3n Ignacio Larramendi encarga muchos de estos estudios.\r\n\r\n## El comienzo\r\n\r\nLa Biblioteca Virtual de Pol\u00edgrafos es un proyecto que ide\u00f3 y puso en marcha Ignacio Hernando de Larramendi en los a\u00f1os 90 del siglo XX, con la intenci\u00f3n de aprovechar las posibilidades que las incipientes nuevas tecnolog\u00edas ofrec\u00edan para la conservaci\u00f3n y la difusi\u00f3n del conocimiento.\r\n\r\nIgnacio Larramendi centr\u00f3 esta Biblioteca Virtual en cuatro colecciones que recibieron el nombre de uno de los pol\u00edgrafos m\u00e1s importantes de cada una de ellas: Marcelino Men\u00e9ndez Pelayo, para la colecci\u00f3n de pol\u00edgrafos espa\u00f1oles, Jos\u00e9 de Anchieta, para la de brasile\u00f1os, Francisco Manuel de Melo, para la de portugueses, y Andr\u00e9s Bello, para la de hispanoamericanos. En recuerdo del aquellos comienzos figuran los cuatro pol\u00edgrafos, por ese orden, en la cabecera de este micrositio.\r\n\r\n## Reconocimiento de la Biblioteca Virtual de Pol\u00edgrafos por Europeana y el W3C\r\n\r\nLa Biblioteca Virtual de Pol\u00edgrafos de la Fundaci\u00f3n Ignacio Larramendi, denominada en ingl\u00e9s Polymath Virtual Library por el W3C, ha sido seleccionada por el cl\u00faster de Datos Bibliogr\u00e1ficos de esta entidad como [Case Study](http://www.w3.org/2005/Incubator/lld/wiki/Use_Case_Polymath_Virtual_Library).\r\n\r\nTambi\u00e9n esta Biblioteca Virtual ha sido elegida por Europeana un [EDM Case Study](https://pro.europeana.eu/page/polymath-edm).", "website_title": "Biblioteca Virtual de Pol\u00edgrafos > \r\n                                     Obras\r\n                                \u203a\r\n                            Libros electr\u00f3nicos", "website_description": "", "is_archived": false, "unread": false, "shared": true, "tag_names": ["biblioteca", "blog", "historia-ideas", "acceso-abierto"], "date_added": "2023-06-24T23:31:04.671856Z", "date_modified": "2023-06-26T18:04:09.684221Z"}, {"id": 73, "url": "https://directory.doabooks.org/", "title": "Directory of Open Access Books", "description": "Directorio de libros en acceso abierto, en su mayor\u00eda en ingl\u00e9s pero tambi\u00e9n varios en espa\u00f1ol y otros idiomas", "notes": "# Acerca de DOAB\r\n\r\n## Prop\u00f3sito de DOAB\r\n\r\nEl principal objetivo de DOAB (*Directory of Open Access Books*, por sus siglas en ingl\u00e9s) es el aumento en la visibilidad de libros en acceso abierto. Los editores acad\u00e9micos est\u00e1n invitados a proveer metadata de sus libros en acceso abierto a DOAB. DOAB es una infraestructura abierta comprometida con la ciencia abierta. Funciona con la plataforma de acceso abierto [DSpace 6](https://dspace.lyrasis.org/). Los metadatos pueden recolectarse con el fin de maximizar la diseminaci\u00f3n, visiblidad e impacto. Quienes agregar la informaci\u00f3n pueden integrar los registros en sus servicios comerciales y las bibliotecas pueden integrar el directorio a sus cat\u00e1logos en l\u00ednea, lo cual ayuda a acad\u00e9micos y estudiantes a descubrir los libros. El directorio est\u00e1 abierto a cualquier editor que publique  libros acad\u00e9micos, revisados por pares y en acceso abierto, as\u00ed como puede contener tantos libros como sean posibles, siempre y cuando esas publicaciones sean de acceso abierto y se conformen con los est\u00e1ndares acad\u00e9micos.\r\n\r\n## \u00bfQui\u00e9nes son resposables del DOAB?\r\n\r\nDOAB fue establecido por la [fundaci\u00f3n OAPEN](https://oapen.org/) en 2012 y en cooperaci\u00f3n estrecha con [DOAJ](http://www.doaj.org/) (*Directory of Open Access Journals*, por sus siglas en ingl\u00e9s) y [SemperTool](http://www.sempertool.dk/)\r\n\r\nDOAB es un servicio de la fundaci\u00f3n DOAB. Esta fundaci\u00f3n es una entidad holandesa sin fines de lucro que fue establecida por \u00f1a fundaci\u00f3n OAPEN y OpenEdition en 2019. La fundaci\u00f3n tiene su sede en la Biblioteca Nacional de los Pa\u00edses Bajos. Los desarrollos y actualizaciones clave del DOAB est\u00e1n disponibles en su reporte anual y en coordinaci\u00f3n con OpenEdition.", "website_title": "DOAB Home", "website_description": "", "is_archived": false, "unread": false, "shared": true, "tag_names": ["biblioteca", "blog", "acceso-abierto", "academia"], "date_added": "2023-05-15T19:35:54.721796Z", "date_modified": "2023-06-26T18:38:22.118491Z"}]}
\ No newline at end of file
diff --git a/scripts/make.py b/scripts/make.py
index 17d21f5..9d948ef 100644
--- a/scripts/make.py
+++ b/scripts/make.py
@@ -4,18 +4,79 @@ import json
 from datetime import datetime
 from pathlib import Path
 
+
+def parse_md(txt):
+    """
+    Implementación mínima con este soporte: párrafos, encabezados, listas,
+    cita, negrita, itálica y enlaces
+    """
+    # Regex para detectar Markdown
+    header = r"(#+)\s*(.+)"
+    quote = r">\s*(.+)"
+    ulist = r"[\*-]\s*"
+    olist = r"\d\.\s*"
+    bolditalic = r"\*\*\*([^\*]+)\*\*\*"
+    bold = r"\*\*([^\*]+)\*\*"
+    italic = r"\*([^\*]+)\*"
+    link = r"\[([^\[]+)\]\(([^\(]+)\)"
+    # Obtiene los bloques a partir de una cadena de caracteres
+    blocks = map(lambda x: x.strip(), re.split(r"\n\s*\n", txt))
+    blocks = list(filter(None, blocks))
+    # Analiza cada bloque
+    for i, block in enumerate(blocks):
+        # Si es encabezado
+        if re.match(header, block):
+            groups = re.match(header, block).groups()
+            tag = "h" + str(len(groups[0]))
+            block = f"<{tag}>{groups[1]}</{tag}>"
+        # Si es cita
+        elif re.match(quote, block):
+            groups = re.match(quote, block).groups()
+            block = f"<blockquote><p>{groups[0]}</p></blockquote>"
+        # Si es lista no ordenada
+        elif re.match(ulist, block):
+            items = re.sub(r"^" + ulist, "", block)
+            items = re.split(r"\n\s*" + ulist, items)
+            items = "".join(map(lambda x: f"<li><p>{x}</p></li>", items))
+            block = f"<ul>{items}</ul>"
+        # Si es lista ordenada
+        elif re.match(olist, block):
+            items = re.sub(r"^" + olist, "", block)
+            items = re.split(r"\n\s*" + olist, items)
+            items = "".join(map(lambda x: f"<li><p>{x}</p></li>", items))
+            block = f"<ol>{items}</ol>"
+        # De lo contrario, se trata como párrafo
+        else:
+            block = f"<p>{block}</p>"
+        # Limpia y aplica los estilos en línea (negritas, itálicas y enlaces)
+        block = " ".join(block.split())
+        block = re.sub(bolditalic, r"<b><i>\1</i></b>", block)
+        block = re.sub(bold, r"<b>\1</b>", block)
+        block = re.sub(italic, r"<i>\1</i>", block)
+        block = re.sub(link, r'<a target="_blank" href="\2">\1</a>', block)
+        blocks[i] = block
+    # Une los bloques y hace limpiezas
+    html = "\n".join(blocks)
+    html = re.sub(r"</blockquote>\n<blockquote>", "", html)
+    return html
+
+
 root = Path(__file__).parent.parent
-about = re.sub(r'\s+', ' ', """
+about = " ".join(
+    """
     Hola, soy perro tuerto. Mi formación académica es en Filosofía, mi
-    profesión es la edición de publicaciones (libros, fanzines, revistas, etc.)
+    profesión es en la edición de publicaciones (libros, fanzines, revistas…)
     y mi programación se enfoca en el desarrollo de metodologías libres para la
     publicación. Soy fan de las humanidades, la paleoantropología y las
     ciencias de la computación, así como soy voluntario en organizaciones sobre
-    edición, <i>software</i> y cultura libres, como Miau, Cuates o Wikipedia.
-    Doy soporte técnico a la Academia Mexicana de la Lengua y puedo ayudarte
-    en tus proyectos. <b>En este espacio comparto enlaces que me parecen
-    chéveres.</b>
-""").strip()
+    edición, *software* y cultura libres, como [Miau](https://t.me/miau2018),
+    [Cuates](https://cuates.net/) o [Wikipedia](https://wikimedia.mx/). Doy
+    soporte técnico a la
+    [Academia Mexicana de la Lengua](https://academia.org.mx/) y puedo ayudarte
+    en tus proyectos. **En este espacio comparto enlaces que me parecen
+    chéveres.**
+""".split()
+)
 contact = {
     "site": "https://perrotuerto.blog",
     "gitlab": "https://gitlab.com/perrotuerto",
@@ -26,7 +87,7 @@ contact = {
 }
 json_file = Path(sys.argv[1])
 links = json.loads(json_file.read_text())
-data = {"acerca": about, "contacto": contact, "links": links["results"]}
+data = {"acerca": about, "contacto": contact, "linkding": links["results"]}
 index = root / "public" / "index.html"
 template = (root / "src" / "template.html").read_text()
 body = ""
@@ -34,55 +95,46 @@ body = ""
 for key, val in data.items():
     if key == "contacto":
         for name, url in val.items():
-            template = re.sub(f'#{name.upper()}#', url, template)
+            template = re.sub(f"#{name.upper()}#", url, template)
         continue
     body += f'\n<section id="{key}">'
-    body += f'\n<h1>{key.capitalize()}</h1>'
+    body += f"\n<h1>{key.capitalize()}</h1>"
     if isinstance(val, str):
-        body += f'\n{val}'
+        body += f"\n{parse_md(val)}"
     else:
         body += '<ul class="list">'
         for link in val:
             date1 = "%Y-%m-%dT%H:%M:%S.%fZ"
             date2 = "%d/%m/%Y"
             url = link["url"]
+            archive = f"https://web.archive.org/web/*/{url}"
             created = link["date_added"]
             updated = link["date_modified"]
             created = datetime.strptime(created, date1).strftime(date2)
             updated = datetime.strptime(updated, date1).strftime(date2)
             tags = filter(lambda x: x != "blog", link["tag_names"])
-            tags = map(lambda x: f'<span class="tag">#{x}</span>', tags)
-            tags = map(lambda x: f'<a>{x}</a>', tags)
+            tags = map(lambda x: f'<a>#{x}</a>', tags)
             body += f'\n<li class="link" id="{link["id"]}">'
-            body += f'\n<h1><a target="_blank" class="anchor" href="#{link["id"]}">⚓</a>'
-            body += f'<a class="name" href="{url}">{link["title"]}</a></h1>'
-            body += f'\n<p class="description">{link["description"]}</p>'
-            body += f'\n<p class="tags">{" ".join(tags)}</p>'
+            body += f'\n<h1><a class="anchor" href="#{link["id"]}">⚓</a>'
+            body += f'<a class="name" target="_blank" href="{url}">'
+            body += f'{link["title"]}</a></h1>'
             body += '\n<p class="dates">'
             body += f'<span class="created">{created}</span>'
             body += f'<span class="updated">{updated}</span></p>'
+            body += f'\n<p class="description">{link["description"]}</p>'
+            body += f'\n<p class="tags">{" ".join(tags)}</p>'
+            body += '\n<p class="social">'
+            body += (
+                f'<a target="_blank" href="{archive}">Ver archivado</a></p>'
+            )
             if "notes" in link.keys():
-                blocks = map(lambda x: x.strip(), link["notes"].split("\n"))
-                blocks = list(filter(None, blocks))
-                for i, block in enumerate(blocks):
-                    block = re.sub(r'\*\*\*(.+)\*\*\*', r'<b><i>\1</i></b>', block)
-                    block = re.sub(r'\*\*(.+)\*\*', r'<b>\1</b>', block)
-                    block = re.sub(r'\*(.+)\*', r'<i>\1</i>', block)
-                    block = re.sub(r'\[(.+)\]\((.+)\)', r'<a target="_blank" href="\2">\1</a>', block)
-                    header = r'(#+)\s*(.+)'
-                    if re.match(header, block):
-                        groups = re.match(header, block).groups()
-                        tag = "h" + str(len(groups[0]))
-                        blocks[i] = f"<{tag}>{groups[1]}</{tag}>"
-                    else:
-                        blocks[i] = f"<p>{block}</p>"
                 body += '\n<details class="info">'
-                body += '\n<summary>Leer más</summary>'
-                body += "\n".join(blocks)
-                body += '\n</details>'
-            body += '\n</li>'
+                body += "\n<summary>Leer más</summary>"
+                body += parse_md(link["notes"])
+                body += "\n</details>"
+            body += "\n</li>"
         body += "</ul>"
-    body += '\n</section>'
+    body += "\n</section>"
 
-index.write_text(re.sub('#LINKS#', body, template))
+index.write_text(re.sub("#LINKS#", body, template))
 json_file.write_text(json.dumps(data))
diff --git a/scripts/update.sh b/scripts/update.sh
index 4d40d25..a389c56 100644
--- a/scripts/update.sh
+++ b/scripts/update.sh
@@ -19,9 +19,9 @@ curl --request GET \
 python3 ./scripts/make.py $JSON
 
 # Hace commit al repo si hubo cambios
-#if [ -n "$(git status --porcelain)" ]; then
-#    git add .
-#    git commit -m "Actualización"
-#    git push origin
-#    git push cuates
-#fi
+if [ -n "$(git status --porcelain)" ]; then
+    git add .
+    git commit -m "Actualización"
+    git push origin
+    git push cuates
+fi
diff --git a/src/css/styles.css b/src/css/styles.css
index dcfa164..1b9a97e 100644
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -181,11 +181,6 @@ li.link a.anchor {
   padding-right: .5rem;
 }
 
-li.link summary {
-  color: #e5582d;
-  margin-left: -1rem;
-}
-
 li.link p.description,
 li.link p.tags,
 li.link p.dates {
@@ -195,6 +190,7 @@ li.link p.dates {
 li.link p.description:before,
 li.link p.tags:before,
 li.link p.dates:before,
+li.link p.social:before,
 li.link summary:before {
   padding-right: .5rem;
 }
@@ -211,6 +207,14 @@ li.link p.dates:before {
   content: "📅";
 }
 
+li.link p.social:before {
+  content: "🪁";
+}
+
+li.link summary:before {
+  content: "👁️";
+}
+
 li.link span.created:before {
   content: "Creado: ";
 }
@@ -220,6 +224,21 @@ li.link span.updated:before {
   padding-left: 1rem;
 }
 
+li.link p.social a:not(:first-of-type) {
+  padding-left: 1rem;
+}
+
+li.link summary {
+  list-style-type: none;
+  margin-left: -1rem;
+}
+
+li.link p.social a,
+li.link summary {
+  cursor: pointer;
+  color: blue;
+}
+
 li.link div.info {
   margin-top: 1rem;
 }
diff --git a/src/template.html b/src/template.html
index 903056f..da86e34 100644
--- a/src/template.html
+++ b/src/template.html
@@ -29,20 +29,28 @@
     #LINKS#
     <footer>
       <p><b>perro tuerto</b></p>
-      <p>Del Pacífico para el mundo: edición, <i>software</i> y culturas libres.</p>
+      <p>Del Pacífico para el mundo: edición, <i>software</i> y cultura libres.</p>
       <p><span class="icon">🤖&nbsp;<a target="_blank" href="https://perrotuerto.blog/perro.json">JSON</a></p>
     </footer>
     <script>
-      var nav = document.querySelector("nav > ul"),
-          li = document.createElement("li"),
-          input = document.createElement("input"),
-          options = { valueNames: [ 'name', 'description', 'tag' ] };
+      const nav = document.querySelector("nav > ul"),
+            li = document.createElement("li"),
+            input = document.createElement("input"),
+            options = { valueNames: [ "name", "description", "tags" ] };
       input.id = "search-bar";
       input.placeholder = "Filtrar";
-      input.classList.add("fuzzy-search");
+      input.classList.add("search");
       li.appendChild(input);
       nav.appendChild(li);
-      new List('content', options);
+      listjs = new List('content', options);
+      document.querySelectorAll("p.tags a").forEach(tag => {
+        tag.href = "javascript:void(0)";
+        tag.addEventListener("click", () => {
+          const txt = tag.innerText.substring(1).replaceAll("-", " ");
+          input.value = txt;
+          listjs.search(txt);
+        });
+      });
     </script>
   </body>
 </html>