compost-jekyll-theme 0.4.2 → 0.4.4

data/_data/layouts/theme.yml

@@ -22,16 +22,16 @@ font_family_sans_serif:
   values:
     en:
       "": "Default"
-      Roboto: "Roboto"
-      Open Sans: "Open Sans"
-      Work Sans: "Work Sans"
-      Source Serif 4: "Source Serif 4"
+      'Roboto, sans-serif': "Roboto"
+      '"Open Sans", sans-serif': "Open Sans"
+      '"Work Sans", sans-serif': "Work Sans"
+      '"Source Serif 4", serif': "Source Serif 4"
     es:
       "": "Default"
-      Roboto: "Roboto"
-      Open Sans: "Open Sans"
-      Work Sans: "Work Sans"
-      Source Serif 4: "Source Serif 4"
+      'Roboto, sans-serif': "Roboto"
+      '"Open Sans", sans-serif': "Open Sans"
+      '"Work Sans", sans-serif': "Work Sans"
+      '"Source Serif 4", serif': "Source Serif 4"
 font_family_monospace:
   type: "predefined_value"
   label:
@@ -46,12 +46,12 @@ font_family_monospace:
   values:
     en:
       "": "Default"
-      Roboto Mono: "Roboto Mono"
-      Liberation Mono: "Liberation Mono"
+      '"Roboto Mono", monospace': "Roboto Mono"
+      '"Liberation Mono", monospace': "Liberation Mono"
     es:
       "": "Default"
-      Roboto Mono: "Roboto Mono"
-      Liberation Mono: "Liberation Mono"
+      '"Roboto Mono", monospace': "Roboto Mono"
+      '"Liberation Mono", monospace': "Liberation Mono"
 headings_font_family:
   type: "predefined_value"
   label:
@@ -66,16 +66,40 @@ headings_font_family:
   values:
     en:
       "": "Default"
-      Roboto: "Roboto"
-      Open Sans: "Open Sans"
-      Work Sans: "Work Sans"
-      Source Serif 4: "Source Serif 4"
+      'Roboto, sans-serif': "Roboto"
+      '"Open Sans", sans-serif': "Open Sans"
+      '"Work Sans", sans-serif': "Work Sans"
+      '"Source Serif 4", serif': "Source Serif 4"
     es:
       "": "Default"
-      Roboto: "Roboto"
-      Open Sans: "Open Sans"
-      Work Sans: "Work Sans"
-      Source Serif 4: "Source Serif 4"
+      'Roboto, sans-serif': "Roboto"
+      '"Open Sans", sans-serif': "Open Sans"
+      '"Work Sans", sans-serif': "Work Sans"
+      '"Source Serif 4", serif': "Source Serif 4"
+font_family_content:
+  type: "predefined_value"
+  label:
+    en: "Select a typography for posts' content"
+    es: "Selecciona una tipografía para el contenido de un artículo"
+  help:
+    en: ""
+    es: ""
+  default:
+    en: ""
+    es: ""
+  values:
+    en:
+      "": "Default"
+      'Roboto, sans-serif': "Roboto"
+      '"Open Sans", sans-serif': "Open Sans"
+      '"Work Sans", sans-serif': "Work Sans"
+      '"Source Serif 4", serif': "Source Serif 4"
+    es:
+      "": "Default"
+      'Roboto, sans-serif': "Roboto"
+      '"Open Sans", sans-serif': "Open Sans"
+      '"Work Sans", sans-serif': "Work Sans"
+      '"Source Serif 4", serif': "Source Serif 4"
 font_family_primary:
   type: "predefined_value"
   label:
@@ -90,16 +114,16 @@ font_family_primary:
   values:
     en:
       "": "Default"
-      Roboto: "Roboto"
-      Open Sans: "Open Sans"
-      Work Sans: "Work Sans"
-      Source Serif 4: "Source Serif 4"
+      'Roboto, sans-serif': "Roboto"
+      '"Open Sans", sans-serif': "Open Sans"
+      '"Work Sans", sans-serif': "Work Sans"
+      '"Source Serif 4", serif': "Source Serif 4"
     es:
       "": "Default"
-      Roboto: "Roboto"
-      Open Sans: "Open Sans"
-      Work Sans: "Work Sans"
-      Source Serif 4: "Source Serif 4"
+      'Roboto, sans-serif': "Roboto"
+      '"Open Sans", sans-serif': "Open Sans"
+      '"Work Sans", sans-serif': "Work Sans"
+      '"Source Serif 4", serif': "Source Serif 4"
 font_family_secondary:
   type: "predefined_value"
   label:
@@ -114,16 +138,16 @@ font_family_secondary:
   values:
     en:
       "": "Default"
-      Roboto: "Roboto"
-      Open Sans: "Open Sans"
-      Work Sans: "Work Sans"
-      Source Serif 4: "Source Serif 4"
+      'Roboto, sans-serif': "Roboto"
+      '"Open Sans", sans-serif': "Open Sans"
+      '"Work Sans", sans-serif': "Work Sans"
+      '"Source Serif 4", serif': "Source Serif 4"
     es:
       "": "Default"
-      Roboto: "Roboto"
-      Open Sans: "Open Sans"
-      Work Sans: "Work Sans"
-      Source Serif 4: "Source Serif 4"
+      'Roboto, sans-serif': "Roboto"
+      '"Open Sans", sans-serif': "Open Sans"
+      '"Work Sans", sans-serif': "Work Sans"
+      '"Source Serif 4", serif': "Source Serif 4"
 enable_rounded:
   type: "boolean"
   label:
@@ -343,9 +367,9 @@ support_image:
       es: "Imagen del botón de donaciones"
       en: "Donations button image"
   description:
-      label:
-        es: "Descripción de la imagen"
-        en: "Image description"
+    label:
+      es: "Descripción de la imagen"
+      en: "Image description"
 locales:
   type: "locales"
   label:
@@ -360,8 +384,8 @@ draft:
     es: "Borrador"
     en: "Draft"
   help:
-    es: "Al activar \"Borrador\" este contenido se mantendrá disponible en el panel, pero no se publica en el sitio como los demás contenidos al tocar \"Publicar todos los cambios\""
-    en: "By activating \"Draft\", this content will remain available on the dashboard, but will not be published on the site when you tap \"Publish all changes\" (other content which does not have this option selected will)."
+    es: 'Al activar "Borrador" este contenido se mantendrá disponible en el panel, pero no se publica en el sitio como los demás contenidos al tocar "Publicar todos los cambios"'
+    en: 'By activating "Draft", this content will remain available on the dashboard, but will not be published on the site when you tap "Publish all changes" (other content which does not have this option selected will).'
 order:
   type: "order"
   label:

data/_data/placeholder.yml

@@ -6,6 +6,6 @@ images:
   - url: "public/logo-hypha.png"
     alt: "Hypha logo"
   - url: "public/logo-distributedpress_200x35.png"
-    alt: "Distributed Press logo"    
+    alt: "Distributed Press logo"
 videos:
-  - url: "public/placeholder_video.mp4"
+  - url: "public/placeholder_video.mp4"

data/_data/schema.yml

@@ -1,18 +1,18 @@
 ---
 organization:
   theme:
-  - "about"
-  - "menu"
+    - "about"
+    - "menu"
   front_cover: []
   post:
-  - "author"
+    - "author"
   back_cover: []
   support:
-  - "button_copy"
-  - "button"
-  - "goal"
-  - "supporter"
+    - "button_copy"
+    - "button"
+    - "goal"
+    - "supporter"
   footer:
-  - "privacy_policy"
-  - "code_of_conduct"
-  - "license"
+    - "privacy_policy"
+    - "code_of_conduct"
+    - "license"

data/_data/theme.yml

@@ -41,9 +41,9 @@ letter_spacings:
   7: "0.13125rem"
   8: "0.170625rem"
 pixel_densities:
-- "1"
-- "1.5"
-- "2"
+  - "1"
+  - "1.5"
+  - "2"
 grid_breakpoints:
   xs: "0"
   sm: "576px"
@@ -51,12 +51,12 @@ grid_breakpoints:
   lg: "992px"
   xl: "1200px"
 embed_responsive_aspect_ratios:
-- "(21 9)"
-- "(16 9)"
-- "(4 3)"
-- "(1 1)"
-- "(700 350)"
-- "(2 1)"
+  - "(21 9)"
+  - "(16 9)"
+  - "(4 3)"
+  - "(1 1)"
+  - "(700 350)"
+  - "(2 1)"
 display3_size: "3.9375rem"
 display4_size: "1.875rem"
 enable_responsive_font_sizes: true
@@ -83,16 +83,16 @@ sizes:
   780px: "780px"
   1200px: "78rem"
 directions:
-- "top"
-- "left"
-- "right"
-- "bottom"
+  - "top"
+  - "left"
+  - "right"
+  - "bottom"
 svg_attributes:
-- "fill"
-- "stroke"
+  - "fill"
+  - "stroke"
 cursors:
-- "pointer"
-- "none"
+  - "pointer"
+  - "none"
 border_width: "1px"
 border_widths:
   1: "1px"
@@ -129,12 +129,12 @@ background_sizes:
   auto: "auto"
   contain: "contain"
 background_positions_x:
-- "center"
-- "top"
+  - "center"
+  - "top"
 background_positions_y:
-- "bottom"
-- "left"
-- "right"
+  - "bottom"
+  - "left"
+  - "right"
 code_color: "black"
 code_font_size: "1rem"
 code_radius: "8px"
@@ -150,41 +150,41 @@ box_shadow: "0px 2px 4px rgba(0, 0, 0, 0.2)"
 footnotes_container_width: 780
 footnotes_sidenote_width: 220
 footnotes_footnote_class:
-- "background-white"
-- "position-fixed"
-- "w-100"
-- "px-3"
-- "border-top"
-- "border-black"
+  - "background-white"
+  - "position-fixed"
+  - "w-100"
+  - "px-3"
+  - "border-top"
+  - "border-black"
 footnotes_footnote_toggled_class:
-- "py-3"
+  - "py-3"
 footnotes_sidenote_class:
-- "position-absolute"
-- "w-220px"
-- "f-11"
-- "ml-40"
-- "footnote"
+  - "position-absolute"
+  - "w-220px"
+  - "f-11"
+  - "ml-40"
+  - "footnote"
 footnotes_padding_left: 16
 chrome_icon_sizes:
-- 36
-- 48
-- 72
-- 96
-- 144
-- 192
-- 256
-- 384
+  - 36
+  - 48
+  - 72
+  - 96
+  - 144
+  - 192
+  - 256
+  - 384
 apple_touch_sizes:
-- 57
-- 60
-- 72
-- 76
-- 120
-- 144
-- 152
-- 180
+  - 57
+  - 60
+  - 72
+  - 76
+  - 120
+  - 144
+  - 152
+  - 180
 msapplication_sizes:
-- 70
-- 144
-- 150
-- 310
+  - 70
+  - 144
+  - 150
+  - 310

data/_includes/author_block.html

@@ -1,9 +1,8 @@
 {%- comment -%}
+  Author block
 
-Author block
-
-@param :title [String] Alias
-@param :link [array] link's
+  @param :title [String] Alias
+  @param :link [array] link's
 {%- endcomment -%}
 
 {% assign links = include.links %}
@@ -12,16 +11,16 @@ Author block
   <div class="">
     <div class="py-3">
       <a href="{{include.title.url}}" class="hover-black">
-      {% include headings/h3.html text=include.title.alias class="black font-family-secondary font-weight-bold" %}
+        {% include headings/h3.html text=include.title.alias class="black font-family-secondary font-weight-bold" %}
       </a>
     </div>
 
     {% unless links == empty %}
       <div class="code text-left p-3 mt-2 mb-2 rounded">
         {% for link in links %}
-        <li class="list-unstyled">
-          <a class="black hover-white" href="{{- link -}}" target="_blank" rel="noopener">{{ link }}</a>
-        </li>
+          <li class="list-unstyled">
+            <a class="black hover-white" href="{{- link -}}" target="_blank" rel="noopener">{{ link }}</a>
+          </li>
         {% endfor %}
       </div>
     {% endunless %}

data/_includes/biography.html

@@ -1,10 +1,9 @@
 {%- comment -%}
+  La biografía de le autore que aparece al final de los artículos.
 
-La biografía de le autore que aparece al final de los artículos.
-
-@param :text [html] El contenido con formato
+  @param :text [html] El contenido con formato
 {%- endcomment -%}
 
 <div class="f-14 f-md-19 font-family-primary content font-weight-light font-italic pb-3">
-	{{- include.text -}}
+  {{- include.text -}}
 </div>

data/_includes/bootstrap/custom_select.html

@@ -1,12 +1,11 @@
 {% comment %}
-
-@param class [String] Extra classes
-@param extra [String] Extra attributes
-@param options [Array<Hash>] Options
-  @param selected [Boolean] Default option
+  @param class [String] Extra classes
   @param extra [String] Extra attributes
-  @param value [String] Value
-  @param title [String] Title
+  @param options [Array<Hash>] Options
+    @param selected [Boolean] Default option
+    @param extra [String] Extra attributes
+    @param value [String] Value
+    @param title [String] Title
 {% endcomment %}
 
 <select class="custom-select {{ include.class }}" {{ include.extra }}>

data/_includes/btn_header.html

@@ -1,15 +1,14 @@
 {%- comment -%}
+  Imagen de la cabecera
 
-Imagen de la cabecera
-
-@param :src [String]
-@param :href [String] El link
-@param :width [Integer] Ancho de la imagen
-@param :height [Integer] Alto de la imagen
-@param :alt [String] El alt de la imagen
-@param :component_class [String] Clases para el componente
+  @param :src [String]
+  @param :href [String] El link
+  @param :width [Integer] Ancho de la imagen
+  @param :height [Integer] Alto de la imagen
+  @param :alt [String] El alt de la imagen
+  @param :component_class [String] Clases para el componente
 {%- endcomment -%}
 
 <div>
-	{% include image_with_link.html src=include.src alt=include.alt href=include.href width=include.width height=include.height component_class=include.component_class img_class=include.img_class %}
+  {% include image_with_link.html src=include.src alt=include.alt href=include.href width=include.width height=include.height component_class=include.component_class img_class=include.img_class %}
 </div>

data/_includes/buttons/with_copy.html

@@ -1,11 +1,9 @@
 {%- comment -%}
+  Un botón con contenido copiable, por ejemplo para Support Us.  Si el
+  link es externo, agregar el parámetro de seguridad noopener.
 
-Un botón con contenido copiable, por ejemplo para Support Us.  Si el
-link es externo, agregar el parámetro de seguridad noopener.
-
-@param :copy [String] El texto copiable
-@param :text [String] El contenido
-
+  @param :copy [String] El texto copiable
+  @param :text [String] El contenido
 {%- endcomment -%}
 
 <button
@@ -13,7 +11,8 @@ link es externo, agregar el parámetro de seguridad noopener.
   data-button-copy-text-value="{{ include.copy | escape_once }}"
   data-button-copy-confirmation-value="{{ site.i18n.button_copy.confirmation | replace: "%s", include.copy | escape_once }}"
   data-action="button-copy#copy"
-  class="btn btn-primary w-100 d-flex align-items-end justify-content-center text-uppercase f-md-17">
+  class="btn btn-primary w-100 d-flex align-items-end justify-content-center text-uppercase f-md-17"
+>
   <span data-button-copy-target="text">{{- include.text -}}</span>
   <span data-button-copy-target="icon" class="pl-2">
     {%- include svg/copy-icon.svg -%}

data/_includes/buttons/with_link.html

@@ -1,17 +1,16 @@
 {%- comment -%}
+  Un botón con link, por ejemplo para Support Us.  Si el link es externo,
+  agregar el parámetro de seguridad noopener.
 
-Un botón con link, por ejemplo para Support Us.  Si el link es externo,
-agregar el parámetro de seguridad noopener.
-
-@param :href [String] El link
-@param :text [String] El contenido
-
+  @param :href [String] El link
+  @param :text [String] El contenido
 {%- endcomment -%}
 
 <a
   href="{{ include.href | default: "#" }}"
-  {{ include.href | start_with: "https://" | value_if: 'rel="noopener" target="_blank"' }}
-  {{ include.href | start_with: "http://" | value_if: 'rel="noopener" target="_blank"' }}
-  class="btn btn-primary w-100 d-flex align-items-center justify-content-center text-uppercase f-md-17">
+  {{ include.href | start_with: 'https://' | value_if: 'rel="noopener" target="_blank"' }}
+  {{ include.href | start_with: 'http://' | value_if: 'rel="noopener" target="_blank"' }}
+  class="btn btn-primary w-100 d-flex align-items-center justify-content-center text-uppercase f-md-17"
+>
   <span>{{- include.text -}}</span>
 </a>

data/_includes/card_horizontal.html

@@ -1,12 +1,11 @@
 {%- comment -%}
+  Card horizontal
 
-Card horizontal
-
-@param :src [String] Imágen de la Card
-@param :alt [String] Texto alternativo de la imágen
-@param :title [String] Título de la Card
-@param :subtitle [string] Subtítulo
-@param :content [string] Contenido
+  @param :src [String] Imágen de la Card
+  @param :alt [String] Texto alternativo de la imágen
+  @param :title [String] Título de la Card
+  @param :subtitle [string] Subtítulo
+  @param :content [string] Contenido
 {%- endcomment -%}
 <div class="row justify-content-center container-lg mx-auto">
   {% if include.src %}

data/_includes/cover_post/generic.html

@@ -1,34 +1,35 @@
 {%- comment -%}
+  La ficha de post en el índice de artículos.
 
-La ficha de post en el índice de artículos.
-
-@param :href [String] El link
-@param :title [String] El título
-@param :authors [String] Les autorxs
-@param :description [String] La descripción
-@param :src [String] La imagen
-@param :alt [String] La descripción de la imagen
-@param :title_class [String] Las clases del título
-@param :author_class [String] Las clases de autorx
-@param :description_class [String] Las clases de descripción
+  @param :href [String] El link
+  @param :title [String] El título
+  @param :authors [String] Les autorxs
+  @param :description [String] La descripción
+  @param :src [String] La imagen
+  @param :alt [String] La descripción de la imagen
+  @param :title_class [String] Las clases del título
+  @param :author_class [String] Las clases de autorx
+  @param :description_class [String] Las clases de descripción
 {%- endcomment -%}
 <div
-	class="position-relative px-2">
-	<a
-		class="stretched-link black hover-black text-decoration-none"
-		href="{{ include.href | uri_escape }}"
-		{{ include.href | start_with: "https://" | value_if: 'rel="noopener" target="_blank"' }}
-		{{ include.href | start_with: "http://" | value_if: 'rel="noopener" target="_blank"' }}>
-		<span class="sr-only">{{ include.alt }}</span>
-	</a>
+  class="position-relative px-2"
+>
+  <a
+    class="stretched-link black hover-black text-decoration-none"
+    href="{{ include.href | uri_escape }}"
+    {{ include.href | start_with: 'https://' | value_if: 'rel="noopener" target="_blank"' }}
+    {{ include.href | start_with: 'http://' | value_if: 'rel="noopener" target="_blank"' }}
+  >
+    <span class="sr-only">{{ include.alt }}</span>
+  </a>
 
-	{% include embed_responsive.html src=include.src width=700 x="700" y="350" alt=include.alt embed_class="shadow" img_class="w-100 h-100 object-fit-cover" %}
+  {% include embed_responsive.html src=include.src width=700 x="700" y="350" alt=include.alt embed_class="shadow" img_class="w-100 h-100 object-fit-cover" %}
 
-	{% include headings/h1.html text=include.title class=include.title_class %}
+  {% include headings/h1.html text=include.title class=include.title_class %}
 
-	<p class="{{ include.author_class }}">
-		{{ include.authors | map: "title" | array_to_sentence_string: site.i18n.and }}
-	</p>
+  <p class="{{ include.author_class }}">
+    {{ include.authors | map: 'title' | array_to_sentence_string: site.i18n.and }}
+  </p>
 
-	<p class="{{ include.description_class }}">{{- include.description -}}</p>
+  <p class="{{ include.description_class }}">{{- include.description -}}</p>
 </div>

data/_includes/cover_post/home.html

@@ -1,16 +1,16 @@
 {%- comment -%}
+  La ficha de post en el índice de artículos del home.
 
-La ficha de post en el índice de artículos del home.
-
-@param :href [String] El link
-@param :title [String] El título
-@param :authors [String] Les autorxs
-@param :src [String] La imagen
-@param :alt [String] La descripción de la imagen
-@param :description [String] La descripción del post
+  @param :href [String] El link
+  @param :title [String] El título
+  @param :authors [String] Les autorxs
+  @param :src [String] La imagen
+  @param :alt [String] La descripción de la imagen
+  @param :description [String] La descripción del post
 {%- endcomment -%}
 
-{% include cover_post/generic.html
+{%
+  include cover_post/generic.html
   authors=include.authors
   title=include.title
   description=include.description

data/_includes/cover_post/menu.html

@@ -1,19 +1,20 @@
 {%- comment -%}
+  La ficha de post en el índice de artículos del menú.
 
-La ficha de post en el índice de artículos del menú.
-
-@param :href [String] El link
-@param :title [String] El título
-@param :authors [String] Les autorxs
-@param :src [String] La imagen
-@param :alt [String] La descripción de la imagen
+  @param :href [String] El link
+  @param :title [String] El título
+  @param :authors [String] Les autorxs
+  @param :src [String] La imagen
+  @param :alt [String] La descripción de la imagen
 {%- endcomment -%}
 
-{% include cover_post/generic.html
-	authors=include.authors
-	title=include.title
-	src=include.src
-	alt=include.alt
-	href=include.href
-	title_class="font-weight-bold text-uppercase m-0 pt-3 pb-2 letter-spacing-7 lead"
-	author_class="text-uppercase letter-spacing-4 font-sm" %}
+{%
+  include cover_post/generic.html
+  authors=include.authors
+  title=include.title
+  src=include.src
+  alt=include.alt
+  href=include.href
+  title_class="font-weight-bold text-uppercase m-0 pt-3 pb-2 letter-spacing-7 lead"
+  author_class="text-uppercase letter-spacing-4 font-sm"
+%}

data/_includes/date.html

@@ -6,7 +6,8 @@
 {% endcomment %}
 
 <time
-	datetime="{{ include.date | date_to_xmlschema }}"
-	{{ include.extra }}>
-	{{- include.date | date_local: include.format -}}
+  datetime="{{ include.date | date_to_xmlschema }}"
+  {{ include.extra }}
+>
+  {{- include.date | date_local: include.format -}}
 </time>