diff options
22 files changed, 142 insertions, 55 deletions
diff --git a/content/articles/citizenfour.md b/content/articles/citizenfour.md index 0a6a1c7..9b983c3 100644 --- a/content/articles/citizenfour.md +++ b/content/articles/citizenfour.md @@ -15,11 +15,13 @@ Title: Citizenfour # Citizenfour +En enero de 2013, **Laura Poitras** comenzó a recibir correos electrónicos +cifrados firmados por un tal **"Citizenfour"** + <details markdown="span"> <summary>Mostrar Más</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 +[...] 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 @@ -28,7 +30,3 @@ 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 index 71c97de..9cc8bce 100644 --- a/content/articles/como-generar-freakspot.md +++ b/content/articles/como-generar-freakspot.md @@ -16,14 +16,13 @@ Title: ¿Cómo generar Freak Spot? # ¿Cómo generar Freak Spot? -<details markdown="span"> -<summary>Mostrar Más</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. +cómo generar el sitio web [freakspot][site]{:target="_blank" rel="noopener noreferrer"}, +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. +<details markdown="span"> +<summary>Mostrar Más</summary> <div class="mt-2"> <ol> <li>Clonación del repositorio e ingreso al directorio de trabajo diff --git a/content/articles/course-html5/codificacion.md b/content/articles/course-html5/codificacion.md index c4cba0b..c0d340f 100644 --- a/content/articles/course-html5/codificacion.md +++ b/content/articles/course-html5/codificacion.md @@ -16,6 +16,8 @@ Title: Codificación HTML5 # Codificación HTML5 4/32 +La etiqueta `<span>` se utiliza para agrupar elementos en línea en un documento. + <details markdown="span"> <summary>Mostrar Más</summary> Código de ayuda: @@ -23,7 +25,9 @@ Código de ayuda: <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ~~~~ -<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"}</p> +[Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C. </details> [validator]: https://validator.w3.org/ + +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/etiqueta-a.md b/content/articles/course-html5/etiqueta-a.md index e635d05..fb7003a 100644 --- a/content/articles/course-html5/etiqueta-a.md +++ b/content/articles/course-html5/etiqueta-a.md @@ -15,11 +15,15 @@ Title: Etiqueta a # Etiqueta a 9/32 +Si el elemento `a` tiene un atributo href, entonces representa un hipervínculo (un ancla de hipertexto). + <details markdown="span"> <summary>Mostrar Más</summary> <p class="mb-0">Más sobre la etiqueta `<a>` en la [w3schools][w3school]{:target="_blank" rel="noopener noreferrer"}</p> -<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"}</p> +<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C</p> </details> [w3school]: https://www.w3schools.com/tags/tag_a.asp [validator]: https://validator.w3.org/ + +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/etiqueta-article.md b/content/articles/course-html5/etiqueta-article.md index 4db74b9..e9a2e12 100644 --- a/content/articles/course-html5/etiqueta-article.md +++ b/content/articles/course-html5/etiqueta-article.md @@ -15,11 +15,16 @@ Title: Etiqueta article # Etiqueta article 13/32 +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. + <details markdown="span"> <summary>Mostrar Más</summary> <p class="mb-0">Más sobre la etiqueta `<article>` en la [w3schools][w3-article]{:target="_blank" rel="noopener noreferrer"}</p> -<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"}</p> +<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C</p> </details> [w3-article]: https://www.w3schools.com/tags/tag_article.asp [validator]: https://validator.w3.org/ + +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/etiqueta-aside.md b/content/articles/course-html5/etiqueta-aside.md index 689972b..3207dc9 100644 --- a/content/articles/course-html5/etiqueta-aside.md +++ b/content/articles/course-html5/etiqueta-aside.md @@ -15,11 +15,16 @@ Title: Etiqueta aside # Etiqueta aside 14/32 +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. + <details markdown="span"> <summary>Mostrar Más</summary> <p class="mb-0">Más sobre la etiqueta `<aside>` en la [w3schools][w3-aside]{:target="_blank" rel="noopener noreferrer"}</p> -<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"}</p> +<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C</p> </details> [w3-aside]: https://www.w3schools.com/tags/tag_aside.asp [validator]: https://validator.w3.org/ + +*[W3C]: World Wide Web Consortium 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 0645f7b..a0e538b 100644 --- a/content/articles/course-html5/etiqueta-nav-ul-ol-li.md +++ b/content/articles/course-html5/etiqueta-nav-ul-ol-li.md @@ -15,13 +15,18 @@ Title: Etiqueta nav ul ol li # Etiqueta nav ul ol li 8/32 +- 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. +- El elemento ol representa una lista de artículos, donde los artículos han sido ordenados intencionalmente. +- El elemento li representa un elemento de lista. + <details markdown="span"> <summary>Mostrar Más</summary> <p class="mb-0">Más sobre la etiqueta `<nav>` en la [w3schools][w3-nav]{:target="_blank" rel="noopener noreferrer"}</p> <p class="mb-0">Más sobre la etiqueta `<ul>` en la [w3schools][w3-ul]{:target="_blank" rel="noopener noreferrer"}</p> <p class="mb-0">Más sobre la etiqueta `<ol>` en la [w3schools][w3-ol]{:target="_blank" rel="noopener noreferrer"}</p> <p class="mb-0">Más sobre la etiqueta `<li>` en la [w3schools][w3-li]{:target="_blank" rel="noopener noreferrer"}</p> -<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"}</p> +<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C</p> </details> [w3-nav]: https://www.w3schools.com/tags/tag_nav.asp @@ -29,3 +34,5 @@ Title: Etiqueta nav ul ol li [w3-ol]: https://www.w3schools.com/tags/tag_ol.asp [w3-li]: https://www.w3schools.com/tags/tag_li.asp [validator]: https://validator.w3.org/ + +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/etiqueta-section.md b/content/articles/course-html5/etiqueta-section.md index b059d25..4f359bd 100644 --- a/content/articles/course-html5/etiqueta-section.md +++ b/content/articles/course-html5/etiqueta-section.md @@ -15,11 +15,16 @@ Title: Etiqueta section # Etiqueta section 12/32 +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. + <details markdown="span"> <summary>Mostrar Más</summary> <p class="mb-0">Más sobre la etiqueta `<section>` en la [w3schools][w3-section]{:target="_blank" rel="noopener noreferrer"}</p> -<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"}</p> +<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C</p> </details> [w3-section]: https://www.w3schools.com/tags/tag_section.asp [validator]: https://validator.w3.org/ + +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/etiquetas-p-y-span.md b/content/articles/course-html5/etiquetas-p-y-span.md index 05b96ab..aa09e88 100644 --- a/content/articles/course-html5/etiquetas-p-y-span.md +++ b/content/articles/course-html5/etiquetas-p-y-span.md @@ -15,13 +15,19 @@ Title: etiquetas p y span # Etiquetas p y span 10/32 +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, +por ejemplo: class, lang o dir. + <details markdown="span"> <summary>Mostrar Más</summary> <p class="mb-0">Más sobre la etiqueta `<p>` en la [w3schools][w3-p]{:target="_blank" rel="noopener noreferrer"}</p> <p class="mb-0">Más sobre la etiqueta `<span>` en la [w3schools][w3-span]{:target="_blank" rel="noopener noreferrer"}</p> -<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"}</p> +<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C</p> </details> [w3-p]: https://www.w3schools.com/tags/tag_p.asp [w3-span]: https://www.w3schools.com/tags/tag_span.asp [validator]: https://validator.w3.org/ + +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/etiquetas-strong-y-em.md b/content/articles/course-html5/etiquetas-strong-y-em.md index b1ff996..c32b40b 100644 --- a/content/articles/course-html5/etiquetas-strong-y-em.md +++ b/content/articles/course-html5/etiquetas-strong-y-em.md @@ -15,13 +15,18 @@ Title: Etiquetas strong y em # Etiquetas strong y em 11/32 +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. + <details markdown="span"> <summary>Mostrar Más</summary> <p class="mb-0">Más sobre la etiqueta `<strong>` en la [w3schools][w3-strong]{:target="_blank" rel="noopener noreferrer"}</p> <p class="mb-0">Más sobre la etiqueta `<em>` en la [w3schools][w3-em]{:target="_blank" rel="noopener noreferrer"}</p> -<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"}</p> +<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C</p> </details> [w3-strong]: https://www.w3schools.com/tags/tag_strong.asp [w3-em]: https://www.w3schools.com/tags/tag_em.asp [validator]: https://validator.w3.org/ + +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/header.md b/content/articles/course-html5/header.md index d1834d5..9b04a76 100644 --- a/content/articles/course-html5/header.md +++ b/content/articles/course-html5/header.md @@ -16,11 +16,15 @@ Title: Header # Header HTML5 5/32 +Header representa el "encabezado" de un documento o sección de un documento. + <details markdown="span"> <summary>Mostrar Más</summary> <p class="mb-0">Más información sobre la etiqueta `<header>` en [w3schools][header]{:target="_blank" rel="noopener noreferrer"}.</p> -<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"}</p> +<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C</p> </details> [header]: https://www.w3schools.com/tags/tag_header.asp [validator]: https://validator.w3.org/ + +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/hgroup.md b/content/articles/course-html5/hgroup.md index 064e821..4cdcfb6 100644 --- a/content/articles/course-html5/hgroup.md +++ b/content/articles/course-html5/hgroup.md @@ -15,13 +15,23 @@ Title: hgroup # Hgroup HTML5 7/32 +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 +recomienda debido a que tener demasiadas `h` de un mismo tipo traen problemas +de SEO. + <details markdown="span"> <summary>Mostrar Más</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][mozilla-web]{:target="_blank" rel="noopener noreferrer"}</p> -<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"}</p> +<p class="mb-0">Este elemento fue removido de la especificacion HTML5 por la W3C, por favor no usar más.</p> +<p class="mb-0">Referencia en [mozilla developers][mozilla-web]{:target="_blank" rel="noopener noreferrer"}</p> +<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C</p> </details> [mozilla-web]: https://developer.mozilla.org/es/docs/Web/HTML/Elemento/hgroup [validator]: https://validator.w3.org/ + +*[HTML]: Hyper Text Markup Language +*[HTML5]: Hyper Text Markup Language version 5 +*[SEO]: Search Engine Optimization +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/intro.md b/content/articles/course-html5/intro.md index 3f316f5..bc92d98 100644 --- a/content/articles/course-html5/intro.md +++ b/content/articles/course-html5/intro.md @@ -16,12 +16,15 @@ Title: Introducción a HTML5 # Introducción a HTML5 1/32 +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. + <details markdown="span"> <summary>Mostrar Más</summary> <ul class="ml-3"> <li>[Respositorio oficial][html]{:target="_blank" rel="noopener noreferrer"} de HTML</li> <li>[w3schools][w3c]{:target="_blank" rel="noopener noreferrer"}</li> -<li>[Documentación de la W3C][w3c.org]{:target="_blank" rel="noopener noreferrer"}</li> +<li>[Documentación][w3c.org]{:target="_blank" rel="noopener noreferrer"} de la W3C</li> <li>[Validador][validator]{:target="_blank" rel="noopener noreferrer"}</li> </ul> </details> @@ -30,3 +33,6 @@ Title: Introducción a HTML5 [w3c]: https://www.w3schools.com/html/default.asp [w3c.org]: https://www.w3.org/TR/html/ [validator]: https://validator.w3.org/ + +*[HTML]: Hyper Text Markup Language +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/nuevas-etiquetas.md b/content/articles/course-html5/nuevas-etiquetas.md index 91ad5e5..b892ce9 100644 --- a/content/articles/course-html5/nuevas-etiquetas.md +++ b/content/articles/course-html5/nuevas-etiquetas.md @@ -15,11 +15,19 @@ Title: Nuevas etiquetas de HTML5 # Nuevas etiquetas de HTML5 2/32 +Las nuevas etiquetas de HTML5 ahora son semánticas, es decir que dan +sentido a la información escrita en una página web. +Podéis revisar en los enlaces de abajo o consultar en +[mozilla developers][mozilla-html5]{:target="_blank" rel="noopener noreferrer"}. + <details markdown="span"> <summary>Mostrar Más</summary> <p class="mb-0">Más información sobre HTML5 en [w3schools][w3c-html5]{:target="_blank" rel="noopener noreferrer"}.</p> -<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"}</p> +<p class="mb-0">Un [Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C</p> </details> [w3c-html5]: https://www.w3schools.com/html/html5_intro.asp +[mozilla-html5]: https://developer.mozilla.org/es/docs/HTML/HTML5/HTML5_lista_elementos [validator]: https://validator.w3.org/ +*[HTML5]: Hyper Text Markup Language version 5 +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/sintaxis-html5.md b/content/articles/course-html5/sintaxis-html5.md index 5909aca..80bccc8 100644 --- a/content/articles/course-html5/sintaxis-html5.md +++ b/content/articles/course-html5/sintaxis-html5.md @@ -16,9 +16,14 @@ Title: Sintaxis HTML5 # Sintaxis HTML5 3/32 +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. +para testear el código :). +A continuación se muestra la sintaxis básica. + <details markdown="span"> <summary>Mostrar Más</summary> -<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"}</p> +Estructura básica: ~~~~{.html} <!doctype html> <html lang="en"> @@ -33,3 +38,5 @@ Title: Sintaxis HTML5 </details> [validator]: https://validator.w3.org/ +*[HTML5]: Hyper Text Markup Language version 5 +*[W3C]: World Wide Web Consortium diff --git a/content/articles/course-html5/titulos.md b/content/articles/course-html5/titulos.md index 0149887..e1dbf65 100644 --- a/content/articles/course-html5/titulos.md +++ b/content/articles/course-html5/titulos.md @@ -15,11 +15,16 @@ Title: Títulos en HTML5 # Títulos en HTML5 6/32 +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 +**heading** + <details markdown="span"> <summary>Mostrar más</summary> <p class="mb-0">Más información sobre las etiquetas `h` en [w3schools][titles]{:target="_blank" rel="noopener noreferrer"}.</p> -<p class="mb-0">[Validador][validator]{:target="_blank" rel="noopener noreferrer"}</p> +<p class="mb-0">Un [Validador][validator]{:target="_blank" rel="noopener noreferrer"} de la W3C</p> </details> [titles]: https://www.w3schools.com/hTml/html_headings.asp [validator]: https://validator.w3.org/ +*[W3C]: World Wide Web Consortium diff --git a/content/articles/locutus-de-gnu.md b/content/articles/locutus-de-gnu.md index 8c0fa94..ff2d464 100644 --- a/content/articles/locutus-de-gnu.md +++ b/content/articles/locutus-de-gnu.md @@ -18,9 +18,8 @@ Title: Locutus de GNU # Locutus de GNU -<details markdown="span"> -<summary>Mostrar Más</summary> -Encontré [esta parodia](https://goblinrefuge.com/mediagoblin/u/locutus/m/locutus-de-gnu/) +Encontré [esta parodia][locutus]{:target="_blank" rel="noopener noreferrer"} muy graciosa. Para entenderla al menos debéis saber qué son el software libre y el software privativo. Espero que os guste. -</details> + +[locutus]: https://goblinrefuge.com/mediagoblin/u/locutus/m/locutus-de-gnu/ diff --git a/content/articles/prompt-avanzado.md b/content/articles/prompt-avanzado.md index 1da5262..3835de0 100644 --- a/content/articles/prompt-avanzado.md +++ b/content/articles/prompt-avanzado.md @@ -15,19 +15,22 @@ Title: Prompt avanzado # Prompt avanzado -<details markdown="span"> -<summary>Mostrar Más</summary> -Muchas veces necesitamos del [intérprete de comandos][bash] +Mayormente necesitamos del [intérprete de comandos][bash]{:target="_blank" rel="noopener noreferrer"} 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. + +<details markdown="span"> +<summary>Mostrar Más</summary> +Pero como en la [World Wide Web][www]{:target="_blank" rel="noopener noreferrer"} +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]{:target="_blank" rel="noopener noreferrer"} o +[Parabola][parasite]{:target="_blank" rel="noopener noreferrer"} , en efecto estas +2 últimas son [distros 100 % Libres][freedistros]{:target="_blank" rel="noopener noreferrer"}. ¿Y dónde consigo una copia?, sencillo puedes descargarlo desde -[notabug][notabug] bajo la Licencia [GPLv3][license]. +[notabug][notabug]{:target="_blank" rel="noopener noreferrer"} +bajo la Licencia [GPLv3][license]{:target="_blank" rel="noopener noreferrer"}. </details> @@ -35,5 +38,6 @@ mencionado `.bashrc` para distros basadas en Arch como [www]: https://es.wikipedia.org/wiki/World_Wide_Web [hypersite]: https://www.hyperbola.info/ [parasite]: https://www.parabola.nu/ +[freedistros]: https://www.gnu.org/distros/free-distros.es.html [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 index de39c48..33fa181 100644 --- a/content/articles/rms-en-dominio-digital.md +++ b/content/articles/rms-en-dominio-digital.md @@ -14,19 +14,19 @@ Title: RMS en Dominio digital # RMS en Dominio digital +El pasado 30 de mayo, [Richard M. Stallman][rms]{:target="_blank" rel="noopener noreferrer"} +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. + <details markdown="span"> <summary>Mostrar Más</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 index 9812c9b..2f25b46 100644 --- a/content/articles/sin-parar.md +++ b/content/articles/sin-parar.md @@ -16,16 +16,19 @@ Title: Sin parar # Sin parar -<details markdown="span"> -<summary>Mostrar Más</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/"> +<details markdown="span"> +<summary>Mostrar Más</summary> +El vídeo se encuentra bajo la licencia <a href="http://creativecommons.org/licenses/by-sa/3.0/" +target="_blank" rel="noopener noreferrer"> <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/). +[la instancia de Mediagoblin de Roaming Initiative][sinparar]{:target="_blank" rel="noopener noreferrer"} </details> + +[sinparar]: http://roaming-initiative.com/mediagoblin/u/rafapoverello/m/sin-parar/ diff --git a/libretube-theme/static/css/styles.css b/libretube-theme/static/css/styles.css index 3beef8a..e1fd735 100644 --- a/libretube-theme/static/css/styles.css +++ b/libretube-theme/static/css/styles.css @@ -1,6 +1,6 @@ /*! * Author: jesus e. - * Version: 1.2.2 + * Version: 1.2.3 */ @font-face { font-family: 'Open Sans'; @@ -19,7 +19,6 @@ body { p { line-height: 24px; - font-weight: 300; } a { @@ -443,6 +442,10 @@ input { } /* Main Content */ +article ul, article ol { + margin-left: 1rem; +} + .main-videos h2 { margin: 20px 0px 0px 0px; font-weight: 900; diff --git a/libretube-theme/templates/base.html b/libretube-theme/templates/base.html index 38e0e28..ff85bee 100644 --- a/libretube-theme/templates/base.html +++ b/libretube-theme/templates/base.html @@ -21,7 +21,7 @@ integrity="sha512-tDXPcamuZsWWd6OsKFyH6nAqh/MjZ/5Yk88T5o+aMfygqNFPan1pLyPFAndRzmOWHKT+jSDzWpJv8krj6x1LMA=="> <!-- Main Styling --> <link href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/styles.css" rel="stylesheet" - integrity="sha512-mKduf+g5XnY9yrr7FIa4RX+iprre7ZPora9ROTVIvPje3NCCitToxWlo0rmh+LhUlKTvtRWtFm70zBfqdNS/ow=="> + integrity="sha512-p4cSeIVEYOeL0Opy7qudr1NODy0tjE64Y/IxR5tQtfSYOfl9I0vpzVDNaMWj516lgST/qhEE+OKX864TJYhPeQ=="> <!-- favicon --> <link rel="icon" type="image/png" sizes="192x192" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/favicon/favicon-192x192.png"> |