radios-comunitarias-jekyll-theme 0.3.0 → 0.3.1

data/_includes/post.html

@@ -1,30 +1,37 @@
 {% comment %}
-Una plantilla que representa un artículo, podría ser un layout pero lo
-ponemos en includes para poder reutilizarlo en la portada.
+  Una plantilla que representa un artículo, podría ser un layout pero lo
+  ponemos en includes para poder reutilizarlo en la portada.
 
-Ya tiene todos los metadatos para schema.org y microformats.org
+  Ya tiene todos los metadatos para schema.org y microformats.org
 {% endcomment %}
 
-{% assign license = site.posts | find: "layout", "license" %}
-{%- assign date_format = site.i18n.date.format | default: "%b %-d, %Y" -%}
+{% assign license = site.posts | find: 'layout', 'license' %}
+{%- assign date_format = site.i18n.date.format | default: '%b %-d, %Y' -%}
 
 {% assign page = include.page %}
 
 <article class="h-entry mt-5" itemscope itemtype="http://schema.org/Article">
   <header class="row no-gutters align-items-center mb-3">
     <div class="p-name col-12 col-lg-9">
-
       {% if page.activity.inReplyTo %}
         {% include_cached activity_pub/replying_to.html activity=page.activity.inReplyTo %}
       {% endif %}
 
       <h1 class="p-name" itemprop="name headline">
-        {{ page.title | default: '' | escape }}
+        {{ page.title | default: '' | escape_once }}
       </h1>
 
       {%- if page.description -%}
-        <p class="lead p-summary" itemprop="description">{{ page.description | default: '' | escape }}</p>
+        <p class="lead p-summary" itemprop="description">{{ page.description | default: '' | escape_once }}</p>
       {%- endif -%}
+
+      <time
+        class="dt-published"
+        datetime="{{ page.date | date_to_xmlschema | escape_once }}"
+        itemprop="datePublished"
+      >
+        {{- page.date | date: date_format -}}
+      </time>
     </div>
 
     <div class="col-6">
@@ -33,19 +40,12 @@ Ya tiene todos los metadatos para schema.org y microformats.org
           <span itemprop="author" itemscope itemtype="http://schema.org/Person">
             <span class="p-author h-card" itemprop="name">
               {{ author | default: '' | escape }}
-            </span>{% unless forloop.last %},{% endunless %}
+            </span>
+            {%- unless forloop.last %},{% endunless %}
           </span>
         {%- endfor -%}
       </p>
     </div>
-
-    <div class="col-6 col-lg-3 text-right">
-      <time
-        class="dt-published"
-        datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
-        {{ page.date | date: date_format }}
-      </time>
-    </div>
   </header>
 
   {% comment %}
@@ -65,39 +65,34 @@ Ya tiene todos los metadatos para schema.org y microformats.org
 
     <div class="col-12 col-md-6 col-lg-3 order-0 order-md-1">
       {%- if page.image.path -%}
-          <picture>
-            {% comment %}
-              Producir versiones de las imágenes para distintos tamaños
-              de pantalla, de forma que siempre se baje la resolución
-              justa.
-
-              TODO: Vincular a la imagen completa para que librenauta
-              pueda collagear :P
-            {% endcomment %}
-            {% for size in site.images.sizes %}
-              <source srcset="{{ page.image.path | thumbnail: size }}" media="(max-width: {{ size }}px)" />
-            {% endfor %}
-
-            <img
-              class="img-fluid"
-              src="{{ page.image.path | thumbnail: 1140 }}"
-              alt="{{ page.image.description | default: page.title }}" />
-          </picture>
+        <picture>
+          {% for size in site.images.sizes %}
+            <source
+              srcset="{{ page.image.path | thumbnail: size | component_escape }}"
+              media="(max-width: {{ size }}px)"
+            >
+          {% endfor %}
+
+          <img
+            class="img-fluid"
+            src="{{ page.image.path | thumbnail: 1140 | component_escape }}"
+            alt="{{ page.image.description | default: page.title }}"
+          >
+        </picture>
       {%- endif -%}
 
       {%
-        include_cached
-          share_box.html
-          url=page.url
-          title=page.title
-          description=page.description
-          categories=page.categories
+        include_cached share_box.html
+        url=page.url
+        title=page.title
+        description=page.description
+        categories=page.categories
       %}
     </div>
   </div>
 
   <footer class="mt-5">
-    <a class="u-url" itemprop="url" href="{{ page.url }}" hidden>
+    <a class="u-url" itemprop="url" href="{{ page.url | absolute_url | component_escape }}" hidden>
       {{ page.url | absolute_url }}
     </a>
 
@@ -107,7 +102,7 @@ Ya tiene todos los metadatos para schema.org y microformats.org
 
     {%- if license -%}
       <p itemprop="license" itemtype="http://schema.org/CreativeWork">
-        <a rel="license" itemprop="url" href="{{ license.url }}">
+        <a rel="license" itemprop="url" href="{{ license.url | absolute_url | component_escape }}">
           <span itemprop="articleBody">
             {{ license.description }}
           </span>
@@ -116,7 +111,9 @@ Ya tiene todos los metadatos para schema.org y microformats.org
     {%- endif -%}
 
     {% if page.activity %}
-      {% include activity_pub/interactions.html activity=page.activity profile=site.actor %}
+      <div class="mb-5">
+        {% include activity_pub/interactions.html activity=page.activity profile=site.actor %}
+      </div>
     {% endif %}
 
     {%- if page.tags %}

data/_includes/predefined_array.html

@@ -1,9 +1,8 @@
 {%- comment -%}
+  Form: type predefined_array
 
-Form: type predefined_array
-
-@param :field [Integer] El campo del formulario
-@param :array_class [String] Las clases del componente
+  @param :field [Integer] El campo del formulario
+  @param :array_class [String] Las clases del componente
 {%- endcomment -%}
 
 {%- assign name = include.field[0] -%}
@@ -30,8 +29,8 @@ Form: type predefined_array
     {% if autocomplete %}
       autocomplete="{{ autocomplete }}"
     {% endif %}
-    class="form-control {{ include.array_class }}">
-
+    class="form-control {{ include.array_class }}"
+  >
     <option value="" selected></option>
 
     {%- for option in include.field[1].values[site.locale] -%}

data/_includes/preload_font.html

@@ -1 +1 @@
-<link rel="preload" as="font" type="font/woff2" crossorigin href="{{ include.font }}?{{ site.time | date: '%s' }}" />
+<link rel="preload" as="font" type="font/woff2" crossorigin href="{{ include.font }}?{{ site.time | date: '%s' }}">

data/_includes/reproductor.html

@@ -1,10 +1,10 @@
 {%- assign radio = site.about -%}
 
 {% comment %}
-https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio
+  https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio
 
-Le indicamos al navegador que no empiece a cargar hasta que le damos
-play porque sino vamos a escuchar la radio con retraso.
+  Le indicamos al navegador que no empiece a cargar hasta que le damos
+  play porque sino vamos a escuchar la radio con retraso.
 {% endcomment %}
 {% unless radio.streams == empty %}
   <div
@@ -15,12 +15,17 @@ play porque sino vamos a escuchar la radio con retraso.
     data-streaming-artist-value="{{ radio.artist | escape }}"
     data-streaming-artwork-value="{{ radio.image.path | default: radio.logo.path | thumbnail: 192, 192 | component_escape }}"
     data-streaming-type-value="image/{{ radio.image.path | default: radio.logo.path | extname }}"
-    class="w-100">
+    class="w-100"
+  >
     <audio
       data-action="ended->streaming#restart"
-      data-streaming-target="transmission" controls preload="none" class="w-100">
+      data-streaming-target="transmission"
+      controls
+      preload="none"
+      class="w-100"
+    >
       {% for source in radio.streams %}
-        <source data-streaming-target="source" src="{{ source | component_escape }}" />
+        <source data-streaming-target="source" src="{{ source | component_escape }}">
       {% endfor %}
 
       <p>
@@ -28,7 +33,8 @@ play porque sino vamos a escuchar la radio con retraso.
         <a
           target="_blank"
           rel="noopener"
-          href="{{ radio.streams | first }}">
+          href="{{ radio.streams | first }}"
+        >
           {{ radio.streams | first }}
         </a>
       </p>

data/_includes/script.html

@@ -1,5 +1,5 @@
 {% comment %}
-@param :src [String]
+  @param :src [String]
 {% endcomment %}
 
 <script defer src="{{ include.src | uri_escape }}" data-turbo-track="reload"></script>

data/_includes/search.html

@@ -17,9 +17,10 @@
         name="q"
         placeholder="{{ site.i18n.search.submit }}"
         data-search-target="q"
-        autocomplete="off" />
+        autocomplete="off"
+      >
     </div>
   </div>
 
-  <input class="sr-only" type="submit" value="{{ site.i18n.search.submit }}" />
+  <input class="sr-only" type="submit" value="{{ site.i18n.search.submit }}">
 </form>

data/_includes/separator.html

@@ -1 +1 @@
-<hr/>
+<hr>

data/_includes/share.html

@@ -1,11 +1,6 @@
-{% capture url %}{{ site.url }}{{ include.url }}{% endcapture %}
-
-{% unless include.share.url == '%url' %}
-  {% assign url = url | default: '' | component_escape %}
-{% endunless %}
-{% assign title = include.title | default: '' | component_escape %}
-{% assign description = include.description | default: '' | component_escape %}
-{% assign tags = include.tags | join: ',' | default: '' | component_escape %}
+{% assign title = include.title | default: '' %}
+{% assign description = include.description | default: '' %}
+{% assign tags = include.tags | join: ',' | default: '' %}
 
 <a
   {% if include.share.url == '%url' %}
@@ -14,15 +9,19 @@
     target="_blank"
   {% endif %}
   rel="noopener nofollow noreferrer"
-  title="{{ include.share.title }}"
+  title="{{ include.share.title | escape_once }}"
   class="d-flex flex-column align-items-center"
-  href="{{
+  href="
+    {{
     include.share.url
     | replace: '%url', url
     | replace: '%title', title
     | replace: '%description', description
     | replace: '%tags', tags
-    }}">
+    | component_escape
+    }}
+  "
+>
   <i class="fa fa-fw fa-{{ include.share.icon }}" aria-hidden="true"></i>
   {{ include.share.title }}
 </a>

data/_includes/share_box.html

@@ -1,6 +1,6 @@
 {%- assign title = include.title | unescape -%}
 {%- assign text = include.description | strip_html | unescape -%}
-{%- assign url = site.url | append: "/" | append: include.url -%}
+{%- assign url = include.url | absolute_url -%}
 {%- assign id = include.id | default: 'share' -%}
 
 {% capture label %}
@@ -8,7 +8,7 @@
   <i class="fa fa-{{ site.i18n.share.icon }}"></i>
 {% endcapture %}
 
-{% include_cached toggler/toggler_label.html id=id content=label %}
+{% include_cached toggler/toggler_label.html id=id content=label class="btn" %}
 
 {%- capture extra -%}
   data-controller="share"
@@ -32,7 +32,7 @@
 
     {% for share in site.i18n.share.items %}
       <div class="col-4">
-        {% include_cached share.html share=share url=include.url title=include.title description=text tags=include.tags %}
+        {% include_cached share.html share=share url=url title=title description=text tags=include.tags %}
       </div>
     {% endfor %}
   </div>

data/_includes/social_networks.html

@@ -1,6 +1,6 @@
 {% assign social_networks = 'fediverse,facebook,instagram,twitter,youtube,internet_archive' | split: ',' %}
 {% for social_network in social_networks %}
   {% if site.about[social_network] %}
-    <link rel="me" href="{{ site.about[social_network] }}" />
+    <link rel="me" href="{{ site.about[social_network] | component_escape }}">
   {% endif %}
 {% endfor %}

data/_includes/stretched_link.html

@@ -1,15 +1,15 @@
 {%- comment -%}
+  Para asignar un enlace a un bloque contenedor.
 
-Para asignar un enlace a un bloque contenedor.
-
-@param :href [String] La URL
-@param :alt [String] La descripción
+  @param :href [String] La URL
+  @param :alt [String] La descripción
 {%- endcomment -%}
 
 <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>
+  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>

data/_includes/string.html

@@ -1,9 +1,8 @@
 {%- comment -%}
+  Form: type string
 
-Form: type string
-
-@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 -%}
 
 {% assign f = field %}

data/_includes/submit.html

@@ -1,13 +1,13 @@
 {%- comment -%}
+  Form: type submit
 
-Form: type submit
-
-@param :field [Integer] El campo del formulario
-@param :submit_class [String] Las clases del componente
+  @param :field [Integer] El campo del formulario
+  @param :submit_class [String] Las clases del componente
 {%- endcomment -%}
 
 <input
   {{ include.field[1].extra }}
   type="submit"
   class="btn btn-success {{ include.submit_class }}"
-  value="{{ include.field[1].label[site.locale] }}" />
+  value="{{ include.field[1].label[site.locale] }}"
+>

data/_includes/tel.html

@@ -1,9 +1,8 @@
 {%- comment -%}
+  Form: type tel
 
-Form: type tel
-
-@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/text.html

@@ -1,9 +1,8 @@
 {%- comment -%}
+  Form: type text
 
-Form: type text
-
-@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 -%}
 
 {%- assign name = include.field[0] -%}
@@ -30,9 +29,10 @@ Form: type text
     {% if autocomplete %}
       autocomplete="{{ autocomplete }}"
     {% endif %}
-    class="form-control {{ include.text_class }}"></textarea>
+    class="form-control {{ include.text_class }}"
+  ></textarea>
 
-  {%- if .help -%}
+  {%- if ['help'] -%}
     <small id="help-{{ id }}" class="form-text">
       {{ help }}
     </small>

data/_includes/theme/buttons.html

@@ -13,14 +13,16 @@
 
   {%- assign extra = 'data-extra="Inspeccióname"' -%}
 
-  <p>Inspeccionar para encontrar el atributo <code>{{ extra }}</code></p>
+  <p>
+    Inspeccionar para encontrar el atributo <code>{{ extra }}</code>
+  </p>
 
   {%- include buttons/link.html href="#" class="btn-primary" content="Click me" extra=extra -%}
 
   {%- include headings/h3.html text="Botones de todos los colores" -%}
 
   {%- for color in site.data.theme.colors -%}
-    {%- assign class = color[0] | replace: "_", "-" | prepend: "btn-" -%}
+    {%- assign class = color[0] | replace: '_', '-' | prepend: 'btn-' -%}
 
     {%- include buttons/link.html href="#" class=class content=class -%}
   {%- endfor -%}

data/_includes/theme/colors.html

@@ -4,7 +4,7 @@
       <div class="w-100 embed-responsive embed-responsive-1by1">
         <div class="embed-responsive-item background-{{ color[0] | replace: "_", "-" }} d-flex align-items-center justify-content-center">
           <div>
-            <p>{{ color[0] | replace: "_", "-" }}</p>
+            <p>{{ color[0] | replace: '_', '-' }}</p>
             <p>{{ color[1] }}</p>
           </div>
         </div>

data/_includes/theme/content.html

@@ -13,14 +13,11 @@
   <p class="lead">Párrafo resaltado</p>
 
   <p class="lead-md">
-    <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing
-    elit, sed do eiusmod tempor incididunt ut labore et dolore magna
-    aliqua. <a href="#">Ut enim ad minim veniam</a>, quis nostrud
-    exercitation ullamco laboris nisi ut aliquip ex ea commodo
-    consequat. <em>Duis aute irure dolor</em> in reprehenderit in
-    voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-    Excepteur <mark>sint occaecat cupidatat non proident</mark>, sunt in
-    culpa qui officia <small>deserunt mollit anim id est laborum</small>.
+    <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
+    et dolore magna aliqua. <a href="#">Ut enim ad minim veniam</a>, quis nostrud exercitation ullamco laboris nisi ut
+    aliquip ex ea commodo consequat. <em>Duis aute irure dolor</em> in reprehenderit in voluptate velit esse cillum
+    dolore eu fugiat nulla pariatur. Excepteur <mark>sint occaecat cupidatat non proident</mark>, sunt in culpa qui
+    officia <small>deserunt mollit anim id est laborum</small>.
   </p>
 
   <ul>
@@ -36,6 +33,9 @@
   </ol>
 
   <blockquote>
-    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+      magna aliqua.
+    </p>
   </blockquote>
 </div>

data/_includes/theme/embed_responsive.html

@@ -1,7 +1,7 @@
 {% for embed_responsive_aspect_ratio in site.data.theme.embed_responsive_aspect_ratios %}
-  {% assign x = embed_responsive_aspect_ratio | split: " " | first | remove: "(" %}
-  {% assign y = embed_responsive_aspect_ratio | split: " " | last | remove: ")" %}
-  {% assign text = x | append: "by" | append: y %}
+  {% assign x = embed_responsive_aspect_ratio | split: ' ' | first | remove: '(' %}
+  {% assign y = embed_responsive_aspect_ratio | split: ' ' | last | remove: ')' %}
+  {% assign text = x | append: 'by' | append: y %}
 
   <div class="mb-3">
     {% include headings/with_link.html level=2 text=text %}

data/_includes/theme/font_sizes.html

@@ -1,18 +1,14 @@
 {% for font_size in site.data.theme.font_sizes %}
   <div class="mb-3">
-    {% assign title = "Tipografía f-" | append: font_size[0] %}
+    {% assign title = 'Tipografía f-' | append: font_size[0] %}
     {% include headings/with_link.html level=2 text=title %}
 
     <p class="f-{{ font_size[0] }}">
-      <strong>Lorem ipsum dolor sit amet</strong>, consectetur
-      adipiscing elit, sed do eiusmod tempor incididunt ut labore et
-      dolore magna aliqua. <a href="#">Ut enim ad minim veniam</a>, quis
-      nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-      consequat. <em>Duis aute irure dolor</em> in reprehenderit in
-      voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-      Excepteur <mark>sint occaecat cupidatat non proident</mark>, sunt
-      in culpa qui officia <small>deserunt mollit anim id est
-        laborum</small>.
+      <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+      labore et dolore magna aliqua. <a href="#">Ut enim ad minim veniam</a>, quis nostrud exercitation ullamco laboris
+      nisi ut aliquip ex ea commodo consequat. <em>Duis aute irure dolor</em> in reprehenderit in voluptate velit esse
+      cillum dolore eu fugiat nulla pariatur. Excepteur <mark>sint occaecat cupidatat non proident</mark>, sunt in culpa
+      qui officia <small>deserunt mollit anim id est laborum</small>.
     </p>
   </div>
 {% endfor %}

data/_includes/theme/footer.html

@@ -1 +1 @@
-{% include footer.html %}
+{% include footer.html %}

data/_includes/toggler/toggler.html

@@ -14,8 +14,9 @@
   autocomplete="off"
   id="{{ include.id }}"
   name="{{ include.id }}"
-  aria-labelledby="{{ include.id }}-label" />
+  aria-labelledby="{{ include.id }}-label"
+>
 
 <div class="toggled position-absolute {{ include.toggled_class }}">
-	{{ include.toggled_content }}
+  {{ include.toggled_content }}
 </div>

data/_includes/toggler/toggler_label.html

@@ -16,6 +16,7 @@
   aria-hidden="true"
   id="{{ include.id }}-label"
   for="{{ include.id }}"
-  class="{{ include.class }}">
+  class="{{ include.class }}"
+>
   {{ include.content }}
 </label>

data/_includes/toggler/toggler_related.html

@@ -18,6 +18,7 @@
   aria-hidden="true"
   id="{{ include.id }}-label-related"
   for="{{ include.id }}"
-  class="{{ include.class }}">
+  class="{{ include.class }}"
+>
   {{ include.content }}
 </label>

data/_includes/url.html

@@ -1,9 +1,8 @@
 {%- comment -%}
+  Form: type url
 
-Form: type url
-
-@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/_layouts/code_of_conduct.html

@@ -1,8 +1,7 @@
 ---
 layout: default
 ---
-
-{% assign date_format = site.i18n.date.format | default: "%b %-d, %Y" %}
+{% assign date_format = site.i18n.date.format | default: '%b %-d, %Y' %}
 
 <article class="h-entry" itemscope itemtype="http://schema.org/Article">
   <header>
@@ -35,7 +34,8 @@ layout: default
 
   <footer>
     <a class="u-url" itemprop="url" href="{{ page.url }}" hidden>
-      {{ site.url }}{{ page.url }}
+      {{ site.url -}}
+      {{- page.url }}
     </a>
 
     {%- if page.uuid -%}