first commit

14 files changed, 389 insertions, 0 deletions

diff --git a/content/articles/citizenfour.md b/content/articles/citizenfour.md
new file mode 100644
index 0000000..c18930f
--- /dev/null
+++ b/content/articles/citizenfour.md
@@ -0,0 +1,31 @@
+Author: Jesús E.
+Category: Cine
+Date: 2018-09-25 11:05
+Lang: es
+Slug: citizenfour
+Image: 2018/09/documental-snowden.jpg
+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>
+
+<details markdown="span">
+<summary>Citizenfour</summary>
+En enero de 2013, **Laura Poitras** comenzó a recibir correos electrónicos
+cifrados firmados por un tal  **"Citizenfour"**, que le aseguraba tener
+pruebas de los programas de vigilancia ilegales dirigidos por la NSA
+en colaboración con otras agencias de inteligencia en todo el mundo.
+Cinco meses más tarde, junto con los periodistas **Glenn Greenwald** y
+**Ewen MacAskill** voló a **Hong Kong** para el primero de muchos encuentros
+con un hombre anónimo que resultó ser **Edward Snowden**.
+Para sus encuentros, viajó siempre con una cámara.
+La película resultante es la historia que se desarrolla ante nuestros
+ojos en este documental.
+</details>
+
+<p class="has-text-right">
+  <small><strong>VideoTime: </strong>1h 48min 40sec</small>
+</p>
diff --git a/content/articles/como-generar-freakspot.md b/content/articles/como-generar-freakspot.md
new file mode 100644
index 0000000..69c4de4
--- /dev/null
+++ b/content/articles/como-generar-freakspot.md
@@ -0,0 +1,58 @@
+Author: Jesús E.
+Category: Desarrollo web
+Date: 2018-02-15 08:08
+Image: 2017/12/como-generar-freakspot.jpg
+Lang: es
+Slug: como-generar-freakspot
+Status: published
+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>
+
+<details markdown="span">
+<summary>¿Cómo generar Freak Spot?</summary>
+
+Alguno que otro usuario se ha preguntado alguna vez
+cómo generar el sitio web [freakspot][site], la verdad es que es bastante sencillo
+una vez explicado. Es por ello que en el siguiente vídeo se detallan
+los pasos a seguir.
+
+<div class="mt-2">
+<ol>
+<li>Clonación del repositorio e ingreso al directorio de trabajo
+~~~~{.bash}
+git clone https://notabug.org/Freak-Spot/Freak-Spot
+cd Freak-Spot
+~~~~
+</li>
+
+<li>Generar el entorno virtual y activarlo
+~~~~{.bash}
+virtualenv env
+source env/bin/activate
+~~~~
+</li>
+
+<li>Instalación de dependencias pip y npm
+~~~~{.bash}
+sudo npm install uglifycss uglify-js -g
+pip install -U pelican beautifulsoup4 markdown babel
+~~~~
+</li>
+
+<li>Generar el sitio web
+~~~~{.bash}
+$ (cd freak-theme && make compile)
+$ make html
+~~~~
+</li>
+</ol>
+</div>
+
+</details>
+
+[site]: https://freakspot.net/
diff --git a/content/articles/course-html5/codificacion.md b/content/articles/course-html5/codificacion.md
new file mode 100644
index 0000000..4c54cf0
--- /dev/null
+++ b/content/articles/course-html5/codificacion.md
@@ -0,0 +1,23 @@
+Author: Jesús E.
+Category: courses
+Date: 2019-03-25 12:11
+Image: 2019/03/codificacion-html5.jpg
+Lang: es
+Slug: html5-codificacion
+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>
+
+<details markdown="span">
+<summary>Codificación HTML5 4/32</summary>
+Código de ayuda:
+~~~~{.html}
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+~~~~
+</details>
diff --git a/content/articles/course-html5/etiqueta-nav-ul-ol-li.md b/content/articles/course-html5/etiqueta-nav-ul-ol-li.md
new file mode 100644
index 0000000..9b4840c
--- /dev/null
+++ b/content/articles/course-html5/etiqueta-nav-ul-ol-li.md
@@ -0,0 +1,23 @@
+Author: Jesús E.
+Category: courses
+Date: 2019-03-25 18:44
+Image: 2019/03/nav-ul-ol-li.jpg
+Slug: etiqueta-nav-ul-ol-li
+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">
+    <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>
+
+<details markdown="span">
+<summary>Etiqueta nav ul ol li 8/32</summary>
+<ul class="ml-3">
+<li><a href="https://www.w3schools.com/tags/tag_nav.asp">Etiqueta nav</a></li>
+<li><a href="https://www.w3schools.com/tags/tag_ul.asp">Etiqueta ul</a></li>
+<li><a href="https://www.w3schools.com/tags/tag_ol.asp">Etiqueta ol</a></li>
+<li><a href="https://www.w3schools.com/tags/tag_li.asp">Etiqueta li</a></li>
+</ul>
+</details>
diff --git a/content/articles/course-html5/header.md b/content/articles/course-html5/header.md
new file mode 100644
index 0000000..206421c
--- /dev/null
+++ b/content/articles/course-html5/header.md
@@ -0,0 +1,23 @@
+Author: Jesús E.
+Category: courses
+Date: 2019-03-25 12:12
+Image: 2019/03/header-html5.jpg
+Lang: es
+Slug: html5-header
+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>
+
+<details markdown="span">
+<summary>Header HTML5 5/32</summary>
+
+Más información sobre la etiqueta [header][header] en w3schools.
+
+</details>
+
+[header]: https://www.w3schools.com/tags/tag_header.asp
diff --git a/content/articles/course-html5/hgroup.md b/content/articles/course-html5/hgroup.md
new file mode 100644
index 0000000..550e110
--- /dev/null
+++ b/content/articles/course-html5/hgroup.md
@@ -0,0 +1,20 @@
+Author: Jesús E.
+Category: courses
+Date: 2019-03-25 18:16
+Image: 2019/03/hgroup-html5.jpg
+Slug: html5-hgroup
+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>
+
+<details markdown="span">
+<summary>Hgroup HTML5 7/32</summary>
+<p class="mb-0">Etiqueta hgroup en desuso.</p>
+<p class="mb-0">Este elemento fue removido de la especificacion HTML5 (W3C), por favor no usar más.</p>
+<p class="mb-0">Referencia: [https://developer.mozilla.org/es/docs/Web/HTML/Elemento/hgroup](https://developer.mozilla.org/es/docs/Web/HTML/Elemento/hgroup)</p>
+</details>
diff --git a/content/articles/course-html5/intro.md b/content/articles/course-html5/intro.md
new file mode 100644
index 0000000..b3cc4cd
--- /dev/null
+++ b/content/articles/course-html5/intro.md
@@ -0,0 +1,25 @@
+Author: Jesús E.
+Category: courses
+Date: 2019-03-25 11:06
+Image: 2019/03/intro-html5.jpg
+Lang: es
+Slug: html5-intro
+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>
+
+<details markdown="span">
+<summary>Introducción a HTML5 1/32</summary>
+<ul class="ml-3">
+<li>[Respositorio oficial][html] de HTML</li>
+<li>[w3schools][w3c]</li>
+</ul>
+</details>
+
+[html]: https://github.com/whatwg/html
+[w3c]: https://www.w3schools.com/html/default.asp
diff --git a/content/articles/course-html5/nuevas-etiquetas.md b/content/articles/course-html5/nuevas-etiquetas.md
new file mode 100644
index 0000000..0bef928
--- /dev/null
+++ b/content/articles/course-html5/nuevas-etiquetas.md
@@ -0,0 +1,17 @@
+Author: Jesús E.
+Category: courses
+Date: 2019-03-25 11:07
+Image: 2019/03/nuevas-etiquetas.jpg
+Slug: html5-etiquetas
+Tags: html
+Title: Nuevas etiquetas de HTML5
+
+<video id="player-ply" playsinline controls>
+  <source src="" type="video/webm"/>
+  <track kind="captions" src="" srclang="es" label="Español" default="default">
+</video>
+
+<details markdown="span">
+<summary>Nuevas etiquetas de HTML5 2/32</summary>
+Aún no publicado.
+</details>
diff --git a/content/articles/course-html5/sintaxis-html5.md b/content/articles/course-html5/sintaxis-html5.md
new file mode 100644
index 0000000..0332b1d
--- /dev/null
+++ b/content/articles/course-html5/sintaxis-html5.md
@@ -0,0 +1,29 @@
+Author: Jesús E.
+Category: courses
+Date: 2019-03-25 11:09
+Image: 2019/03/sintaxis-html5.jpg
+Lang: es
+Slug: html5-sintaxis
+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>
+
+<details markdown="span">
+<summary>Sintaxis HTML5 3/32</summary>
+~~~~{.html}
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>Mi primera web en HTML5</title>
+    </head>
+    <body>
+    </body>
+</html>
+~~~~
+</details>
diff --git a/content/articles/course-html5/titulos.md b/content/articles/course-html5/titulos.md
new file mode 100644
index 0000000..08a4be6
--- /dev/null
+++ b/content/articles/course-html5/titulos.md
@@ -0,0 +1,22 @@
+Author: Jesús E.
+Category: courses
+Date: 2019-03-25 17:59
+Image: 2019/03/titulos-html5.jpg
+Slug: html5-titulos
+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>
+
+<details markdown="span">
+<summary>Títulos en HTML5 6/32</summary>
+
+Más información sobre las etiquetas [«h» en w3schools][titles].
+
+</details>
+
+[titles]: https://www.w3schools.com/hTml/html_headings.asp
diff --git a/content/articles/locutus-de-gnu.md b/content/articles/locutus-de-gnu.md
new file mode 100644
index 0000000..190e66f
--- /dev/null
+++ b/content/articles/locutus-de-gnu.md
@@ -0,0 +1,23 @@
+Author: Jorge Maldonado Ventura
+Category: Cine
+Date: 2017-02-01 00:03
+Image: 2017/02/locutus-gnu.jpg
+Lang: es
+Modified: 2019-02-10 12:23
+Slug: locutus-de-gnu
+Status: published
+Tags: GNU/Linux, gracioso, humor, software libre, software privativo, Star Trek, video
+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>
+
+<details markdown="span">
+<summary>Locutus de GNU</summary>
+Encontré [esta parodia](https://goblinrefuge.com/mediagoblin/u/locutus/m/locutus-de-gnu/)
+muy graciosa. Para entenderla al menos debéis saber qué son el software
+libre y el software privativo. Espero que os guste.
+</details>
diff --git a/content/articles/prompt-avanzado.md b/content/articles/prompt-avanzado.md
new file mode 100644
index 0000000..6212883
--- /dev/null
+++ b/content/articles/prompt-avanzado.md
@@ -0,0 +1,36 @@
+Author: Jesús E.
+Category: GNU/Linux
+Date: 2017-12-05 11:34
+Modified: 2019-02-06 11:34
+Image: 2017/12/prompt-avanzado.jpg
+Slug: prompt-avanzado
+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>
+
+<details markdown="span">
+<summary>Prompt avanzado</summary>
+Muchas veces necesitamos del [intérprete de comandos][bash]
+para realizar una que otra tarea, quizás resulte tedioso armar
+nuestra propia configuración de `.bashrc`.
+Pero como en la [World Wide Web][www] existe mucha información
+útil, se ha logrado escribir una configuración prudente del ya
+mencionado `.bashrc` para distros basadas en Arch como
+[Hyperbola][hypersite] o [Parabola][parasite], en efecto estas
+2 últimas son distros 100 % Libres.
+
+¿Y dónde consigo una copia?, sencillo puedes descargarlo desde
+[notabug][notabug] bajo la Licencia [GPLv3][license].
+
+</details>
+
+[bash]: https://es.wikipedia.org/wiki/Bash
+[www]: https://es.wikipedia.org/wiki/World_Wide_Web
+[hypersite]: https://www.hyperbola.info/
+[parasite]: https://www.parabola.nu/
+[notabug]: https://notabug.org/heckyel/hyperbash
+[license]: https://www.gnu.org/licenses/gpl-3.0.html
diff --git a/content/articles/rms-en-dominio-digital.md b/content/articles/rms-en-dominio-digital.md
new file mode 100644
index 0000000..ab6f762
--- /dev/null
+++ b/content/articles/rms-en-dominio-digital.md
@@ -0,0 +1,29 @@
+Author: Jesús E.
+Category: Opinión
+Date: 2018-06-09 10:07
+Image: 2018/06/rms-dominio-digital.jpg
+Slug: rms-en-dominio-digital
+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>
+
+<details markdown="span">
+<summary>RMS en Dominio digital</summary>
+El pasado 30 de mayo, [Richard M. Stallman][rms] se presentó en Argentina
+en el programa radial Dominio Digital. Dado que hay bastantes
+puntos importantes que se tomaron en cuenta durante el programa
+aquí os dejamos una copia de la Entrevista en vídeo.
+
+**Dominio Digital** es un programa sobre informática, emitido en Televisión
+Argentina entre 1996 y 2011.En el año 2018 volvió en formato de radio.
+
+Sus integrantes son **Claudio Regis** (Conductor) y **Daniela Gastaminza**,
+**Alejandro Ponike** y **Daniel "Chacal"** Sentinelli (columnistas).
+
+</details>
+
+[rms]: https://es.wikipedia.org/wiki/Richard_Stallman
diff --git a/content/articles/sin-parar.md b/content/articles/sin-parar.md
new file mode 100644
index 0000000..3684e29
--- /dev/null
+++ b/content/articles/sin-parar.md
@@ -0,0 +1,30 @@
+Author: Jorge Maldonado Ventura
+Category: Cine
+Date: 2017-07-16 12:15
+Image: 2017/07/sin-parar.jpg
+Lang: es
+Modified: 2019-02-10 11:46:44
+Slug: sin-parar
+Tags: capitalismo, ciencia, cortometraje, cultura libre, educación, sistema, video
+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>
+
+<details markdown="span">
+<summary>Sin parar</summary>
+
+«Desde que hace siglos apareciera el mayor invento creado por el hombre,
+generación tras generación hay alguien encargado de revisarlo
+minuciosamente [...] y que pueda seguir funcionando en todo el mundo sin
+parar». Así comienza este cortometraje educativo sobre el sistema
+capitalista. ¿Seguirá funcionando siempre **sin parar**?
+
+El vídeo se encuentra bajo la licencia <a href="http://creativecommons.org/licenses/by-sa/3.0/">
+<abbr title="Attribution-ShareAlike 3.0 Unported">CC BY-SA 3.0</abbr></a> y fue
+obtenido de
+[la instancia de Mediagoblin de Roaming Initiative](http://roaming-initiative.com/mediagoblin/u/rafapoverello/m/sin-parar/).
+
+</details>