editorial-autogestiva-jekyll-theme 0.1.0

data/_data/layouts/editorial.yml

@@ -0,0 +1,76 @@
+---
+title:
+  type: 'string'
+  required: true
+  label:
+    es: 'El nombre del proyecto editorial'
+    en: 'Publisher name'
+description:
+  type: 'text'
+  required: true
+  label:
+    es: 'Descripción del proyecto'
+    en: 'Publisher description'
+logo:
+  type: 'image'
+  path:
+    label:
+      es: 'Logo de la editorial'
+      en: 'Publisher logo'
+    help:
+      es: "Resolución recomendada: 1280 pixeles de ancho"
+      en: "Recommended resolution: 1280 pixels width"
+  description:
+    label:
+      es: 'Descripción del logo'
+      en: 'Logo description'
+    help:
+      es: Describe el logo para usuaries no videntes y buscadores
+      en: |
+        Describe the logo for blind or partially sighted users and
+        search engines
+content:
+  type: 'content'
+  label:
+    es: 'Acerca del proyecto, historia, etc.'
+    en: 'Post content'
+address:
+  type: 'string'
+  label:
+    es: 'La dirección postal'
+    en: 'Postal address'
+locality:
+  type: 'string'
+  label:
+    es: 'Localidad'
+    en: 'Locality'
+country:
+  type: 'string'
+  label:
+    es: 'País'
+    en: 'Country name'
+social_networks:
+  type: 'array'
+  label:
+    es: 'Redes sociales'
+    en: 'Social networks'
+  help:
+    es: 'Vínculo completo a perfiles en redes sociales, por ejemplo: https://twitter.com/SuttyWeb'
+    en: 'Full link to social network profiles, ie. https://twitter.com/SuttyWeb'
+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/_data/layouts/post.yml

@@ -0,0 +1,113 @@
+---
+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'
+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/contact.html

@@ -0,0 +1,35 @@
+<form method="post" action="https://contact.sutty.nl/">
+  <input type="hidden" name="site" value="{{ site.name }}" />
+  <input
+    type="hidden"
+    name="redirect"
+    value="{{ site.url }}/{{ include.url }}?{{ site.i18n.contact.thanks }}" />
+
+  {%- for field in site.i18n.contact.form.fields -%}
+    <div class="form-group">
+      <label for="pronouns">{{ field.label }}</label>
+      <input
+        type="{{ field.type }}"
+        id="{{ field.name }}"
+        name="{{ field.name }}"
+        value=""
+        class="form-control"
+        autocomplete="{{ field.autocomplete }}"
+        placeholder="{{ field.placeholder }}" />
+    </div>
+  {%- endfor -%}
+
+  <div class="form-group">
+    <label for="body">{{ site.i18n.contact.form.body }}</label>
+    <textarea name="body" id="body" required class="form-control"></textarea>
+  </div>
+
+  <input type="submit" class="btn btn-success" value="{{ site.i18n.contact.form.submit }}" />
+
+  <div class="form-check form-check-inline">
+    <input type="checkbox" name="gdpr" id="gdpr" value="1" required class="form-check-input" />
+    <label class="form-check-label" for="gdpr">
+      {{ site.i18n.contact.form.gdpr }}
+    </label>
+  </div>
+</form>

data/_includes/footer.html

@@ -0,0 +1,72 @@
+<footer>
+  <div class="row align-items-end">
+    {% comment %}
+      XXX: Usamos el primer artículo de tipo Editorial.  Hacemos esto
+      porque la edición de estos datos desde Sutty solo se puede hacer
+      como artículos.
+    {% endcomment %}
+    {% assign editorial = site.posts | where: 'layout', 'editorial' | first %}
+
+    <div class="col h-card" itemscope itemtype="https://schema.org/Organization">
+      <div class="media">
+        <img
+          itemprop="logo"
+          class="u-photo"
+          src="{{ editorial.logo.path | thumbnail: 100 }}"
+          alt="{{ editorial.logo.description }}" />
+
+        <div class="media-body">
+          <h1 class="p-name" itemprop="name">{{ editorial.title }}</h1>
+          <p class="lead">{{ editorial.description }}</p>
+        </div>
+
+      </div>
+
+      <div itemprop="location" itemscope itemtype="https://schema.org/PostalAddress">
+        {%- if editorial.address -%}
+          <p class="p-street-address" itemprop="streetAddress">{{ editorial.address }}</p>
+        {%- endif -%}
+        {%- if editorial.locality -%}
+          <p class="p-locality" itemprop="addressLocality">{{ editorial.locality }}</p>
+        {%- endif -%}
+        {%- if editorial.country -%}
+          <p class="p-country-name" itemprop="addressCountry">{{ editorial.country }}</p>
+        {%- endif -%}
+      </div>
+
+      <ul>
+        {%- for social in 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>
+        {%- endfor -%}
+      </ul>
+
+    </div>
+
+    <div class="col text-right">
+      <ul class="">
+        {%- for link in site.i18n.footer.links %}
+          <li>
+            <a href="{{ link.url }}">{{ link.text }}</a>
+          </li>
+        {%- endfor %}
+      </ul>
+
+      {{ site.i18n.footer.made_with_sutty | markdownify }}
+    </div>
+  </div>
+</footer>

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="">
+    {{ site.title }}
+  </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.url %} active{% endif %}" href="{{ item.url }}">
+          {{ item.text }}
+
+          {%- if page.url == item.url -%}
+            <span class="sr-only">
+              {{ site.i18n.menu.active | default: '(current)' }}
+            </span>
+          {%- endif %}
+        </a>
+      </li>
+    {%- endfor -%}
+  </ul>
+</nav>

data/_layouts/book.html

@@ -0,0 +1,140 @@
+---
+layout: default
+---
+
+<article class="h-entry" itemscope itemtype="http://schema.org/Book">
+  <header>
+    <h1 class="p-name" itemprop="name headline">{{ page.title | escape }}</h1>
+
+    {%- if page.description -%}
+      <p class="lead p-summary" itemprop="description">{{ page.description | escape }}</p>
+    {%- endif -%}
+
+
+    <p>
+      <time
+        class="dt-published"
+        datetime="{{ page.date | date_to_xmlschema }}"
+        itemprop="datePublished">
+        {%- assign date_format = site.i18n.date | default: "%b %-d, %Y" -%}
+        {{ page.date | date: date_format }}
+      </time>
+
+      {%- for author in page.author -%}
+        •
+        <span itemprop="author" itemscope itemtype="http://schema.org/Person">
+          <span class="p-author h-card" itemprop="name">
+            {{ author | escape }}
+          </span>
+        </span>
+      {%- endfor -%}
+    </p>
+  </header>
+
+  <div class="row">
+    <div class="col">
+      {%- if page.image.path -%}
+        <picture>
+          {% 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: 570 }}"
+            alt="{{ page.image.description }}" />
+        </picture>
+      {%- endif -%}
+    </div>
+
+    <div class="col">
+      {% comment %}
+        La disponibilidad del libro!
+      {% endcomment %}
+      <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
+        <h2>
+          <span itemprop="price">{{ page.price }}</span>
+          <span itemprop="priceCurrency">{{ page.currency }}</span>
+        </h2>
+
+        <dl>
+          <dt>{{ site.i18n.book.availability }}</dt>
+          {%- if page.availability -%}
+            <meta itemprop="availability"
+                  content="https://schema.org/InStock" />
+            <dd>{{ site.i18n.book.in_stock }}</dd>
+          {%- else -%}
+            <meta itemprop="availability"
+                  content="https://schema.org/OutOfStock" />
+            <dd class="out-of-stock">
+              {{ site.i18n.book.out_of_stock }}
+            </dd>
+          {%- endif -%}
+
+          <dt>{{ site.i18n.book.payment_methods }}</dt>
+          {%- for pm in page.payment_methods -%}
+            <dd>{{ site.i18n.book[pm].text }}</dd>
+            <meta
+              itemprop="acceptedPaymentMethod"
+              content="http://purl.org/goodrelations/v1#{{ site.i18n.book[pm].schema }}" />
+          {%- endfor -%}
+
+          <dt>{{ site.i18n.book.delivery_methods }}</dt>
+          {%- for dm in page.delivery_methods -%}
+            <dd>{{ site.i18n.book[dm].text }}</dd>
+            <meta
+              itemprop="acceptedPaymentMethod"
+              content="http://purl.org/goodrelations/v1#{{ site.i18n.book[pm].schema }}" />
+          {%- endfor -%}
+        </dl>
+      </div>
+
+      <dl>
+        <dt>{{ site.i18n.book.pages }}</dt>
+        <dd itemprop="numberOfPages">{{ page.pages }}</dd>
+
+        <dt>{{ site.i18n.book.size }}</dt>
+        <dd>{{ page.size }}</dd>
+      </dl>
+
+      <div class="e-content" itemprop="abstract">
+        {{ content }}
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col">
+      {% include contact.html url=page.url %}
+    </div>
+  </div>
+
+  <footer>
+    <a class="u-url" itemprop="url" href="{{ page.url }}" hidden>
+      {{ site.url }}/{{ page.url }}
+    </a>
+
+    {%- if page.uuid -%}
+      <span hidden itemprop="identifier">{{ page.uuid }}</span>
+    {%- endif -%}
+
+    {%- if page.license.url -%}
+      <p itemprop="license" itemtype="http://schema.org/CreativeWork">
+        <a rel="license" itemprop="url" href="{{ page.license.url }}">
+          <span itemprop="articleBody">
+            {{ page.license.description }}
+          </span>
+        </a>
+      </p>
+    {%- endif -%}
+
+    {%- if page.tags %}
+      <span itemprop="keywords" hidden>{{ page.tags | join: ', ' }}</span>
+      {%- for tag in page.tags -%}
+        <span hidden class="h-category">{{ tag }}</span>
+      {%- endfor -%}
+    {%- endif -%}
+  </footer>
+</article>