compost-jekyll-theme 0.4.3 → 0.4.4

data/_includes/details.html

@@ -1,26 +1,25 @@
 {%- comment -%}
+  Details: elementos con dropdown
 
-Details: elementos con dropdown
-
-@param :component_class [String] Las clases del componente
-@param :summary_class [String] Las clases del summary
-@param :element_title [String] El título del elemento (summary)
-@param :title_class [String] Las clases del título
-@param :font_size [String] El tamaño de los íconos de abrir y cerrar
-@param :element_text [String] El texto del elemento
-@param :text_class [String] Las clases del texto
+  @param :component_class [String] Las clases del componente
+  @param :summary_class [String] Las clases del summary
+  @param :element_title [String] El título del elemento (summary)
+  @param :title_class [String] Las clases del título
+  @param :font_size [String] El tamaño de los íconos de abrir y cerrar
+  @param :element_text [String] El texto del elemento
+  @param :text_class [String] Las clases del texto
 {%- endcomment -%}
 
-{%- assign class_close = "hide-when-open " | append: include.font_size -%}
-{%- assign class_open = "show-when-open " | append: include.font_size -%}
+{%- assign class_close = 'hide-when-open ' | append: include.font_size -%}
+{%- assign class_open = 'show-when-open ' | append: include.font_size -%}
 
 <details class="{{ include.component_class }}">
-	<summary class="d-flex justify-content-between {{ include.summary_class }}">
-		<div class="{{ include.title_class }}">{{ include.element_title }}</div>
-		{%- include fa.html icon="angle-down" class=class_close description=site.i18n.details.open -%}
-		{%- include fa.html icon="angle-up" class=class_open description=site.i18n.details.close -%}
-	</summary>
+  <summary class="d-flex justify-content-between {{ include.summary_class }}">
+    <div class="{{ include.title_class }}">{{ include.element_title }}</div>
+    {%- include fa.html icon="angle-down" class=class_close description=site.i18n.details.open -%}
+    {%- include fa.html icon="angle-up" class=class_open description=site.i18n.details.close -%}
+  </summary>
 
-	<div class="{{ include.text_class }}">{{ include.element_text }}</div>
-	<hr/>
+  <div class="{{ include.text_class }}">{{ include.element_text }}</div>
+  <hr>
 </details>

data/_includes/device_detector.html

@@ -1,7 +1,8 @@
 <div
   data-controller="device-detector"
   data-action="resize@window->device-detector#resized"
-  class="position-fixed top-0 right-0 z-index-2050 pointer-event-none">
+  class="position-fixed top-0 right-0 z-index-2050 pointer-event-none"
+>
   <div class="background-pink-t3 pr-1">
     <button class="pointer-event-auto btn btn-sm" data-action="device-detector#toggleHelp">
       {{ site.i18n.device_detector.get_help }}
@@ -10,18 +11,28 @@
       {{ site.i18n.device_detector.outline }}
     </button>
     <span data-device-detector-target="clientName"></span>
-    {{- -}}&nbsp;{{- -}}
+    {{-  -}}
+    &nbsp;
+    {{-  -}}
     <span data-device-detector-target="clientVersion"></span>
-    {{- -}}&nbsp;{{- -}}
+    {{-  -}}
+    &nbsp;
+    {{-  -}}
     (<span data-device-detector-target="deviceType"></span>)
-    {{- -}}&nbsp;{{- -}}
+    {{-  -}}
+    &nbsp;
+    {{-  -}}
     <span data-device-detector-target="osName"></span>
-    {{- -}}&nbsp;{{- -}}
+    {{-  -}}
+    &nbsp;
+    {{-  -}}
     <span data-device-detector-target="osVersion"></span>
-    {{- -}}&nbsp;{{- -}}
+    {{-  -}}
+    &nbsp;
+    {{-  -}}
     <span data-device-detector-target="viewportWidth"></span>
-    x <span data-device-detector-target="viewportHeight"></span>
-    x <span data-device-detector-target="devicePixelRatio"></span>
+    x <span data-device-detector-target="viewportHeight"></span> x
+    <span data-device-detector-target="devicePixelRatio"></span>
   </div>
 
   <div data-device-detector-target="help" hidden class="background-pink content">

data/_includes/divider.html

@@ -1,15 +1,14 @@
 {%- comment -%}
+  Image component
 
-Image component
-
-@param :src [String] La imagen
-@param :alt [String] La descripción de la imagen
+  @param :src [String] La imagen
+  @param :alt [String] La descripción de la imagen
 {%- endcomment -%}
 
 <div class="d-flex flex-row justify-content-center align-items-center">
-	<div class="border-bottom-dashed border-black flex-grow-1 my-2"></div>
+  <div class="border-bottom-dashed border-black flex-grow-1 my-2"></div>
 
-	{% include picture.html src=include.src alt=include.alt width=150 %}
+  {% include picture.html src=include.src alt=include.alt width=150 %}
 
-	<div class="border-bottom-dashed border-black flex-grow-1 my-2"></div>
+  <div class="border-bottom-dashed border-black flex-grow-1 my-2"></div>
 </div>

data/_includes/embed_responsive.html

@@ -1,18 +1,20 @@
 {%- comment -%}
+  Embed responsive
 
-Embed responsive
-
-@param :x [Integer]
-@param :y [Integer]
-@param :src [String]
-@param :alt [String]
-@param :width [Integer]
-@param :height [Integer]
-@param :embed_class [String]
-@param :img_class [String]
+  @param :x [Integer]
+  @param :y [Integer]
+  @param :src [String]
+  @param :alt [String]
+  @param :width [Integer]
+  @param :height [Integer]
+  @param :embed_class [String]
+  @param :img_class [String]
 {%- endcomment -%}
 
-<div class="embed-responsive embed-responsive-{{ include.x }}by{{ include.y }} {{ include.embed_class }}" {{ include.extra }}>
+<div
+  class="embed-responsive embed-responsive-{{ include.x }}by{{ include.y }} {{ include.embed_class }}"
+  {{ include.extra }}
+>
   {% if include.src %}
     {%- include picture.html class="embed-responsive-item" img_class=include.img_class src=include.src alt=include.alt width=include.width -%}
   {% else %}

data/_includes/external_link.html

@@ -1,16 +1,16 @@
 {%- comment -%}
+  Link externo.
 
-Link externo.
-
-@param :href [String] La URL
-@param :class [String] Las clases del link
-@param :text [String] El texto que llevará el link
+  @param :href [String] La URL
+  @param :class [String] Las clases del link
+  @param :text [String] El texto que llevará el link
 {%- endcomment -%}
 
 <a
-	class="text-decoration-none {{ include.class }}"
-	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"' }}>
-	{{ include.text }}
+  class="text-decoration-none {{ include.class }}"
+  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"' }}
+>
+  {{ include.text }}
 </a>

data/_includes/fa.html

@@ -1,11 +1,16 @@
 {%- comment -%}
+  Un ícono
 
-Un ícono
-
-@param :icon [String] El ícono
-@param :class [String] Las clases
-@param :description [String] La descripción
+  @param :icon [String] El ícono
+  @param :class [String] Las clases
+  @param :description [String] La descripción
 {%- endcomment -%}
 
-<i title="{{ include.description | escape_once }}" aria-hidden="true" class="fa fa-{{ include.icon }} {{ include.class }}">{{ include.content }}</i>
+<i
+  title="{{ include.description | escape_once }}"
+  aria-hidden="true"
+  class="fa fa-{{ include.icon }} {{ include.class }}"
+>
+  {{- include.content -}}
+</i>
 <span class="sr-only">{{ include.description }}</span>

data/_includes/footer.html

@@ -1,16 +1,15 @@
 {%- comment -%}
+  Footer
 
-Footer
-
-@param :col_1 [HTML] Contenido
-@param :col_2 [HTML] Contenido
-@param :col_3 [HTML] Contenido
-@param :col_4 [HTML] Contenido
+  @param :col_1 [HTML] Contenido
+  @param :col_2 [HTML] Contenido
+  @param :col_3 [HTML] Contenido
+  @param :col_4 [HTML] Contenido
 {%- endcomment -%}
 
-{%- assign license = site.posts | find: "layout", "license" -%}
-{%- assign code_of_conduct = site.posts | find: "layout", "code_of_conduct" -%}
-{%- assign privacy_policy = site.posts | find: "layout", "privacy_policy" -%}
+{%- assign license = site.posts | find: 'layout', 'license' -%}
+{%- assign code_of_conduct = site.posts | find: 'layout', 'code_of_conduct' -%}
+{%- assign privacy_policy = site.posts | find: 'layout', 'privacy_policy' -%}
 
 <footer class="d-flex justify-content-center background-size-cover background-position-top-left background-image-footer footer">
   <div class="row row-cols-md-1 row-cols-lg-3 justify-content-center container-lg mx-auto pt-150 pb-5 f-14 px-4">
@@ -41,9 +40,7 @@ Footer
             <span>
               {{- site.i18n.fediverse -}}
             </span>
-            <span>
-              @{{ site.activity_pub_profile -}}
-            </span>
+            <span> @{{ site.activity_pub_profile -}}</span>
           </li>
         {%- endif -%}
       </ul>
@@ -52,7 +49,7 @@ Footer
     <div class="col-12 px-3 pt-5 pt-lg-0 content">
       {{ include.col_2 }}
     </div>
-    
+
     <div class="col-12 px-3 pt-5 pt-lg-0">
       <div class="row flex-row">
         <div class="col content">

data/_includes/goal.html

@@ -1,18 +1,17 @@
 {%- comment -%}
+  Las barras de progreso de los objetivos/metas
 
-Las barras de progreso de los objetivos/metas
-
-@param :title [String] El título del objetivo
-@param :text [String] La descripción
-@param :currency [String] La moneda
-@param :value_now [Float] El valor actual
-@param :value_max [Float] El valor máximo
+  @param :title [String] El título del objetivo
+  @param :text [String] La descripción
+  @param :currency [String] La moneda
+  @param :value_now [Float] El valor actual
+  @param :value_max [Float] El valor máximo
 {%- endcomment -%}
 
 {% assign width = include.value_now | divided_by: include.value_max | times: 100 %}
 
 <div class="mb-3">
-	<div class="progress position-relative border border-width-3 border-black lh-4">
+  <div class="progress position-relative border border-width-3 border-black lh-4">
     <div
       data-support-us-target="goal"
       class="progress-bar o-2 collapsing width"
@@ -20,9 +19,18 @@ Las barras de progreso de los objetivos/metas
       role="progressbar"
       aria-valuenow="{{ include.value_now }}"
       aria-valuemin="0"
-      aria-valuemax="{{ include.value_max }}"></div>
-		<span class="d-flex position-absolute h-100 align-items-center font-weight-bold f-16 lead-md px-4">{{ include.title }}</span>
-	</div>
+      aria-valuemax="{{ include.value_max }}"
+    ></div>
+    <span class="d-flex position-absolute h-100 align-items-center font-weight-bold f-16 lead-md px-4">
+      {{- include.title -}}
+    </span>
+  </div>
 
-	<p class="p-2"><strong>{{ include.currency }}{{ include.value_max | round }}</strong> {{ include.text }}</p>
+  <p class="p-2">
+    <strong>
+      {{- include.currency -}}
+      {{- include.value_max | round -}}
+    </strong>
+    {{ include.text }}
+  </p>
 </div>

data/_includes/header.html

@@ -1,24 +1,27 @@
 {%- comment -%}
+  Items de cabecera (excepto el ícono de hamburguesa)
 
-Items de cabecera (excepto el ícono de hamburguesa)
-
-@param :logo_src [String] La imagen del logo
-@param :logo_alt [String] El alt del logo
-@param :btn_src [String] La imagen del botón
-@param :btn_href [String] El link del botón
-@param :btn_alt [String] El alt del botón
+  @param :logo_src [String] La imagen del logo
+  @param :logo_alt [String] El alt del logo
+  @param :btn_src [String] La imagen del botón
+  @param :btn_href [String] El link del botón
+  @param :btn_alt [String] El alt del botón
 {%- endcomment -%}
 
-{% include image_with_link.html
-	src=include.logo_src
-	href="?#"
-	alt=include.logo_alt
+{%
+  include image_with_link.html
+  src=include.logo_src
+  href="?#"
+  alt=include.logo_alt
   height=90
-	img_class="max-w-100 max-h-90px" %}
+  img_class="max-w-100 max-h-90px"
+%}
 
-{% include btn_header.html
-	src=include.btn_src
-	href=include.btn_href
-	alt=include.btn_alt
+{%
+  include btn_header.html
+  src=include.btn_src
+  href=include.btn_href
+  alt=include.btn_alt
   height=90
-	img_class="max-h-90px" %}
+  img_class="max-h-90px"
+%}

data/_includes/header_toggler.html

@@ -1,33 +1,32 @@
 {%- comment -%}
+  Cabecera y menú con toggler
 
-Cabecera y menú con toggler
-
-@param :logo_open_src [String] La imagen del logo con menú abierto
-@param :logo_open_alt [String] El alt de la imagen del logo con menú abierto
-@param :btn_open_src [String] La imagen del botón con menú abierto
-@param :logo_close_src [String] La imagen del logo con menú cerrado
-@param :logo_close_alt [String] El alt de la imagen del logo con menú cerrado
-@param :btn_close_src [String] La imagen del botón con menú cerrado
-@param :btn_alt [String] El alt de la imagen del botón
-@param :btn_href [String] El link de la imagen del botón
-@param :background_class [String] Las clases de la imagen de fondo del header
+  @param :logo_open_src [String] La imagen del logo con menú abierto
+  @param :logo_open_alt [String] El alt de la imagen del logo con menú abierto
+  @param :btn_open_src [String] La imagen del botón con menú abierto
+  @param :logo_close_src [String] La imagen del logo con menú cerrado
+  @param :logo_close_alt [String] El alt de la imagen del logo con menú cerrado
+  @param :btn_close_src [String] La imagen del botón con menú cerrado
+  @param :btn_alt [String] El alt de la imagen del botón
+  @param :btn_href [String] El link de la imagen del botón
+  @param :background_class [String] Las clases de la imagen de fondo del header
 {%- endcomment -%}
 
 {%- assign menu_id = menu | prepend: 'r-' -%}
-{%- assign items = site.posts | where: "layout", "menu" -%}
-{%- assign posts = site.posts | where: "layout", "post" -%}
-{%- assign back_cover = site.posts | find: "layout", "back_cover" -%}
-{%- assign footer = site.posts | find: "layout", "footer" -%}
+{%- assign items = site.posts | where: 'layout', 'menu' -%}
+{%- assign posts = site.posts | where: 'layout', 'post' -%}
+{%- assign back_cover = site.posts | find: 'layout', 'back_cover' -%}
+{%- assign footer = site.posts | find: 'layout', 'footer' -%}
 
 <div data-controller="body-scroll" class="position-relative {{ include.background_class }}">
-	<div class="d-flex justify-content-between align-items-center container mx-auto">
-		{%- capture menu_svg -%}
+  <div class="d-flex justify-content-between align-items-center container mx-auto">
+    {%- capture menu_svg -%}
 			{% include menu_close.html class="w-36px w-md-54px" container_class="stroke-white" %}
 		{%- endcapture -%}
 
-		{% include toggler/toggler_label.html id=menu_id class="m-0" content=menu_svg %}
+    {% include toggler/toggler_label.html id=menu_id class="m-0" content=menu_svg %}
 
-		{% capture toggled_content %}
+    {% capture toggled_content %}
 			<div class="background-image-menu-open background-size-100 w-100 pt-3 px-2 pb-12 border-bottom-dashed border-black">
 				<div class="d-flex justify-content-between align-items-center container mx-auto">
 					{%- capture menu_svg -%}
@@ -71,14 +70,15 @@ Cabecera y menú con toggler
 			</div>
 		{% endcapture %}
 
-		{% include toggler/toggler.html id=menu_id extra='data-action="toggle-media#toggle" data-menu-target="toggler"' toggled_content=toggled_content toggled_class="top-0 left-0 w-100 zindex-dropdown position-absolute" %}
+    {% include toggler/toggler.html id=menu_id extra='data-action="toggle-media#toggle" data-menu-target="toggler"' toggled_content=toggled_content toggled_class="top-0 left-0 w-100 zindex-dropdown position-absolute" %}
 
-		{% include
-			header.html
-			logo_src=include.logo_close_src
-			logo_alt=include.logo_close_alt
-			btn_src=include.btn_close_src
-			btn_href=include.btn_href
-			btn_alt=include.btn_alt %}
-	</div>
+    {%
+      include header.html
+      logo_src=include.logo_close_src
+      logo_alt=include.logo_close_alt
+      btn_src=include.btn_close_src
+      btn_href=include.btn_href
+      btn_alt=include.btn_alt
+    %}
+  </div>
 </div>

data/_includes/headings/generic.html

@@ -1,10 +1,9 @@
 {%- comment -%}
+  La base para un encabezado
 
-La base para un encabezado
-
-@param :level [Integer] El nivel
-@param :text [String] El contenido
-@param :class [String] Clases para aplicar a títulos
+  @param :level [Integer] El nivel
+  @param :text [String] El contenido
+  @param :class [String] Clases para aplicar a títulos
 {%- endcomment -%}
 
 {%- assign slug = include.text | slugify -%}

data/_includes/headings/h1.html

@@ -1,9 +1,8 @@
 {%- comment -%}
+  Encabezado de primer nivel
 
-Encabezado de primer nivel
-
-@param :text [String] El contenido
-@param :class [String] Clases para aplicar a títulos
+  @param :text [String] El contenido
+  @param :class [String] Clases para aplicar a títulos
 {%- endcomment -%}
 
 {%- include headings/generic.html level=1 text=include.text class=include.class -%}

data/_includes/headings/h2.html

@@ -1,9 +1,8 @@
 {%- comment -%}
+  Encabezado de segundo nivel
 
-Encabezado de segundo nivel
-
-@param :text [String] El contenido
-@param :class [String] Clases para aplicar a títulos
+  @param :text [String] El contenido
+  @param :class [String] Clases para aplicar a títulos
 {%- endcomment -%}
 
 {%- include headings/generic.html level=2 text=include.text class=include.class -%}

data/_includes/headings/h3.html

@@ -1,9 +1,8 @@
 {%- comment -%}
+  Encabezado de tercer nivel
 
-Encabezado de tercer nivel
-
-@param :text [String] El contenido
-@param :class [String] Clases para aplicar a títulos
+  @param :text [String] El contenido
+  @param :class [String] Clases para aplicar a títulos
 {%- endcomment -%}
 
 {%- include headings/generic.html level=3 text=include.text class=include.class -%}

data/_includes/headings/with_link.html

@@ -1,10 +1,9 @@
 {%- comment -%}
+  La base para un encabezado
 
-La base para un encabezado
-
-@param :level [Integer] El nivel
-@param :text [String] El contenido
-@param :class [String] Clases para aplicar a títulos
+  @param :level [Integer] El nivel
+  @param :text [String] El contenido
+  @param :class [String] Clases para aplicar a títulos
 {%- endcomment -%}
 
 {%- assign slug = include.text | slugify -%}

data/_includes/image_with_link.html

@@ -1,23 +1,25 @@
 {%- comment -%}
+  componente de imagen que tiene un link [url]
 
-componente de imagen que tiene un link [url]
-
-@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 :a_class [String] Clases para a
-@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 :a_class [String] Clases para a
+  @param :component_class [String] Clases para el componente
 {%- endcomment -%}
 
 <div
-	class="position-relative {{ include.component_class }}">
-	<a class="stretched-link"
-		 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 {{ include.component_class }}"
+>
+  <a
+    class="stretched-link"
+    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 picture.html src=include.src width=include.width height=include.height alt=include.alt img_class=include.img_class %}
 </div>

data/_includes/license_block.html

@@ -1,13 +1,15 @@
 {%- comment -%}
+  License block
 
-License block
-
-@param :title [String] El título
-@param :content [HTML] El contenido
+  @param :title [String] El título
+  @param :content [HTML] El contenido
 {%- endcomment -%}
 <div class="background-light-gray p-4 my-32 text-monospace text-left border border-light_gray">
   <div class="font-weight-bold">
-    <p rel="license">{{ site.i18n.content_license }} {{ include.title -}}</p>
+    <p rel="license">
+      {{ site.i18n.content_license }}
+      {{ include.title -}}
+    </p>
   </div>
   <div class="content mt-2 mb-2">
     {{- include.content -}}

data/_includes/menu_close.html

@@ -1,11 +1,10 @@
 {%- comment -%}
+  El icono de la hamburguesa para abrir y cerrar el menú
 
-El icono de la hamburguesa para abrir y cerrar el menú
-
-@param :class [String] Las clases de la imagen
-@param :container_class [String] Las clases del contenedor
+  @param :class [String] Las clases de la imagen
+  @param :container_class [String] Las clases del contenedor
 {%- endcomment -%}
 
 <div class="{{ include.container_class }} cursor-pointer">
-	{% include svg/menu.svg class=include.class %}
+  {% include svg/menu.svg class=include.class %}
 </div>

data/_includes/menu_item.html

@@ -1,10 +1,9 @@
 {%- comment -%}
+  Item del menú
 
-Item del menú
-
-@param :text [String] El contenido
-@param :href [String] El link
-@param :class [String] Las clases
+  @param :text [String] El contenido
+  @param :href [String] El link
+  @param :class [String] Las clases
 {%- endcomment -%}
 
 {% include text_link.html text=include.text class="display-4 letter-spacing-6 text-uppercase font-weight-bold text-decoration-none ml-20 mr-50 d-flex d-md-inline-flex" href=include.href %}

data/_includes/menu_open.html

@@ -1,11 +1,10 @@
 {%- comment -%}
+  El icono de la hamburguesa para abrir y cerrar el menú
 
-El icono de la hamburguesa para abrir y cerrar el menú
-
-@param :class [String] Las clases de la imagen
-@param :container_class [String] Las clases del contenedor
+  @param :class [String] Las clases de la imagen
+  @param :container_class [String] Las clases del contenedor
 {%- endcomment -%}
 
 <div class="{{ include.container_class }} cursor-pointer">
-	{% include svg/x.svg class=include.class %}
+  {% include svg/x.svg class=include.class %}
 </div>