editorial-autogestiva-jekyll-theme 0.2.8 → 0.3.4

data/_includes/cart.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28.026" height="25.222" viewBox="0 0 7.415 6.673"><path d="M2.86 6.663a.823.823 0 01-.549-.432.82.82 0 01.143-.926.694.694 0 01.552-.238.69.69 0 01.549.237.81.81 0 01.003 1.125.726.726 0 01-.307.204.947.947 0 01-.39.03zm2.77-.008a.826.826 0 01-.525-.42c-.184-.493.065-1.04.54-1.156a.565.565 0 01.304 0 .713.713 0 01.392.222c.211.218.282.479.21.77a.783.783 0 01-.922.584zM2.346 4.85c-.075-.039-.103-.09-.149-.269A2078.986 2078.986 0 011.17.491L1.155.435H.662C.12.435.1.432.04.345a.224.224 0 01.056-.31L.146 0h.617c.587 0 .62.002.665.03a.258.258 0 01.068.063c.012.019.074.244.139.5.064.256.12.477.125.491.007.025.15.026 2.75.026 2.53 0 2.745.002 2.792.025a.228.228 0 01.113.163c.005.03-.116.538-.385 1.606-.468 1.862-.456 1.813-.488 1.87a.232.232 0 01-.077.075c-.049.027-.128.028-2.06.028-1.884 0-2.012-.002-2.058-.027z"/></svg>

data/_includes/cart_add.html

@@ -0,0 +1,8 @@
+<button
+  {{ include.product.in_stock | value_unless: 'disabled' }}
+  data-action="cart#add"
+  data-stock-add
+  class="btn btn-success btn-block btn-lg">
+  <span class="when-parent-disabled">{{ site.cart.out_of_stock }}</span>
+  <span class="when-parent-enabled">{{ site.cart.add }}</span>
+</button>

data/_includes/cart_controller.html

@@ -0,0 +1,10 @@
+data-controller="cart"
+data-target="stock.product"
+data-cart-url="{{ include.product.url }}"
+data-cart-variant-id="{{ include.product.variant_id }}"
+data-cart-image="{{ include.product.image.path | thumbnail: 212, 300 }}"
+data-cart-title="{{ include.product.title }}"
+data-cart-price="{{ include.product.price }}"
+data-cart-in-stock="{{ include.product.in_stock }}"
+data-cart-stock="{{ include.product.stock }}"
+data-cart-extra="{{ include.extra | join: '|' }}"

data/_includes/contact.html

@@ -1,15 +1,16 @@
 {% comment %}
-  Esta imagen obtiene una cookie desde la API de Sutty para autorizar el
-  envío del formulario.
+Esta imagen obtiene una cookie desde la API de Sutty para autorizar el
+envío del formulario.
 {% endcomment %}
-<img class="d-none" src="https://api.sutty.nl/v1/sites/{{ site.hostname }}/contact/cookie.png" />
+<img class="d-none invisible" src="https://api.sutty.nl/v1/sites/{{ site.hostname }}/contact/cookie.png" />
 
 {% comment %}
   El formulario se envía a la API.  La definición del formulario se
   encuentra en _data/forms/contacto.yml
 {% endcomment %}
-<form action="https://api.sutty.nl/v1/sites/{{ site.hostname }}/contact/contacto"
-      method="post">
+<form
+  action="https://api.sutty.nl/v1/sites/{{ site.hostname }}/contact/{{ include.name }}"
+  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

@@ -0,0 +1 @@
+{% include text.html field=field %}

data/_includes/country.html

@@ -0,0 +1,53 @@
+{% if include.form %}
+  {%- assign name = include.field[0] | append: ']' | prepend: '[' | prepend: include.form -%}
+  {%- assign id = include.field[1].id | default: name | replace: '[', '_' | remove: ']' -%}
+{% else %}
+  {%- assign name = include.field[0] -%}
+  {%- assign id = include.field[1].id | default: name %}
+{% endif %}
+
+{%- assign label = include.field[1].label[site.locale] -%}
+{%- assign help = include.field[1].help[site.locale] -%}
+{%- assign error = include.field[1].error[site.locale] -%}
+{%- assign autocomplete = include.field[1].autocomplete -%}
+
+<div class="form-group" data-controller="country" data-country-group="{{ include.field[1].group }}">
+  <label for="{{ id }}">
+    {{ label }}
+    {% if include.field[1].required %}*{% endif %}
+  </label>
+
+  <input data-target="country.id" type="hidden" name="{{ name }}" id="{{ id }}" value="" />
+  <input data-target="country.iso" type="hidden" name="{{ include.form }}_ignore_{{ include.field[0] }}_iso" value="" />
+
+  <input
+    data-target="country.name"
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    type="{{ include.field[1].type }}"
+    {% if autocomplete %}
+      autocomplete="{{ autocomplete }}"
+    {% endif %}
+    name="{{ include.form }}_ignore_{{ include.field[0] }}"
+    id="{{ include.form }}_ignore_{{ include.field[0] }}"
+    disabled
+    list="list-{{ id }}"
+    class="form-control" />
+
+  {%- if error -%}
+    <div class="invalid-feedback">{{ error }}</div>
+  {%- endif -%}
+
+  {%- if help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+
+  <datalist id="list-{{ id }}" data-target="country.list">
+  </datalist>
+</div>

data/_includes/editorial.html

@@ -1,19 +1,23 @@
-<article id="editorial" class="col h-card" itemscope itemtype="https://schema.org/Organization">
-  <div class="media">
-    <img
-      itemprop="logo"
-      class="u-photo"
-      src="{{ include.editorial.logo.path | thumbnail: 100 }}"
-      alt="{{ include.editorial.logo.description }}" />
-
-    <div class="media-body">
-      <h1 class="p-name" itemprop="name">{{ include.editorial.title }}</h1>
-      <p class="lead">{{ include.editorial.description }}</p>
+<article id="editorial" class="h-card" itemscope itemtype="https://schema.org/Organization">
+  <div class="row no-gutters mb-3">
+    <div class="col-12 col-md-4 mb-3 mb-md-0">
+      {%- include_cached
+            picture.html
+            image=include.editorial.logo
+            itemprop='logo' -%}
     </div>
 
+    <header class="col-12 col-md pl-3">
+      <h1 class="p-name" itemprop="name">
+        <a href="{{ include.editorial.url }}">
+          {{ include.editorial.title }}
+        </a>
+      </h1>
+      <p class="lead">{{ include.editorial.description }}</p>
+    </header>
   </div>
 
-  <div itemprop="location" itemscope itemtype="https://schema.org/PostalAddress">
+  <address itemprop="location" itemscope itemtype="https://schema.org/PostalAddress">
     {%- if include.editorial.address -%}
       <p class="p-street-address" itemprop="streetAddress">{{ include.editorial.address }}</p>
     {%- endif -%}
@@ -23,26 +27,16 @@
     {%- if include.editorial.country -%}
       <p class="p-country-name" itemprop="addressCountry">{{ include.editorial.country }}</p>
     {%- endif -%}
-  </div>
+  </address>
 
-  <ul>
+  <ul class="list-unstyled">
     {%- for social in include.editorial.social_networks -%}
-      <li><a rel="me" href="{{ social }}">
-        {% comment %}
-
-          Obtenemos la URL de la red social, eliminamos la www,
-          obtenemos el tercer elemento separando por / y el primero
-          separando por .
-
-          https://www.twitter.com/SuttyWeb
-          https://twitter.com/SuttyWeb
-          twitter.com
-          twitter
-          Twitter
-        {% endcomment %}
-        {% assign s = social | remove: 'www.' | split: '/' %}
-        {{ s[2] | split: '.' | first | capitalize }}
-      </a></li>
+      {% assign network = social | social_network %}
+      <li>
+        <a
+          target="_blank"
+          rel="noopener noreferrer me"
+          href="{{ social }}">{{ network.name | capitalize }}</a></li>
     {%- endfor -%}
   </ul>
 

data/_includes/file.html

@@ -0,0 +1,35 @@
+{%- assign name = include.field[0] -%}
+{%- assign id = include.field[1].id | default: name -%}
+{%- assign label = include.field[1]['path'].label[site.locale] -%}
+{%- assign help = include.field[1]['path'].help[site.locale] -%}
+{%- assign accept = include.field[1].accept -%}
+
+<label>{{ label }}</label>
+
+<div class="custom-file">
+  <input
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    type="{{ include.field[1].type }}"
+    name="{{ name }}[path]"
+    id="{{ id }}_path"
+    {% if accept %}
+    accept="{{ accept }}"
+    {% endif %}
+    class="custom-file-input" />
+
+  <label for="{{ id }}_path" class="custom-file-label">
+    {{ label }}
+    {% if include.field[1].required %}*{% endif %}
+  </label>
+
+  {%- if help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+</div>

data/_includes/floating_alert.html

@@ -0,0 +1,6 @@
+<div
+  data-controller="floating-alert"
+  class="pointer-event-none floating-alert floating-alert-bottom d-flex justify-content-center w-100 position-fixed fade hide"
+  role="status" aria-live="polite" aria-atomic="true">
+  <div data-target="floating-alert.content" class="floating-alert-content white background-black-t4"></div>
+</div>

data/_includes/footer.html

@@ -1,12 +1,14 @@
-<footer>
-  <div class="row align-items-end">
-    {%- if include.footer -%}
-      {% assign editorial = site.posts | where: 'layout', 'editorial' | first %}
-      {% include_cached editorial.html editorial=editorial %}
-    {%- endif -%}
+<footer class="border-top pt-3 container">
+  <div class="row">
+    <div class="col">
+      {%- if include.footer -%}
+        {% assign editorial = site.posts | where: 'layout', 'editorial' | first %}
+        {% include_cached editorial.html editorial=editorial %}
+      {%- endif -%}
+    </div>
 
-    <div class="col text-right">
-      <ul class="">
+    <div class="col d-flex flex-column align-items-end justify-content-end">
+      <ul class="list-unstyled">
         {%- for link in site.i18n.footer.links %}
           <li>
             <a href="{{ link.url }}">{{ link.text }}</a>

data/_includes/form/boolean.html

@@ -1 +1 @@
-.././boolean.html
+../boolean.html

data/_includes/form/content.html

@@ -0,0 +1 @@
+../content.html

data/_includes/form/email.html

@@ -1 +1 @@
-.././email.html
+../email.html

data/_includes/form/file.html

@@ -0,0 +1 @@
+../file.html

data/_includes/form/hidden.html

@@ -1 +1 @@
-.././hidden.html
+../hidden.html

data/_includes/form/image.html

@@ -0,0 +1 @@
+../image.html

data/_includes/form/input.html

@@ -1 +1 @@
-.././input.html
+../input.html

data/_includes/form/markdown_content.html

@@ -0,0 +1 @@
+../markdown_content.html

data/_includes/form/number.html

@@ -1 +1 @@
-.././number.html
+../number.html

data/_includes/form/predefined_array.html

@@ -1 +1 @@
-.././predefined_array.html
+../predefined_array.html

data/_includes/form/section.html

@@ -1 +1 @@
-.././section.html
+../section.html

data/_includes/form/separator.html

@@ -1 +1 @@
-.././separator.html
+../separator.html

data/_includes/form/string.html

@@ -1 +1 @@
-.././string.html
+../string.html

data/_includes/form/submit.html

@@ -1 +1 @@
-.././submit.html
+../submit.html

data/_includes/form/tel.html

@@ -0,0 +1 @@
+../tel.html

data/_includes/form/text.html

@@ -1 +1 @@
-.././text.html
+../text.html

data/_includes/form/url.html

@@ -1 +1 @@
-.././url.html
+../url.html

data/_includes/image.html

@@ -0,0 +1,32 @@
+{%- assign name = include.field[0] -%}
+{%- assign id = include.field[1].id | default: name -%}
+{%- assign label = include.field[1]['path'].label[site.locale] -%}
+{%- assign help = include.field[1]['path'].help[site.locale] -%}
+
+<label>{{ label }}</label>
+
+<div class="custom-file">
+  <input
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    type="{{ include.field[1].type }}"
+    name="{{ name }}[path]"
+    id="{{ id }}_path"
+    accept="image/*"
+    class="custom-file-input" />
+
+  <label for="{{ id }}_path" class="custom-file-label">
+    {{ label }}
+    {% if include.field[1].required %}*{% endif %}
+  </label>
+
+  {%- if help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+</div>

data/_includes/input.html

@@ -1,7 +1,14 @@
-{%- assign name = include.field[0] -%}
-{%- assign id = include.field[1].id | default: name -%}
+{% if include.form %}
+  {%- assign name = include.field[0] | append: ']' | prepend: '[' | prepend: include.form -%}
+  {%- assign id = include.field[1].id | default: name | replace: '[', '_' | remove: ']' -%}
+{% else %}
+  {%- assign name = include.field[0] -%}
+  {%- assign id = include.field[1].id | default: name %}
+{% endif %}
+
 {%- assign label = include.field[1].label[site.locale] -%}
 {%- assign help = include.field[1].help[site.locale] -%}
+{%- assign error = include.field[1].error[site.locale] -%}
 {%- assign autocomplete = include.field[1].autocomplete -%}
 
 <div class="form-group">
@@ -11,6 +18,7 @@
   </label>
 
   <input
+    {{ include.field[1].extra.input }}
     {% if help %}
       aria-describedby="help-{{ id }}"
     {% endif %}
@@ -25,6 +33,10 @@
     {% endif %}
     class="form-control" />
 
+  {%- if error -%}
+    <div class="invalid-feedback">{{ error }}</div>
+  {%- endif -%}
+
   {%- if help -%}
     <small id="help-{{ id }}" class="form-text">
       {{ help }}

data/_includes/item.html

@@ -0,0 +1,38 @@
+{%- comment -%}
+El ítem tiene un dropdown si tiene sub ítems o si tiene categorías.
+{%- endcomment -%}
+{%- assign dropdown = include.item.items | present -%}
+{%- unless dropdown -%}
+{%- assign dropdown = include.item.categories | present -%}
+{%- endunless -%}
+
+<div class="nav-item w-100 w-lg-auto {{ dropdown | value_if: 'dropdown d-flex flex-wrap' }}">
+  {%- comment -%}
+  La URL del item puede ser:
+  * El artículo vinculado
+  * El vínculo escrito manualmente
+  * La primera categoría de la lista
+  * La dirección propia (en el caso de categorías)
+  {%- endcomment -%}
+  <a
+    href="{{ include.item.post.url | default: include.item.link | default: include.item.categories[0].url | default: include.item.url }}"
+    class="nav-link flex-grow-1 flex-grow-lg-0">
+    {{ include.item.title }}
+  </a>
+
+  {%- if dropdown -%}
+    <button class="dropdown-toggle border-0 background-white w-5 w-lg-auto pl-lg-3"></button>
+    <div class="dropdown-menu w-100 w-lg-auto flex-grow-1 flex-grow-lg-0">
+      {% for item in include.item.items %}
+        {%- include_cached item.html item=item -%}
+      {% endfor %}
+
+      {%- comment -%}
+      Esto necesita `replace` en sutty-archives
+      {%- endcomment -%}
+      {%- for item in include.item.categories offset: 1 -%}
+        {%- include_cached item.html item=item -%}
+      {%- endfor -%}
+    </div>
+  {%- endif -%}
+</div>

data/_includes/markdown_content.html

@@ -0,0 +1 @@
+{% include text.html field=field %}

data/_includes/menu.html

@@ -0,0 +1,27 @@
+{%- comment -%}
+Empezamos con los ítems que no dependen de otros e implementamos
+recursivamente.
+{%- endcomment -%}
+{%- assign items = site.posts | where: 'layout', 'menu' | where: 'item', nil -%}
+
+<nav class="navbar navbar-expand-lg navbar-light">
+  <button class="navbar-toggler"
+          type="button"
+          data-toggle="collapse"
+          data-target="#menu"
+          aria-label="{{ site.i18n.menu.title }}">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+
+  <div class="collapse navbar-collapse" id="menu">
+    <div class="navbar-nav w-100 d-flex align-items-start justify-content-center">
+      {% for item in items %}
+        {%- include_cached item.html item=item -%}
+      {% endfor %}
+
+      <div class="nav-item w-100 w-lg-auto">
+        {%- include_cached search.html -%}
+      </div>
+    </div>
+  </div>
+</nav>