adhesiones-jekyll-theme 0.1.0

data/_data/layouts/post.yml

@@ -0,0 +1,123 @@
+---
+title:
+  type: 'string'
+  required: true
+  label:
+    es: 'Título del artículo'
+    en: 'Post title'
+  help:
+    es: '¡Un título que invite a leer el artículo!'
+    en: 'A title that invites people to read the post!'
+description:
+  type: 'text'
+  required: true
+  label:
+    es: 'Alerta de contenido o descripción del artículo'
+    en: 'Content warning or post description'
+  help:
+    es: |
+      Resumen del contenido del artículo, que también usarán redes
+      sociales y buscadores.  Si el artículo trata de violencias y otros
+      temas sensibles, te invitamos a usar este campo como alerta de
+      contenido, para que las personas puedan determinar cuándo quieren
+      abrirlo.
+    en: |
+      Summary of the post contents, also used by social media and search
+      engines.  If the post is about violence and other sensitive
+      topics, we invite you to use it as a content warning, so others
+      can decide when they want to read it.
+author:
+  type: 'array'
+  label:
+    es: 'Autores'
+    en: 'Authors'
+  help:
+    es: 'Quiénes participaron en la escritura de este artículo'
+    en: 'Who collaborated in write this post'
+cita:
+  type: 'text'
+  label:
+    es: 'Cita de autoridad o llamada a la acción'
+    en: 'Quote or call to action'
+cita_autore:
+  type: 'string'
+  label:
+    es: 'Autore de la cita'
+    en: 'Quote author'
+image:
+  type: 'image'
+  path:
+    label:
+      es: 'Imagen principal'
+      en: 'Main image'
+    help:
+      es: |
+        Se utiliza para ilustrar el artículo y como previsualización en
+        las redes sociales.
+      en: |
+        It's used to illustrate the article and as preview in social
+        networks.
+  description:
+    label:
+      es: 'Descripción de la imagen principal'
+      en: 'Main image description'
+    help:
+      es: |
+        Describe la imagen principal para usuaries no videntes y
+        buscadores
+      en: |
+        Describe the main image for blind or partially sighted users and
+        search engines
+content:
+  type: 'content'
+  label:
+    es: 'Contenido del artículo'
+    en: 'Post content'
+  help:
+    es: 'Escribe aquí el artículo'
+    en: 'Write down your post'
+permalink:
+  type: 'string'
+  label:
+    es: 'Enlace'
+    en: 'Permalink'
+  help:
+    es: |
+      Si no quieres utilizar el formato de enlaces general del sitio
+      para este artículo, especifica uno aquí.
+    en: |
+      If you don't want to follow the site's link format for this
+      post, change it here.
+categories:
+  type: 'array'
+  label:
+    es: 'Categorías'
+    en: 'Categories'
+  help:
+    es: 'Ayudan a organizar los artículos en temas'
+    en: 'Use categories to organize posts by themes'
+tags:
+  type: 'array'
+  label:
+    es: 'Etiquetas'
+    en: 'Tags'
+  help:
+    es: 'Usa etiquetas para resaltar palabras clave'
+    en: 'Tags are helpful as keywords'
+draft:
+  type: 'boolean'
+  label:
+    es: 'Borrador'
+    en: 'Draft'
+  help:
+    es: 'Este artículo aun no está listo para publicar'
+    en: "This post isn't ready to be published yet"
+order:
+  type: 'order'
+  label:
+    es: 'Orden'
+    en: 'Order'
+  help:
+    es: 'La posición del artículo en la lista de artículos'
+    en: 'The post position in the posts list'
+---

data/_includes/boolean.html

@@ -0,0 +1,30 @@
+{%- assign name = include.field[0] -%}
+{%- assign id = include.field[1].id | default: name -%}
+{%- assign label = include.field[1].label[site.locale] -%}
+{%- assign help = include.field[1].help[site.locale] -%}
+{%- assign autocomplete = include.field[1].autocomplete -%}
+
+<div class="form-check text-left">
+  <input
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    type="checkbox"
+    name="{{ name }}"
+    id="{{ id }}"
+    {% if autocomplete %}
+      autocomplete="{{ autocomplete }}"
+    {% endif %}
+    class="form-check-input" />
+
+  <label class="form-check-label" for="{{ id }}">{{ label }}</label>
+
+  {%- if help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+</div>

data/_includes/contact.html

@@ -0,0 +1,19 @@
+{% comment %}
+  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" />
+
+{% 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">
+  {%- for field in include.form -%}
+    {% assign template = field[1].type | append: '.html' %}
+    <div class="col{{ field[1].col | default: 12 | prepend: '-' }}">
+      {% include {{ template }} field=field %}
+    </div>
+  {%- endfor -%}
+</form>

data/_includes/content.html

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

data/_includes/email.html

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

data/_includes/file.html

@@ -0,0 +1,33 @@
+{%- 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 autocomplete = include.field[1].autocomplete -%}
+
+<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 autocomplete %}
+      autocomplete="{{ autocomplete }}"
+    {% 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/form/boolean.html

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

data/_includes/form/content.html

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

data/_includes/form/email.html

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

data/_includes/form/file.html

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

data/_includes/form/hidden.html

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

data/_includes/form/input.html

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

data/_includes/form/markdown_content.html

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

data/_includes/form/number.html

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

data/_includes/form/predefined_array.html

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

data/_includes/form/section.html

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

data/_includes/form/separator.html

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

data/_includes/form/string.html

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

data/_includes/form/submit.html

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

data/_includes/form/text.html

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

data/_includes/form/url.html

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

data/_includes/hidden.html

@@ -0,0 +1,5 @@
+{%- assign name = include.field[0] -%}
+{%- assign id = include.field[1].id | default: name -%}
+{%- assign value = include.field[1].value -%}
+
+<input type="hidden" value="{{ value }}" name="{{ name }}" id="{{ id }}" />

data/_includes/input.html

@@ -0,0 +1,33 @@
+{%- assign name = include.field[0] -%}
+{%- assign id = include.field[1].id | default: name -%}
+{%- assign label = include.field[1].label[site.locale] -%}
+{%- assign help = include.field[1].help[site.locale] -%}
+{%- assign autocomplete = include.field[1].autocomplete -%}
+
+<div class="form-group">
+  <label for="{{ id }}">
+    {{ label }}
+    {% if include.field[1].required %}*{% endif %}
+  </label>
+
+  <input
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    type="{{ include.field[1].type }}"
+    name="{{ name }}"
+    id="{{ id }}"
+    {% if autocomplete %}
+      autocomplete="{{ autocomplete }}"
+    {% endif %}
+    class="form-control" />
+
+  {%- if help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+</div>

data/_includes/markdown_content.html

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

data/_includes/navbar.html

@@ -0,0 +1,29 @@
+<nav class="navbar navbar-expand-lg navbar-light bg-light d-print-block" role="navigation" aria-label="{{ site.i18n.menu.title }}">
+  <a class="navbar-brand" href="">
+    {% include_cached logo.html %}
+  </a>
+
+  {% comment %}
+    TODO: Add CSS-only hamburger menu.
+  {% endcomment %}
+  <ul class="navbar-nav d-print-none">
+    {%- for item in site.i18n.menu.items -%}
+      {% comment %}
+        This makes it hard to just cache the whole navbar, but we prefer
+        to mark the active item in code rather than with JS.
+      {% endcomment %}
+
+      <li class="nav-item">
+        <a class="nav-link{% if page.url == item.href %} active{% endif %}" href="{{ item.href }}">
+          {{ item.title }}
+
+          {%- if page.url == item.href -%}
+            <span class="sr-only">
+              {{ site.i18n.menu.active | default: '(current)' }}
+            </span>
+          {%- endif -%}
+        </a>
+      </li>
+    {%- endfor -%}
+  </ul>
+</nav>

data/_includes/number.html

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

data/_includes/predefined_array.html

@@ -0,0 +1,39 @@
+{%- assign name = include.field[0] -%}
+{%- assign id = include.field[1].id | default: name -%}
+{%- assign label = include.field[1].label[site.locale] -%}
+{%- assign help = include.field[1].help[site.locale] -%}
+{%- assign autocomplete = include.field[1].autocomplete -%}
+
+<div class="form-group">
+  <label for="{{ id }}">
+    {{ label }}
+    {% if include.field[1].required %}*{% endif %}
+  </label>
+
+  <select
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    name="{{ name }}"
+    id="{{ id }}"
+    {% if autocomplete %}
+      autocomplete="{{ autocomplete }}"
+    {% endif %}
+    class="form-control">
+
+    <option value="" selected></option>
+
+    {%- for option in include.field[1].values -%}
+      <option value="{{ option }}">{{ option }}</option>
+    {%- endfor -%}
+  </select>
+
+  {%- if help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+</div>

data/_includes/section.html

@@ -0,0 +1 @@
+<h2 id="{{ include.field[0] }}">{{ include.field[1].title }}</h2>

data/_includes/separator.html

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

data/_includes/share.html

@@ -0,0 +1,12 @@
+{% assign url = site.url | append: include.url | uri_escape %}
+{% assign title = include.title | default: site.title | uri_escape %}
+{% assign description = include.description | default: '' | uri_escape %}
+
+<a
+  target="_blank"
+  title="{{ include.share.title }}"
+  class="d-flex flex-column align-items-center p-3"
+  href="{{ include.share.url | replace: '%url', url | replace: '%title', title | replace: '%description', description }}">
+  <i class="fa fa-fw fa-2x fa-{{ include.share.icon }}"></i>
+  <span>{{ include.share.title }}</span>
+</a>

data/_includes/share_box.html

@@ -0,0 +1,16 @@
+<input type="checkbox" id="share" class="toggler" autocomplete="off" />
+
+<label class="share btn border btn-block" for="share">
+  {{ site.i18n.share.text }}
+  <i class="fa fa-{{ site.i18n.share.icon }}"></i>
+
+  <div class="share-box toggled d-flex align-items-center justify-content-center">
+    <div class="box background-white color-redpink row no-gutters align-items-center justify-content-center p-3">
+      {% for share in site.i18n.share.items %}
+        <div class="col-4">
+          {% include_cached share.html share=share url=include.url title=include.title description=include.description %}
+        </div>
+      {% endfor %}
+    </div>
+  </div>
+</label>

data/_includes/string.html

@@ -0,0 +1,3 @@
+{% assign f = field %}
+{% assign f.type = 'text' %}
+{% include input.html field=f %}

data/_includes/submit.html

@@ -0,0 +1 @@
+<input type="submit" class="btn btn-success" value="{{ include.field[1].label[site.locale] }}" />

data/_includes/text.html

@@ -0,0 +1,32 @@
+{%- assign name = include.field[0] -%}
+{%- assign id = include.field[1].id | default: name -%}
+{%- assign label = include.field[1].label[site.locale] -%}
+{%- assign help = include.field[1].help[site.locale] -%}
+{%- assign autocomplete = include.field[1].autocomplete -%}
+
+<div class="form-group">
+  <label for="{{ id }}">
+    {% if include.field[1].required %}*{% endif %}
+    {{ label }}
+  </label>
+
+  <textarea
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    name="{{ name }}"
+    id="{{ id }}"
+    {% if autocomplete %}
+      autocomplete="{{ autocomplete }}"
+    {% endif %}
+    class="form-control"></textarea>
+
+  {%- if .help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+</div>