aboutsummaryrefslogtreecommitdiffstats
path: root/content/articles
diff options
context:
space:
mode:
Diffstat (limited to 'content/articles')
-rw-r--r--content/articles/citizenfour.md13
-rw-r--r--content/articles/como-generar-freakspot.md13
-rw-r--r--content/articles/course-html5/codificacion.md15
-rw-r--r--content/articles/course-html5/etiqueta-a.md15
-rw-r--r--content/articles/course-html5/etiqueta-article.md15
-rw-r--r--content/articles/course-html5/etiqueta-aside.md15
-rw-r--r--content/articles/course-html5/etiqueta-nav-ul-ol-li.md13
-rw-r--r--content/articles/course-html5/etiqueta-section.md15
-rw-r--r--content/articles/course-html5/etiquetas-p-y-span.md15
-rw-r--r--content/articles/course-html5/etiquetas-strong-y-em.md15
-rw-r--r--content/articles/course-html5/header.md15
-rw-r--r--content/articles/course-html5/hgroup.md15
-rw-r--r--content/articles/course-html5/intro.md15
-rw-r--r--content/articles/course-html5/nuevas-etiquetas.md15
-rw-r--r--content/articles/course-html5/sintaxis-html5.md15
-rw-r--r--content/articles/course-html5/titulos.md15
-rw-r--r--content/articles/happy-birthday-to-gnu.md7
-rw-r--r--content/articles/locutus-de-gnu.md15
-rw-r--r--content/articles/prompt-avanzado.md13
-rw-r--r--content/articles/rms-en-dominio-digital.md13
-rw-r--r--content/articles/sin-parar.md13
21 files changed, 179 insertions, 116 deletions
diff --git a/content/articles/citizenfour.md b/content/articles/citizenfour.md
index 9b983c3..bb955d7 100644
--- a/content/articles/citizenfour.md
+++ b/content/articles/citizenfour.md
@@ -9,11 +9,14 @@ Tags: snowden, citizenfour, libertad
Time: 1:48:40
Title: Citizenfour
-<video id="player-ply" playsinline controls poster='{static}/wp-content/uploads/article/images/2018/09/video-poster-snowden.jpg'>
- <source src="https://archive.org/download/libreweb/citizenfour-spanish.webm" type="video/webm"/>
-</video>
-
-# Citizenfour
+<figure>
+ <video id="player-ply" playsinline controls poster='{static}/wp-content/uploads/article/images/2018/09/video-poster-snowden.jpg'>
+ <source src="https://archive.org/download/libreweb/citizenfour-spanish.webm" type="video/webm"/>
+ </video>
+ <figcaption>
+ <h1>Citizenfour</h1>
+ </figcaption>
+</figure>
En enero de 2013, **Laura Poitras** comenzó a recibir correos electrónicos
cifrados firmados por un tal **"Citizenfour"**
diff --git a/content/articles/como-generar-freakspot.md b/content/articles/como-generar-freakspot.md
index 9cc8bce..bf4ab1b 100644
--- a/content/articles/como-generar-freakspot.md
+++ b/content/articles/como-generar-freakspot.md
@@ -10,11 +10,14 @@ Tags: educación, GNU/Linux, Pelican, Python, software libre, tutorial, video
Time: 16:58
Title: ¿Cómo generar Freak Spot?
-<video id="player-ply" playsinline controls>
- <source src="https://archive.org/download/libreweb/freakspot.webm" type="video/webm">
-</video>
-
-# ¿Cómo generar Freak Spot?
+<figure>
+ <video id="player-ply" playsinline controls>
+ <source src="https://archive.org/download/libreweb/freakspot.webm" type="video/webm">
+ </video>
+ <figcaption>
+ <h1>¿Cómo generar Freak Spot?</h1>
+ </figcaption>
+</figure>
Alguno que otro usuario se ha preguntado alguna vez
cómo generar el sitio web [freakspot][site]{:target="_blank" rel="noopener noreferrer"},
diff --git a/content/articles/course-html5/codificacion.md b/content/articles/course-html5/codificacion.md
index c0d340f..0d13350 100644
--- a/content/articles/course-html5/codificacion.md
+++ b/content/articles/course-html5/codificacion.md
@@ -9,12 +9,15 @@ Tags: html
Time: 16:28
Title: Codificación HTML5
-<video id="player-ply" playsinline controls>
- <source src="https://archive.org/download/coursehtml5/0004-Codificacion.webm" type="video/webm">
- <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/03/0004-codificacion-es.vtt" srclang="es" default>
-</video>
-
-# Codificación HTML5 4/32
+<figure>
+ <video id="player-ply" playsinline controls>
+ <source src="https://archive.org/download/coursehtml5/0004-Codificacion.webm" type="video/webm">
+ <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/03/0004-codificacion-es.vtt" srclang="es" default>
+ </video>
+ <figcaption>
+ <h1>Codificación HTML5 4/32</h1>
+ </figcaption>
+</figure>
La etiqueta `<span>` se utiliza para agrupar elementos en línea en un documento.
diff --git a/content/articles/course-html5/etiqueta-a.md b/content/articles/course-html5/etiqueta-a.md
index fb7003a..0499bee 100644
--- a/content/articles/course-html5/etiqueta-a.md
+++ b/content/articles/course-html5/etiqueta-a.md
@@ -8,12 +8,15 @@ Tags: html5,video
Time: 03:23
Title: Etiqueta a
-<video id="player-ply" playsinline controls>
- <source src="https://archive.org/download/coursehtml5/0009-Etiqueta-a.webm" type="video/webm">
- <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/04/0009-etiqueta-a-es.vtt" srclang="es" default>
-</video>
-
-# Etiqueta a 9/32
+<figure>
+ <video id="player-ply" playsinline controls>
+ <source src="https://archive.org/download/coursehtml5/0009-Etiqueta-a.webm" type="video/webm">
+ <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/04/0009-etiqueta-a-es.vtt" srclang="es" default>
+ </video>
+ <figcaption>
+ <h1>Etiqueta a 9/32</h1>
+ </figcaption>
+</figure>
Si el elemento `a` tiene un atributo href, entonces representa un hipervínculo (un ancla de hipertexto).
diff --git a/content/articles/course-html5/etiqueta-article.md b/content/articles/course-html5/etiqueta-article.md
index e9a2e12..08696a7 100644
--- a/content/articles/course-html5/etiqueta-article.md
+++ b/content/articles/course-html5/etiqueta-article.md
@@ -8,12 +8,15 @@ Tags: html
Time: 3:43
Title: Etiqueta article
-<video id="player-ply" playsinline controls>
- <source src="https://archive.org/download/coursehtml5/0013-article.webm" type="video/webm">
- <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/04/0013-article-es.vtt" srclang="es" default>
-</video>
-
-# Etiqueta article 13/32
+<figure>
+ <video id="player-ply" playsinline controls>
+ <source src="https://archive.org/download/coursehtml5/0013-article.webm" type="video/webm">
+ <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/04/0013-article-es.vtt" srclang="es" default>
+ </video>
+ <figcaption>
+ <h1>Etiqueta article 13/32</h1>
+ </figcaption>
+</figure>
Representa una sección de una página que consta de una composición que
forma parte independiente de un documento, página o sitio.
diff --git a/content/articles/course-html5/etiqueta-aside.md b/content/articles/course-html5/etiqueta-aside.md
index 3207dc9..fa87ea1 100644
--- a/content/articles/course-html5/etiqueta-aside.md
+++ b/content/articles/course-html5/etiqueta-aside.md
@@ -8,12 +8,15 @@ Tags: html5
Time: 5:55
Title: Etiqueta aside
-<video id="player-ply" playsinline controls>
- <source src="https://archive.org/download/coursehtml5/0014-aside.webm" type="video/webm">
- <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/04/0014-aside-es.vtt" srclang="es" default>
-</video>
-
-# Etiqueta aside 14/32
+<figure>
+ <video id="player-ply" playsinline controls>
+ <source src="https://archive.org/download/coursehtml5/0014-aside.webm" type="video/webm">
+ <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/04/0014-aside-es.vtt" srclang="es" default>
+ </video>
+ <figcaption>
+ <h1>Etiqueta aside 14/32</h1>
+ </figcaption>
+</figure>
Representa una sección de una página que consiste en una información que está relacionado tangencialmente
con la información de alrededor del elemento aparte, y que podría considerarse separado de la información principal.
diff --git a/content/articles/course-html5/etiqueta-nav-ul-ol-li.md b/content/articles/course-html5/etiqueta-nav-ul-ol-li.md
index a0e538b..cae83c1 100644
--- a/content/articles/course-html5/etiqueta-nav-ul-ol-li.md
+++ b/content/articles/course-html5/etiqueta-nav-ul-ol-li.md
@@ -8,12 +8,15 @@ Tags: html
Time: 08:20
Title: Etiqueta nav ul ol li
-<video id="player-ply" playsinline controls>
- <source src="https://archive.org/download/coursehtml5/0008-nav-ul-ol-li.webm" type="video/webm">
+<figure>
+ <video id="player-ply" playsinline controls>
+ <source src="https://archive.org/download/coursehtml5/0008-nav-ul-ol-li.webm" type="video/webm">
<track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/03/0008-nav-ul-ol-li-es.vtt" srclang="es" default>
-</video>
-
-# Etiqueta nav ul ol li 8/32
+ </video>
+ <figcaption>
+ <h1>Etiqueta nav ul ol li 8/32</h1>
+ </figcaption>
+</figure>
- El elemento de navegación «nav» es una sección que contiene enlaces a otros documentos o partes del documento actual.
- El elemento ul representa una lista de elementos, donde el orden de los elementos no es importante.
diff --git a/content/articles/course-html5/etiqueta-section.md b/content/articles/course-html5/etiqueta-section.md
index 4f359bd..4c67f1f 100644
--- a/content/articles/course-html5/etiqueta-section.md
+++ b/content/articles/course-html5/etiqueta-section.md
@@ -8,12 +8,15 @@ Tags: html
Time: 2:42
Title: Etiqueta section
-<video id="player-ply" playsinline controls>
- <source src="https://archive.org/download/coursehtml5/0012-section.webm" type="video/webm">
- <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/04/0012-section-es.vtt" srclang="es" default>
-</video>
-
-# Etiqueta section 12/32
+<figure>
+ <video id="player-ply" playsinline controls>
+ <source src="https://archive.org/download/coursehtml5/0012-section.webm" type="video/webm">
+ <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/04/0012-section-es.vtt" srclang="es" default>
+ </video>
+ <figcaption>
+ <h1>Etiqueta section 12/32</h1>
+ </figcaption>
+</figure>
Representa un documento genérico o sección de aplicación. En este contexto, una sección es una agrupación
temática de la información, normalmente con un encabezado, posiblemente con un pie de página.
diff --git a/content/articles/course-html5/etiquetas-p-y-span.md b/content/articles/course-html5/etiquetas-p-y-span.md
index aa09e88..f3f38d0 100644
--- a/content/articles/course-html5/etiquetas-p-y-span.md
+++ b/content/articles/course-html5/etiquetas-p-y-span.md
@@ -8,12 +8,15 @@ Tags: html
Time: 03:14
Title: etiquetas p y span
-<video id="player-ply" playsinline controls>
- <source src="https://archive.org/download/coursehtml5/0010-Etiquetas-p-span.webm" type="video/webm">
- <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/04/0010-etiquetas-p-span-es.vtt" srclang="es" default>
-</video>
-
-# Etiquetas p y span 10/32
+<figure>
+ <video id="player-ply" playsinline controls>
+ <source src="https://archive.org/download/coursehtml5/0010-Etiquetas-p-span.webm" type="video/webm">
+ <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/04/0010-etiquetas-p-span-es.vtt" srclang="es" default>
+ </video>
+ <figcaption>
+ <h1>Etiquetas p y span 10/32</h1>
+ </figcaption>
+</figure>
El elemento `p` representa un párrafo y el elemento `span` no significa nada por sí solo,
pero puede ser útil cuando se usa junto con los atributos globales,
diff --git a/content/articles/course-html5/etiquetas-strong-y-em.md b/content/articles/course-html5/etiquetas-strong-y-em.md
index c32b40b..494515a 100644
--- a/content/articles/course-html5/etiquetas-strong-y-em.md
+++ b/content/articles/course-html5/etiquetas-strong-y-em.md
@@ -8,12 +8,15 @@ Tags: hml
Time: 02:16
Title: Etiquetas strong y em
-<video id="player-ply" playsinline controls>
- <source src="https://archive.org/download/coursehtml5/0011-Etiquetas-strong-em.webm" type="video/webm">
- <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/04/0011-etiquetas-strong-em-es.vtt" srclang="es" default>
-</video>
-
-# Etiquetas strong y em 11/32
+<figure>
+ <video id="player-ply" playsinline controls>
+ <source src="https://archive.org/download/coursehtml5/0011-Etiquetas-strong-em.webm" type="video/webm">
+ <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/04/0011-etiquetas-strong-em-es.vtt" srclang="es" default>
+ </video>
+ <figcaption>
+ <h1>Etiquetas strong y em 11/32</h1>
+ </figcaption>
+</figure>
La etiqueta `strong` brinda una gran importancia a un parráfo, una palabra o una frase y
`em` representa el énfasis del estrés de sus contenidos.
diff --git a/content/articles/course-html5/header.md b/content/articles/course-html5/header.md
index 9b04a76..8b37391 100644
--- a/content/articles/course-html5/header.md
+++ b/content/articles/course-html5/header.md
@@ -9,12 +9,15 @@ Tags: html
Time: 05:37
Title: Header
-<video id="player-ply" playsinline controls>
-<source src="https://archive.org/download/coursehtml5/0005-header.webm" type="video/webm">
- <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/03/0005-header-es.vtt" srclang="es" default>
-</video>
-
-# Header HTML5 5/32
+<figure>
+ <video id="player-ply" playsinline controls>
+ <source src="https://archive.org/download/coursehtml5/0005-header.webm" type="video/webm">
+ <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/03/0005-header-es.vtt" srclang="es" default>
+ </video>
+ <figcaption>
+ <h1>Header HTML5 5/32</h1>
+ </figcaption>
+</figure>
Header representa el "encabezado" de un documento o sección de un documento.
diff --git a/content/articles/course-html5/hgroup.md b/content/articles/course-html5/hgroup.md
index 4cdcfb6..6c2aa20 100644
--- a/content/articles/course-html5/hgroup.md
+++ b/content/articles/course-html5/hgroup.md
@@ -8,12 +8,15 @@ Tags: html
Time: 03:19
Title: hgroup
-<video id="player-ply" playsinline controls>
- <source src="https://archive.org/download/coursehtml5/0007-hgroup.webm" type="video/webm">
- <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/03/0007-hgroup-es.vtt" srclang="es" default>
-</video>
-
-# Hgroup HTML5 7/32
+<figure>
+ <video id="player-ply" playsinline controls>
+ <source src="https://archive.org/download/coursehtml5/0007-hgroup.webm" type="video/webm">
+ <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/03/0007-hgroup-es.vtt" srclang="es" default>
+ </video>
+ <figcaption>
+ <h1>Hgroup HTML5 7/32</h1>
+ </figcaption>
+</figure>
Hgroup fue una etiqueta que apareció en HTML5, su función es agrupar las
etiquetas de títulos las `h`. Pero desde las versión 5.1 de HTML ya no se
diff --git a/content/articles/course-html5/intro.md b/content/articles/course-html5/intro.md
index bc92d98..ece21c4 100644
--- a/content/articles/course-html5/intro.md
+++ b/content/articles/course-html5/intro.md
@@ -9,12 +9,15 @@ Tags: html
Time: 09:16
Title: Introducción a HTML5
-<video id="player-ply" playsinline controls poster=''>
- <source src="https://archive.org/download/coursehtml5/0001-Introduccion.webm" type="video/webm"/>
- <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/03/introduccion-es.vtt" srclang="es" default>
-</video>
-
-# Introducción a HTML5 1/32
+<figure>
+ <video id="player-ply" playsinline controls poster=''>
+ <source src="https://archive.org/download/coursehtml5/0001-Introduccion.webm" type="video/webm"/>
+ <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/03/introduccion-es.vtt" srclang="es" default>
+ </video>
+ <figcaption>
+ <h1>Introducción a HTML5 1/32</h1>
+ </figcaption>
+</figure>
HTML tiene una nueva versión desde hace unos años, hablamos de la versión 5 del mismo.
Trayendo consigo nuevas etiquetas, las llamadas etiquetas semánticas.
diff --git a/content/articles/course-html5/nuevas-etiquetas.md b/content/articles/course-html5/nuevas-etiquetas.md
index b892ce9..7f0f842 100644
--- a/content/articles/course-html5/nuevas-etiquetas.md
+++ b/content/articles/course-html5/nuevas-etiquetas.md
@@ -8,12 +8,15 @@ Tags: html
Time: 2:36
Title: Nuevas etiquetas de HTML5
-<video id="player-ply" playsinline controls>
- <source src="https://archive.org/download/coursehtml5/0002-nuevas-etiquetas.webm" type="video/webm"/>
- <track kind="captions" src="{static}/wp-content/uploads/article/subtitles/2019/03/0002-nuevas-etiquetas-es.vtt" srclang="es" label="Español" default>
-</video>
-
-# Nuevas etiquetas de HTML5 2/32
+<figure>
+ <video id="player-ply" playsinline controls>
+ <source src="https://archive.org/download/coursehtml5/0002-nuevas-etiquetas.webm" type="video/webm"/>
+ <track kind="captions" src="{static}/wp-content/uploads/article/subtitles/2019/03/0002-nuevas-etiquetas-es.vtt" srclang="es" label="Español" default>
+ </video>
+ <figcaption>
+ <h1>Nuevas etiquetas de HTML5 2/32</h1>
+ </figcaption>
+</figure>
Las nuevas etiquetas de HTML5 ahora son semánticas, es decir que dan
sentido a la información escrita en una página web.
diff --git a/content/articles/course-html5/sintaxis-html5.md b/content/articles/course-html5/sintaxis-html5.md
index 80bccc8..2365a47 100644
--- a/content/articles/course-html5/sintaxis-html5.md
+++ b/content/articles/course-html5/sintaxis-html5.md
@@ -9,12 +9,15 @@ Tags: html
Time: 09:57
Title: Sintaxis HTML5
-<video id="player-ply" playsinline controls>
- <source src="https://archive.org/download/coursehtml5/0003-Sintaxis-HTML5.webm" type="video/webm">
- <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/03/0003-sintaxis-html5-es.vtt" srclang="es" default>
-</video>
-
-# Sintaxis HTML5 3/32
+<figure>
+ <video id="player-ply" playsinline controls>
+ <source src="https://archive.org/download/coursehtml5/0003-Sintaxis-HTML5.webm" type="video/webm">
+ <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/03/0003-sintaxis-html5-es.vtt" srclang="es" default>
+ </video>
+ <figcaption>
+ <h1>Sintaxis HTML5 3/32</h1>
+ </figcaption>
+</figure>
En HTML5 se maneja una sintaxis simple sin tantos dolores de cabeza.
También coloco un enlace al [validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C.
diff --git a/content/articles/course-html5/titulos.md b/content/articles/course-html5/titulos.md
index e1dbf65..4aca5dd 100644
--- a/content/articles/course-html5/titulos.md
+++ b/content/articles/course-html5/titulos.md
@@ -8,12 +8,15 @@ Tags: html
Time: 07:55
Title: Títulos en HTML5
-<video id="player-ply" playsinline controls>
- <source src="https://archive.org/download/coursehtml5/0006-h1-h2-h3-h4-h5-h6.webm" type="video/webm">
- <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/03/0006-titulos-es.vtt" srclang="es" default>
-</video>
-
-# Títulos en HTML5 6/32
+<figure>
+ <video id="player-ply" playsinline controls>
+ <source src="https://archive.org/download/coursehtml5/0006-h1-h2-h3-h4-h5-h6.webm" type="video/webm">
+ <track kind="captions" label="Español" src="{static}/wp-content/uploads/article/subtitles/2019/03/0006-titulos-es.vtt" srclang="es" default>
+ </video>
+ <figcaption>
+ <h1>Títulos en HTML5 6/32</h1>
+ </figcaption>
+</figure>
En el vídeo se explica de la importancia de las etiquetas
de título o también llamadas encabezados por su nombre en inglés
diff --git a/content/articles/happy-birthday-to-gnu.md b/content/articles/happy-birthday-to-gnu.md
index 03bd9cd..0df43a8 100644
--- a/content/articles/happy-birthday-to-gnu.md
+++ b/content/articles/happy-birthday-to-gnu.md
@@ -7,6 +7,7 @@ Tags: GNU
Time: 5:51
Title: Happy Birthday To GNU
+<figure>
<video id="player-ply" playsinline controls poster="{static}/wp-content/uploads/article/images/2008/09/poster-happy-gnu.png">
<source src="https://archive.org/download/libreweb/sf-large.webm" type="video/webm">
<track kind="captions" label="Arabic" src="{static}/wp-content/uploads/article/subtitles/2008/09/happy-birthday-to-gnu-arabic.vtt" srclang="ar">
@@ -46,8 +47,10 @@ Title: Happy Birthday To GNU
<track kind="captions" label="Turkish" src="{static}/wp-content/uploads/article/subtitles/2008/09/happy-birthday-to-gnu.tr.vtt" srclang="tr">
<track kind="captions" label="Chinese (Simplified)" src="{static}/wp-content/uploads/article/subtitles/2008/09/happy-birthday-to-gnu-zh_CN.vtt" srclang="zh-Hans">
</video>
-
-# Happy Birthday To GNU
+<figcaption>
+ <h1>Happy Birthday To GNU</h1>
+</figcaption>
+</figure>
Sr. Stephen Fry introduces you to free software, and reminds you of a very special birthday.
In this film, Stephen Fry, the actor, humorist and author introduces the viewer to free software and GNU.
diff --git a/content/articles/locutus-de-gnu.md b/content/articles/locutus-de-gnu.md
index ff2d464..1b78e14 100644
--- a/content/articles/locutus-de-gnu.md
+++ b/content/articles/locutus-de-gnu.md
@@ -11,12 +11,15 @@ Tags: GNU/Linux, gracioso, humor, software libre, software privativo, Star Trek,
Time: 02:48
Title: Locutus de GNU
-<video id="player-ply" playsinline controls
- poster="{static}/wp-content/uploads/article/images/2017/02/video-poster-locutus.png">
- <source src="https://archive.org/download/libreweb/locutus.webm" type="video/webm">
-</video>
-
-# Locutus de GNU
+<figure>
+ <video id="player-ply" playsinline controls
+ poster="{static}/wp-content/uploads/article/images/2017/02/video-poster-locutus.png">
+ <source src="https://archive.org/download/libreweb/locutus.webm" type="video/webm">
+ </video>
+ <figcaption>
+ <h1>Locutus de GNU</h1>
+ </figcaption>
+</figure>
Encontré [esta parodia][locutus]{:target="_blank" rel="noopener noreferrer"}
muy graciosa. Para entenderla al menos debéis saber qué son el software
diff --git a/content/articles/prompt-avanzado.md b/content/articles/prompt-avanzado.md
index 3835de0..fb7c972 100644
--- a/content/articles/prompt-avanzado.md
+++ b/content/articles/prompt-avanzado.md
@@ -9,11 +9,14 @@ Tags: bash, hyperbash, shell
Time: 08:39
Title: Prompt avanzado
-<video id="player-ply" playsinline controls>
- <source src="https://archive.org/download/libreweb/0001-15599.webm" type="video/webm">
-</video>
-
-# Prompt avanzado
+<figure>
+ <video id="player-ply" playsinline controls>
+ <source src="https://archive.org/download/libreweb/0001-15599.webm" type="video/webm">
+ </video>
+ <figcaption>
+ <h1>Prompt avanzado</h1>
+ </figcaption>
+</figure>
Mayormente necesitamos del [intérprete de comandos][bash]{:target="_blank" rel="noopener noreferrer"}
para realizar una que otra tarea, quizás resulte tedioso armar
diff --git a/content/articles/rms-en-dominio-digital.md b/content/articles/rms-en-dominio-digital.md
index 33fa181..3c52118 100644
--- a/content/articles/rms-en-dominio-digital.md
+++ b/content/articles/rms-en-dominio-digital.md
@@ -8,11 +8,14 @@ Tags: GNU/Linux
Time: 56:07
Title: RMS en Dominio digital
-<video id="player-ply" playsinline controls poster='{static}/wp-content/uploads/article/images/2018/06/video-poster-rms.jpg'>
- <source src="https://archive.org/download/libreweb/StallmanenDominioDigital.webm" type="video/webm"/>
-</video>
-
-# RMS en Dominio digital
+<figure>
+ <video id="player-ply" playsinline controls poster='{static}/wp-content/uploads/article/images/2018/06/video-poster-rms.jpg'>
+ <source src="https://archive.org/download/libreweb/StallmanenDominioDigital.webm" type="video/webm"/>
+ </video>
+ <figcaption>
+ <h1>RMS en Dominio digital</h1>
+ </figcaption>
+</figure>
El pasado 30 de mayo, [Richard M. Stallman][rms]{:target="_blank" rel="noopener noreferrer"}
se presentó en Argentina en el programa radial Dominio Digital.
diff --git a/content/articles/sin-parar.md b/content/articles/sin-parar.md
index 2f25b46..74583ce 100644
--- a/content/articles/sin-parar.md
+++ b/content/articles/sin-parar.md
@@ -10,11 +10,14 @@ Tags: capitalismo, ciencia, cortometraje, cultura libre, educación, sistema, vi
Time: 07:28
Title: Sin parar
-<video id="player-ply" playsinline controls poster="{static}/wp-content/uploads/article/images/2017/07/video-poster-sin-parar.png">
- <source src="https://archive.org/download/libreweb/sin-parar.webm" type="video/webm">
-</video>
-
-# Sin parar
+<figure>
+ <video id="player-ply" playsinline controls poster="{static}/wp-content/uploads/article/images/2017/07/video-poster-sin-parar.png">
+ <source src="https://archive.org/download/libreweb/sin-parar.webm" type="video/webm">
+ </video>
+ <figcaption>
+ <h1>Sin Parar</h1>
+ </figcaption>
+</figure>
«Desde que hace siglos apareciera el mayor invento creado por el hombre,
generación tras generación hay alguien encargado de revisarlo