sutty-donaciones-jekyll-theme 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7ef9dbb555d69b574afa81daf403af2b37e1343482857877d0434623c1267433
-  data.tar.gz: 6284daab5634547707060752165556c1288f6c5b957c70dd6ae867975098c13d
+  metadata.gz: 3dbca4b23da4014711715556ed461729ecdbb12fb245ab7f26fe15b6d350d892
+  data.tar.gz: d5330ccbf7ec4e5eece4df504cf616e4cf931863941b315f59ca8379a592a8bc
 SHA512:
-  metadata.gz: e42f639be33cd61359c4dd80fb514738eaf67744c65f9681cca00b8254975b7fd8e4c4925d79bd8765d4040e865f3bf350359ae11a3fa9152268cd04629ca5fb
-  data.tar.gz: 7e0777a7b9c62069a6d09f1b35a450b5d4d92f35ae74cdca260ad9b75133d8c3b2f915e693c9d1592d0753fd06d3d43380280ca2f906f016389fe98a4ff1cd07
+  metadata.gz: 1b7d06287cbe6c690d149b7b93fd34cdc34bf7b21e907f7b9f1f626159567be28c72f87f75d0f388bfff1262f84978aaf52c21708e9b320583beef638206ad63
+  data.tar.gz: c315806e64e48fddc8e2c192cd0fe5da65a6a6071fb7245e562cc394a8d3eab18d028afb629b237c634e0b8c4fa121b543912d95db2589f6027a2a79b0dc6457

data/_config.yml

@@ -0,0 +1,50 @@
+title: Donaciones
+plugins:
+- jekyll-locales
+- jekyll-archives
+- jekyll-relative-urls
+- jekyll-feed
+- jekyll-seo-tag
+- jekyll-images
+- jekyll-include-cache
+# Agregar node_modules a la lista de directorios donde SASS busca
+# archivos.  Podríamos haber agregado solo "node_modules/bootstrap/scss"
+# pero queríamos dejarlo abierto para poder cambiar de framework o
+# llamar a varios a la vez.
+sass:
+  load_paths:
+  - node_modules
+# Opciones para generar las URLs de las páginas.  Por defecto Jekyll
+# crea /categoria/año/mes/dia/titulo.html que me parece innecesariamente
+# larga.
+#
+# Con esto generamos URLs relativas (sin / al principio) y solo el
+# titulo convertido en slug.  El slug es la versión limpia del título,
+# sin espacios ni mayusculas, a veces sin tildes.
+#
+# En realidad Jekyll es un poco confuso acá porque :title es el nombre
+# del archivo usado en _posts/yyyy-mm-dd-slug.md y no el titulo
+# slugificado.  De todas formas Sutty se encarga de que coincidan.
+permalink: ":title/"
+# El nombre de la plantilla
+# theme: sutty-base-jekyll-theme
+# La lista de resoluciones de imágenes disponibles para jekyll-images.
+# Estamos usando los puntos de quiebre de bootstrap.
+#
+# https://getbootstrap.com/docs/4.4/layout/overview/#responsive-breakpoints
+images:
+  sizes:
+    - 576
+    - 768
+    - 992
+    - 1140
+locales:
+- es
+# Esto va a ser heredado por jekyll-data
+jekyll-archives:
+  enabled:
+  - layout
+  permalinks:
+    layout: ':name/'
+  layouts:
+    layout: layout

data/_data/en.yml

@@ -0,0 +1,7 @@
+---
+menu:
+ items:
+ - title: 'Articles'
+   href: 'post/'
+footer:
+  description: 'Made with [Sutty](https://sutty.nl/). [Make your own campaign!](https://panel.sutty.nl/)'

data/_data/es.yml

@@ -0,0 +1,8 @@
+---
+date: '%d/%m/%Y'
+menu:
+ items:
+ - title: 'Artículos'
+   href: 'post/'
+footer:
+  description: 'Hecho con [Sutty](https://sutty.nl/). [¡Armá tu campaña de donaciones!](https://panel.sutty.nl/)'

data/_data/forms/contacto.yml

@@ -0,0 +1,40 @@
+---
+pronouns:
+  type: "string"
+  autocomplete: "sex"
+  label:
+    es: "Pronombres"
+    en: "Pronouns"
+  placeholder:
+    es: "¿Qué pronombres usás?"
+    en: "What are your pronouns?"
+name:
+  type: "string"
+  autocomplete: "name"
+  label:
+    es: "Nombre"
+    en: "Name"
+  placeholder:
+    es: "Nombre elegido, pseudónimo, alias"
+    en: "Choosen name, pseudonym, alias"
+from:
+  type: "email"
+  autocomplete: "email"
+  label:
+    es: "Correo electrónico"
+    en: "E-mail address"
+body:
+  type: text
+  label:
+    es: Mensaje
+    en: Message
+consent:
+  type: boolean
+  label:
+    es: Acepto las políticas de privacidad
+    en: I agree to the privacy policy
+submit:
+  type: submit
+  label:
+    es: Enviar
+    en: Send

data/_data/layouts/boton.yml

@@ -16,7 +16,7 @@ payment_url:
     en: 'Payment button link'
   help:
     es: 'El provedor del sistema de pago tiene que proporcionarte un link al botón de pago'
-    es: 'The system payment provider must give you the link to the payment button'
+    en: 'The system payment provider must give you the link to the payment button'
 color:
   type: 'color'
   label:
@@ -25,3 +25,11 @@ color:
   help:
     es: ''
     en: ''
+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/portada.yml

@@ -16,14 +16,14 @@ description:
     en: 'Content warning or campaign description'
   help:
     es: |
-      Resumen del contenido del contenido de la campaña, que también usarán redes
+      Resumen del contenido de la campaña, que también usarán redes
       sociales y buscadores.  Si la campaña está relacionada con violencias y/u 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 campaign contents, also used by social media and search
-      engines.  If the campaign is related to violence and/or other sensitive
+      engines. If the campaign is related to violence and/or other sensitive
       topics, we invite you to use it as a content warning, so others
       can decide when they want to read it.
 author:
@@ -32,7 +32,7 @@ author:
     es: 'Autores'
     en: 'Authors'
   help:
-    es: 'Quiénes son parte de esta campañao'
+    es: 'Quiénes son parte de esta campaña'
     en: 'Who is part of this campaign'
 image:
   type: 'image'
@@ -66,3 +66,11 @@ content:
   help:
     es: 'Motivaciones, plazos, formas de donación o cualquier dato relevante'
     en: 'Motivations, timeframes, donation types or any relevant information'
+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/email.html

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

data/_includes/form/boolean.html

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

data/_includes/form/email.html

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

data/_includes/form/hidden.html

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

data/_includes/form/input.html

@@ -0,0 +1 @@
+../input.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/navbar.html

@@ -1,6 +1,6 @@
-<nav class="navbar navbar-expand-lg navbar-light bg-light d-print-block" role="navigation" aria-label="{{ site.i18n.menu.title }}">
+<nav class="navbar navbar-expand-lg navbar-light bg-light d-print-none" role="navigation" aria-label="{{ site.i18n.menu.title }}">
   <a class="navbar-brand" href="">
-    {% include_cached logo.html %}
+  {{ site.title }}
   </a>
 
   {% comment %}

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/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>

data/_includes/url.html

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

data/_layouts/default.html

@@ -14,6 +14,7 @@
     {% feed_meta %}
   </head>
   <body>
+    {% include navbar.html %}
     <main class="container">
       <div class="row justify-content-center d-print-block">
         <div class="col">
@@ -21,5 +22,6 @@
         </div>
       </div>
     </main>
+    <footer class="text-center">{{ site.i18n.footer.description | markdownify }}</footer>
   </body>
 </html>

data/_layouts/home.html

@@ -5,7 +5,7 @@ layout: default
 {%- assign portada = site.posts | where: 'layout', 'portada' | first -%}
 {%- assign botones = site.posts | where: 'layout', 'boton' -%}
 
-<section>
+<section class="mt-5 mb-5">
   <h1>{{ portada.title }}</h1>
   <p class="lead">{{ portada.author | join: ', ' }} &mdash; {{ portada.description }}</p>
 
@@ -21,7 +21,7 @@ layout: default
   </div>
 </section>
 
-<section class="row justify-content-center">
+<section class="row justify-content-center mb-5">
   <div class="col-md-6">
     {% for boton in botones %}
       <a

data/_layouts/layout.html

@@ -0,0 +1,15 @@
+---
+layout: default
+---
+
+{% for post in page.posts %}
+  <div>
+    <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
+    <time datetime="{{ post.date | date_to_xmlschema }}">
+      {%- assign date_format = site.i18n.date | default: "%b %-d, %Y" -%}
+      {{ post.date | date: date_format }}
+    </time>
+
+    <p class="lead">{{ post.description }}</p>
+  </div>
+{% endfor %}

data/assets/css/styles.scss

@@ -12,6 +12,7 @@ $theme-colors: (
 
 @import "fonts";
 
+$enable-rounded: false;
 $font-family-sans-serif: Saira, sans-serif;
 $primary: #f206f9;
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: sutty-donaciones-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - f
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-06-02 00:00:00.000000000 Z
+date: 2020-06-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -109,6 +109,34 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '1.1'
+- !ruby/object:Gem::Dependency
+  name: jekyll-locales
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.1'
+- !ruby/object:Gem::Dependency
+  name: sutty-archives
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.2'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -149,13 +177,19 @@ extra_rdoc_files:
 files:
 - LICENSE.txt
 - README.md
+- _config.yml
+- _data/en.yml
+- _data/es.yml
+- _data/forms/contacto.yml
 - _data/layouts/boton.yml
 - _data/layouts/portada.yml
 - _data/layouts/post.yml
 - _includes/boolean.html
+- _includes/contact.html
 - _includes/email.html
 - _includes/form/boolean.html
 - _includes/form/email.html
+- _includes/form/hidden.html
 - _includes/form/input.html
 - _includes/form/number.html
 - _includes/form/predefined_array.html
@@ -165,6 +199,7 @@ files:
 - _includes/form/submit.html
 - _includes/form/text.html
 - _includes/form/url.html
+- _includes/hidden.html
 - _includes/input.html
 - _includes/navbar.html
 - _includes/number.html
@@ -177,6 +212,7 @@ files:
 - _includes/url.html
 - _layouts/default.html
 - _layouts/home.html
+- _layouts/layout.html
 - _layouts/post.html
 - _sass/fonts.scss
 - assets/css/styles.scss

data/_includes/boolean.html

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

data/_includes/email.html

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

data/_includes/form/boolean.html

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

data/_includes/form/email.html

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

data/_includes/form/input.html

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

data/_includes/form/number.html

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

data/_includes/form/predefined_array.html

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

data/_includes/form/section.html

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

data/_includes/form/separator.html

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

data/_includes/form/string.html

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

data/_includes/form/submit.html

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

data/_includes/form/text.html

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

data/_includes/form/url.html

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

data/_includes/input.html

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

data/_includes/number.html

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

data/_includes/predefined_array.html

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

data/_includes/section.html

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

data/_includes/separator.html

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

data/_includes/string.html

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

data/_includes/submit.html

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

data/_includes/text.html

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

data/_includes/url.html

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