Formulario de contacto

_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

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