recursero-jekyll-theme 0.1.0

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/burger.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 7.9373541 7.937774"><path stroke-miterlimit="10" stroke-width="0.52917" stroke="#000000" fill="none" d="M 0,1.0861064 H 7.937774 M 0,3.9685489 H 7.937774 M 0,6.8516676 h 7.937774" /></svg>

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,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/footer.html

@@ -0,0 +1,14 @@
+{%- assign about = site.posts | find: 'layout', 'about' -%}
+<footer class="d-flex align-items-center justify-content-center mt-5 pt-3 pb-3 background-gray-dark">
+  {%- if about.email -%}
+    <a class="gray" href="mailto:{{ about.email }}" rel="me" title="{{ site.title }}">{{ about.email }}</a>
+  {%- endif -%}
+
+  {%- for network in about.social_networks -%}
+    {%- assign n = network | social_network -%}
+    <a class="gray" href="{{ n.url }}" rel="me" target="_blank" title="{{ n.name | capitalize }}">
+      <i class="fa fa-fw fa-lg fa-{{ n.name }}"></i>
+      <span class="sr-only">{{ n.name }}</span>
+    </a>
+  {%- endfor -%}
+</footer>

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/image.html

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

@@ -0,0 +1 @@
+../tel.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/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

@@ -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/logo.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.662 9.912" aria-labelledby="title desc">
+  <title id="title">{{ site.i18n.logo.title | escape }}</title>
+  <desc id="desc">{{ site.i18n.logo.desc | escape }}</desc>
+  <path d="M.342 3.416c2.472.614 2.823 6.066 6.839 6.157 5.597.126 3.556-8.329.02-7.886-3.922.49-.351 9.137 4.212 5.28 1.717-1.451 3-5.927.555-6.628" stroke-miterlimit="10" fill="none" stroke="#fff" stroke-width=".675" stroke-linecap="round"/>
+</svg>

data/_includes/markdown_content.html

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

data/_includes/navbar.html

@@ -0,0 +1,53 @@
+{%- assign menu = site.posts | where: 'layout', 'about' | where: 'menu', true -%}
+
+<nav class="navbar navbar-expand-lg d-print-block navbar-light" role="navigation" aria-label="{{ site.i18n.menu.title }}">
+  <a class="navbar-brand" href="">
+    <img src="{{ menu[0].logo.path | thumbnail: nil, 60 }}" alt="Logo"/>
+  </a>
+
+  {% comment %}
+    TODO: Add CSS-only hamburger menu.
+  {% endcomment %}
+  <input
+    type="checkbox"
+    id="menu-toggler"
+    aria-label="{{ site.i18n.menu.action }}"
+    aria-labelledby="menu-label"
+    class="toggler"/>
+  <label
+    for="menu-toggler"
+    id="menu-label"
+    class="w-lg-100 m-0 p-0 d-print-none"
+    aria-controls="menu"
+    aria-label="{{ site.i18n.menu.title }}">
+    <div class="d-block d-lg-none">
+      <div class="icon-open">
+        {% include burger.svg %}
+      </div>
+      <div class="icon-close">
+        {% include x.svg %}
+      </div>
+    </div>
+
+    <ul class="toggled navbar-nav">
+      {%- for item in menu -%}
+        {% 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.title }}
+
+            {%- if page.url == item.url -%}
+              <span class="sr-only">
+                {{ site.i18n.menu.active | default: '(current)' }}
+              </span>
+            {%- endif -%}
+          </a>
+        </li>
+      {%- endfor -%}
+    </ul>
+  </label>
+</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/search.html

@@ -0,0 +1,15 @@
+{%- comment -%}
+Encabezado con buscador
+{%- endcomment -%}
+<section id="{{ site.i18n.search.id }}">
+  <div class="jumbotron">
+    <form method="get" class="search" action="{{ site.i18n.search.url }}">
+      <div class="form-group">
+        <label for="search" class="sr-only">{{ site.i18n.search.placeholder }}</label>
+        <input class="form-control form-control-lg" autocomplete="off" type="search" name="q" placeholder="{{ site.i18n.search.placeholder }}" />
+      </div>
+
+      <input type="submit" value="{{ site.i18n.search.submit }}" class="sr-only" />
+    </form>
+  </div>
+</section>

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,21 @@
+{% capture url %}{{ site.url }}{{ include.url }}{% endcapture %}
+
+{% unless include.share.url == '%url' %}
+  {% assign url = url | default: '' | cgi_escape %}
+{% endunless %}
+{% assign title = include.title | default: '' | cgi_escape %}
+{% assign description = include.description | default: '' | cgi_escape %}
+
+<a
+  {% if include.share.url == '%url' %}
+    download
+  {% else %}
+    target="_blank"
+  {% endif %}
+  rel="nofollow"
+  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/tel.html

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

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>