radios-comunitarias-jekyll-theme 0.3.0 → 0.3.1

data/_data/layouts/radio.yml

@@ -239,8 +239,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/layouts/theme.yml

@@ -17,15 +17,23 @@ font_family_sans_serif:
     en: "If you'd like us to add support for a typography, please send us an e-mail"
     es: "Si quieres que agreguemos una tipografía, por favor envíanos un e-mail"
   default:
-    en: ""
-    es: ""
+    en: 'system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"'
+    es: 'system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"'
   values:
     en:
-      "": "Default"
-      Roboto: "Roboto"
+      'system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"': "Default"
+      Roboto, sans-serif: "Roboto"
+      Roboto Mono, monospace: "Roboto Mono (monospace)"
+      Inter, sans-serif: "Inter"
+      Saira, sans-serif: "Saira"
+      Baskervville, serif: "Baskervville (serif)"
     es:
-      "": "Default"
-      Roboto: "Roboto"
+      'system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"': "Default"
+      Roboto, sans-serif: "Roboto"
+      Roboto Mono, monospace: "Roboto Mono (monospace)"
+      Inter, sans-serif: "Inter"
+      Saira, sans-serif: "Saira"
+      Baskervville, serif: "Baskervville (serif)"
 font_family_monospace:
   type: "predefined_value"
   label:
@@ -35,17 +43,17 @@ font_family_monospace:
     en: ""
     es: ""
   default:
-    en: ""
-    es: ""
+    en: 'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'
+    es: 'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'
   values:
     en:
-      "": "Default"
-      Roboto Mono: "Roboto Mono"
-      Liberation Mono: "Liberation Mono"
+      'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace': "Default"
+      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:
@@ -55,15 +63,23 @@ headings_font_family:
     en: "If you'd us to add support for a typography, please send us an e-mail"
     es: "Si quieres que agreguemos una tipografía, por favor envíanos un e-mail"
   default:
-    en: ""
-    es: ""
+    en: 'system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"'
+    es: 'system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"'
   values:
     en:
-      "": "Default"
-      Roboto: "Roboto"
+      'system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"': "Default"
+      Roboto, sans-serif: "Roboto"
+      Roboto Mono, monospace: "Roboto Mono (monospace)"
+      Inter, sans-serif: "Inter"
+      Saira, sans-serif: "Saira"
+      Baskervville, serif: "Baskervville (serif)"
     es:
-      "": "Default"
-      Roboto: "Roboto"
+      'system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"': "Default"
+      Roboto, sans-serif: "Roboto"
+      Roboto Mono, monospace: "Roboto Mono (monospace)"
+      Inter, sans-serif: "Inter"
+      Saira, sans-serif: "Saira"
+      Baskervville, serif: "Baskervville (serif)"
 enable_rounded:
   type: "boolean"
   label:
@@ -279,8 +295,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/theme.yml

@@ -1,10 +1,10 @@
 ---
 vendor_prefixes:
-- ""
-- "-webkit-"
-- "-ms-"
-- "-o-"
-- "-moz-"
+  - ""
+  - "-webkit-"
+  - "-ms-"
+  - "-o-"
+  - "-moz-"
 bezier: "cubic-bezier(0.75, 0, 0.25, 1);"
 colors:
   black: "#000000"
@@ -29,15 +29,12 @@ opacities:
   3: "-40%"
   4: "-20%"
   5: "0%"
-paragraph_margin_bottom: 0
-headings_margin_bottom: 0
-label_margin_bottom: 0
 enable_responsive_font_sizes: true
 directions:
-- "top"
-- "right"
-- "bottom"
-- "left"
+  - "top"
+  - "right"
+  - "bottom"
+  - "left"
 font_sizes:
   16: "1"
   18: "1.125"
@@ -54,77 +51,74 @@ letter_spacings:
   1: "0.1rem"
   2: "0.16rem"
 text_decoration_lines:
-- "none"
-- "underline"
-- "overline"
-- "line-through"
+  - "none"
+  - "underline"
+  - "overline"
+  - "line-through"
 text_decoration_styles:
-- "solid"
-- "double"
-- "dotted"
-- "dashed"
-- "wavy"
+  - "solid"
+  - "double"
+  - "dotted"
+  - "dashed"
+  - "wavy"
 hyphens:
-- "none"
-- "auto"
-- "manual"
+  - "none"
+  - "auto"
+  - "manual"
 cursors:
-- "pointer"
-- "none"
-- "help"
-- "not-allowed"
-- "progress"
-- "text"
-- "wait"
+  - "pointer"
+  - "none"
+  - "help"
+  - "not-allowed"
+  - "progress"
+  - "text"
+  - "wait"
 events:
-- "none"
-- "auto"
+  - "none"
+  - "auto"
 objects:
-- "contain"
-- "cover"
-- "fill"
-- "none"
-- "scale-down"
+  - "contain"
+  - "cover"
+  - "fill"
+  - "none"
+  - "scale-down"
 overflows:
-- "auto"
-- "hidden"
-- "scroll"
+  - "auto"
+  - "hidden"
+  - "scroll"
 overflow_axis:
-- "x"
-- "y"
+  - "x"
+  - "y"
 scrolls:
-- "auto"
-- "smooth"
+  - "auto"
+  - "smooth"
 svg_attributes:
-- "fill"
-- "stroke"
+  - "fill"
+  - "stroke"
 embed_responsive_aspect_ratios:
-- "(1 1)"
-- "(4 3)"
-- "(16 9)"
-- "(21 9)"
+  - "(1 1)"
+  - "(4 3)"
+  - "(16 9)"
+  - "(21 9)"
 aligns:
-- "left"
-- "center"
-- "right"
-svg_attributes:
-- "stroke"
-- "fill"
+  - "left"
+  - "center"
+  - "right"
 pixel_densities:
-- "1"
-- "1.5"
-- "2"
+  - "1"
+  - "1.5"
+  - "2"
 background_sizes:
   cover: "cover"
   auto: "auto"
   contain: "contain"
 background_positions_x:
-- "center"
-- "top"
+  - "center"
+  - "top"
 background_positions_y:
-- "center"
-- "left"
-- "right"
+  - "center"
+  - "left"
+  - "right"
 grid_breakpoints:
   xs: "0"
   sm: "576px"
@@ -139,4 +133,4 @@ border_widths:
   4: "4px"
   5: "5px"
 transform_scales:
-- "1"
+  - "1"

data/_includes/activity_pub/interactions.html

@@ -44,7 +44,7 @@
     {% else %}
       <p class="h1">
         {{ site.i18n.no_interactions_yet.conversation }}
-        <p>
+      </p>
     {% endunless %}
   </div>
 
@@ -54,7 +54,7 @@
     {% else %}
       <p class="h1">
         {{ site.i18n.no_interactions_yet.reactions }}
-        <p>
+      </p>
     {% endunless %}
   </div>
 
@@ -72,7 +72,7 @@
     {% else %}
       <p class="h1">
         {{ site.i18n.no_interactions_yet.both }}
-        <p>
+      </p>
     {% endunless %}
   </div>
 </div>

data/_includes/activity_pub/login_modal.html

@@ -14,57 +14,11 @@
 {% endcapture %}
 
 {% capture header %}
-<div class="d-flex align-items-center h1 justify-content-center w-100">
-    <span class="d-flex responsive-header font-weight-bold text-center">
-        <i class="fa fa-{{fa}} text-primary mr-2"></i>
-        <span>
-        {{ site.i18n.login_modal[action.title].text | replace: "$usuarie", name }}
-        </span>
-        <div>
-            <span class="px-3 py-2 m-0 h1" type="button" data-action="click->modal#hide">&times</span>
-            <span class="sr-only">{{ site.i18n.close }}</span>
-        </div>
-    </span>
-</div>
+  {% include_cached activity_pub/login_modal_header.html name=name action=action.title %}
 {% endcapture %}
 
 {% capture body %}
-<p class="mb-2">{{site.i18n.login_modal.top_text | markdownify | replace: "$action", site.i18n.login_modal[action.title].title }}</p>
-<div class="mt-3 mb-2 h5">{{site.i18n.login_modal.question | markdownify}}</div>
-<div class="mb-3">
-  <form
-    class="needs-validation"
-    data-controller="authorize-interaction"
-    data-action="authorize-interaction#submit:prevent"
-    data-authorize-interaction-uri-value="{{ include.uri | strip_html | absolute_url | uri_escape }}"
-    >
-    <div class="form-row align-items-center border-lg border-lg-primary py-1">
-      <div class="col-12 col-lg mb-1 mb-lg-0">
-        <label class="sr-only">{{site.i18n.login_modal.placeholder}}</label>
-        <input
-          class="form-control border border-primary border-lg-0"
-          placeholder="{{site.i18n.login_modal.placeholder}}"
-          autocomplete="impp"
-          required
-          data-authorize-interaction-target="instance"
-          data-action="authorize-interaction#revalid"
-          type="search"/>
-        <div class="invalid-feedback">
-          {{- site.i18n.login_modal.authorize_interaction_unsupported -}}
-        </div>
-      </div>
-
-      <div class="col-12 col-lg-auto">
-        <button class="btn btn-primary btn-block py-btn-padding-y lh-btn-line-height f-16 font-weight-bold" type="submit">{{ site.i18n.take_me_home }}</button>
-      </div>
-    </div>
-  </form>
-</div>
-<small class="d-block mb-2">{{site.i18n.login_modal.small_text}}</small>
-<span>{{site.i18n.login_modal.bottom_text | markdownify}}</span>
-{% endcapture %}
-
-{% capture footer %}
+  {% include_cached activity_pub/login_modal_body.html uri=include.uri %}
 {% endcapture %}
 
-{% include activity_pub/button.html header=header body=body footer=footer header_class="justify-content-center border-bottom-0" body_class="justify-content-center" footer_class="border-top-0" content_class="p-2" button_class="mx-1" fa=action.icon description=include.description %}
+{% include activity_pub/button.html header=header body=body footer="" header_class="justify-content-center border-bottom-0" body_class="justify-content-center" footer_class="border-top-0" content_class="p-2" button_class="mx-1" fa=action.icon description=include.description %}

data/_includes/activity_pub/login_modal_body.html

@@ -0,0 +1,41 @@
+<p class="mb-2">
+  {{ site.i18n.login_modal.top_text | markdownify | replace: '$action', site.i18n.login_modal[action.title].title }}
+</p>
+<div class="mt-3 mb-2 h5">{{ site.i18n.login_modal.question | markdownify }}</div>
+<div class="mb-3">
+  <form
+    class="needs-validation"
+    data-controller="authorize-interaction"
+    data-action="authorize-interaction#submit:prevent"
+    data-authorize-interaction-uri-value="{{ include.uri | strip_html | absolute_url | component_escape }}"
+  >
+    <div class="form-row align-items-center border-lg border-lg-primary py-1">
+      <div class="col-12 col-lg mb-1 mb-lg-0">
+        <label class="sr-only">{{ site.i18n.login_modal.placeholder }}</label>
+        <input
+          class="form-control border border-primary border-lg-0"
+          placeholder="{{site.i18n.login_modal.placeholder | escape_once}}"
+          autocomplete="impp"
+          required
+          data-authorize-interaction-target="instance"
+          data-action="authorize-interaction#revalid"
+          type="search"
+        >
+        <div class="invalid-feedback">
+          {{- site.i18n.login_modal.authorize_interaction_unsupported -}}
+        </div>
+      </div>
+
+      <div class="col-12 col-lg-auto">
+        <button
+          class="btn btn-primary btn-block py-btn-padding-y lh-btn-line-height f-16 font-weight-bold"
+          type="submit"
+        >
+          {{ site.i18n.take_me_home }}
+        </button>
+      </div>
+    </div>
+  </form>
+</div>
+<small class="d-block mb-2">{{ site.i18n.login_modal.small_text }}</small>
+<span>{{ site.i18n.login_modal.bottom_text | markdownify }}</span>

data/_includes/activity_pub/login_modal_header.html

@@ -0,0 +1,12 @@
+<div class="d-flex align-items-center h1 justify-content-center w-100">
+  <span class="d-flex responsive-header font-weight-bold text-center">
+    <i class="fa fa-{{fa}} text-primary mr-2"></i>
+    <span>
+      {{- site.i18n.login_modal[include.action].text | replace: '$usuarie', include.name -}}
+    </span>
+    <div>
+      <span class="px-3 py-2 m-0 h1" type="button" data-action="click->modal#hide">&times</span>
+      <span class="sr-only">{{ site.i18n.close }}</span>
+    </div>
+  </span>
+</div>

data/_includes/boolean.html

@@ -1,9 +1,8 @@
 {%- comment -%}
+  Form: type boolean
 
-Form: type boolean
-
-@param :field [Integer] El campo del formulario
-@param :boolean_class [String] Las clases del componente
+  @param :field [Integer] El campo del formulario
+  @param :boolean_class [String] Las clases del componente
 {%- endcomment -%}
 
 {%- assign name = include.field[0] -%}
@@ -26,7 +25,8 @@ Form: type boolean
     {% if autocomplete %}
       autocomplete="{{ autocomplete }}"
     {% endif %}
-    class="form-check-input {{ include.boolean_class }}" />
+    class="form-check-input {{ include.boolean_class }}"
+  >
 
   <label class="form-check-label" for="{{ id }}">{{ label }}</label>
 

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/buttons/button.html

@@ -1,9 +1,9 @@
 {%- comment -%}
-Un botón interactivo. Utiliza la etiqueta `<button>`
+  Un botón interactivo. Utiliza la etiqueta `<button>`
 
-@param :class [String] Las clases del componente aparte de btn (colores, tipografía, etc)
-@param :content [String,HTML] El contenido del botón
-@param :extra [HTML] Atributos extra
+  @param :class [String] Las clases del componente aparte de btn (colores, tipografía, etc)
+  @param :content [String,HTML] El contenido del botón
+  @param :extra [HTML] Atributos extra
 {%- endcomment -%}
 
 {%- include buttons/generic.html element="button" class=include.class content=include.content extra=include.extra -%}

data/_includes/buttons/copy.html

@@ -1,11 +1,9 @@
 {%- comment -%}
+  Un botón con contenido copiable.  Si el
+  link es externo, agregar el parámetro de seguridad noopener.
 
-Un botón con contenido copiable.  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 -%}
 
 {% capture content %}

data/_includes/buttons/generic.html

@@ -1,14 +1,14 @@
 {%- comment -%}
-Un botón genérico. Se usa como base para crear los demás
-botones con distintas funcionalidades.
+  Un botón genérico. Se usa como base para crear los demás
+  botones con distintas funcionalidades.
 
-@param :element [String] El elemento (p.e. `a` `button`)
-@param :class [String] Las clases del componente aparte de btn (colores, tipografía, etc)
-@param :content [String,HTML] El contenido del botón
-@param :extra [HTML] Atributos extra
+  @param :element [String] El elemento (p.e. `a` `button`)
+  @param :class [String] Las clases del componente aparte de btn (colores, tipografía, etc)
+  @param :content [String,HTML] El contenido del botón
+  @param :extra [HTML] Atributos extra
 {%- endcomment -%}
 
-{%- assign element = include.element | default: "button" -%}
+{%- assign element = include.element | default: 'button' -%}
 
 <{{ element }} {{ include.extra }} class="btn {{ include.class }}">
   {{- include.content -}}

data/_includes/buttons/link.html

@@ -1,14 +1,21 @@
 {%- comment -%}
-Un botón con link. Utiliza la etiqueta `<a>`
+  Un botón con link. Utiliza la etiqueta `<a>`
 
-@param :href [String] La URL destino
-@param :class [String] Las clases del componente aparte de btn (colores, tipografía, etc)
-@param :content [String,HTML] El contenido del botón
-@param :extra [HTML] Atributos extra
+  @param :href [String] La URL destino
+  @param :class [String] Las clases del componente aparte de btn (colores, tipografía, etc)
+  @param :content [String,HTML] El contenido del botón
+  @param :extra [HTML] Atributos extra
 {%- endcomment -%}
 
-{%- assign extra = include.href | start_with: "http://" | value_if: 'rel="noopener" target="_blank"' -%}
-{%- assign extra = include.href | start_with: "https://" | value_if: 'rel="noopener" target="_blank"' -%}
-{%- assign extra = include.href | uri_escape | prepend: 'href="' | append: '" ' | append: extra | append: " " | append: include.extra -%}
+{%- assign extra = include.href | start_with: 'http://' | value_if: 'rel="noopener" target="_blank"' -%}
+{%- assign extra = include.href | start_with: 'https://' | value_if: 'rel="noopener" target="_blank"' -%}
+{%- assign extra = include.href
+  | uri_escape
+  | prepend: 'href="'
+  | append: '" '
+  | append: extra
+  | append: ' '
+  | append: include.extra
+-%}
 
 {%- include buttons/generic.html element="a" class=include.class content=include.content extra=extra -%}

data/_includes/contact.html

@@ -7,7 +7,8 @@
   data-controller="contact"
   data-delay="60"
   action="https://api.{{ site.hostname }}/v1/sites/{{ site.hostname }}/contact/{{ include.name }}"
-  method="post">
+  method="post"
+>
   {%- for field in include.form -%}
     {% assign template = field[1].type | append: '.html' %}
     <div class="col{{ field[1].col | default: 12 | prepend: '-' }}">

data/_includes/content.html

@@ -1,9 +1,8 @@
 {%- comment -%}
+  Form: type content
 
-Form: type content
-
-@param :field [Integer] El campo del formulario
-@param :text_class [String] Las clases del componente
+  @param :field [Integer] El campo del formulario
+  @param :text_class [String] Las clases del componente
 {%- endcomment -%}
 
 {% include text.html field=field text_class=include.text_class %}

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 background-pink-t3 z-index-2050 pointer-event-none">
+  class="position-fixed top-0 right-0 background-pink-t3 z-index-2050 pointer-event-none"
+>
   <div>
     <button class="pointer-event-auto btn btn-sm" data-action="device-detector#toggleHelp">
       {{ site.i18n.device_detector.get_help }}
@@ -12,16 +13,14 @@
     <span data-device-detector-target="clientName"></span>
     &nbsp;
     <span data-device-detector-target="clientVersion"></span>
-    &nbsp;
-    (<span data-device-detector-target="deviceType"></span>)
-    &nbsp;
+    &nbsp; (<span data-device-detector-target="deviceType"></span>) &nbsp;
     <span data-device-detector-target="osName"></span>
     &nbsp;
     <span data-device-detector-target="osVersion"></span>
     &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">

data/_includes/email.html

@@ -1,9 +1,8 @@
 {%- comment -%}
+  Form: type email
 
-Form: type email
-
-@param :field [Integer] El campo del formulario
-@param :input_class [String] Las clases del componente
+  @param :field [Integer] El campo del formulario
+  @param :input_class [String] Las clases del componente
 {%- endcomment -%}
 
 {% include input.html field=field input_class=include.input_class %}

data/_includes/embed_responsive.html

@@ -1,14 +1,13 @@
 {%- comment -%}
+  Embed responsive. Para imágenes con relación de aspecto.
+  Se suele usar para las imágenes de grillas.
 
-Embed responsive. Para imágenes con relación de aspecto.
-Se suele usar para las imágenes de grillas.
-
-@param :x [Integer] El ancho
-@param :y [Integer] El alto
-@param :src [String] La url de la imagen
-@param :alt [String] La descripción de la imagen
-@param :width [Integer] El ancho
-@param :component_class [String] Las clases del componente embed_responsive
+  @param :x [Integer] El ancho
+  @param :y [Integer] El alto
+  @param :src [String] La url de la imagen
+  @param :alt [String] La descripción de la imagen
+  @param :width [Integer] El ancho
+  @param :component_class [String] Las clases del componente embed_responsive
 {%- endcomment -%}
 
 <div class="embed-responsive embed-responsive-{{ include.x }}by{{ include.y }} {{ include.component_class }}">