observatorio-jekyll-theme 0.1.2

data/_includes/markdown_content.html

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

data/_includes/matomo.html

@@ -0,0 +1,15 @@
+<!-- Matomo -->
+<script defer type="text/javascript">
+  var _paq = _paq || [];
+  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+  _paq.push(['trackPageView']);
+  _paq.push(['enableLinkTracking']);
+  (function() {
+    var u="{{ site.env.MATOMO_URL }}";
+    _paq.push(['setTrackerUrl', u+'piwik.php']);
+    _paq.push(['setSiteId', '{{ site.env.MATOMO_ID }}']);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+  })();
+</script>
+<!-- End Matomo Code -->

data/_includes/menu.html

@@ -0,0 +1,27 @@
+{%- comment -%}
+Empezamos con los ítems que no dependen de otros e implementamos
+recursivamente.
+{%- endcomment -%}
+{%- assign items = site.posts | where: 'layout', 'menu' | where: 'item', nil -%}
+
+<nav class="navbar navbar-expand-lg navbar-light">
+  <button class="navbar-toggler"
+          type="button"
+          data-toggle="collapse"
+          data-target="#menu"
+          aria-label="{{ site.i18n.menu.title }}">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+
+  <div class="collapse navbar-collapse" id="menu">
+    <div class="navbar-nav w-100 d-flex align-items-start justify-content-center">
+      {% for item in items %}
+        {%- include_cached item.html item=item -%}
+      {% endfor %}
+
+      <div class="nav-item w-100 w-lg-auto">
+        {%- include_cached search.html -%}
+      </div>
+    </div>
+  </div>
+</nav>

data/_includes/navbar.html

@@ -0,0 +1,32 @@
+{%- assign about = site.posts | find: 'layout', 'about' -%}
+{%- for sn in about.social_networks -%}
+  {%- if sn contains 'https://chat.whatsapp.com/' -%}
+    {%- assign whatsapp = sn -%}
+  {%- endif -%}
+{%- endfor -%}
+
+<nav class="w-100 d-flex align-items-center justify-content-end flex-wrap pt-1 pt-md-3 pr-2 pr-md-3">
+  <div class="flex-grow-md-1 d-flex align-items-center">
+    {%- include_cached social_networks.html social_networks=about.social_networks -%}
+  </div>
+
+  {%- if whatsapp -%}
+    <a class="btn btn-primary mr-md-3" href="{{ whatsapp }}" target="_blank" rel="noopener">
+      {{ site.i18n.whatsapp }}
+    </a>
+  {%- endif -%}
+
+  {%- include_cached newsletter.html -%}
+</nav>
+
+<header class="d-flex flex-column w-100 align-items-center justify-content-center pt-3 pt-md-5 pb-3 pt-md-5 pl-3 pr-3">
+  <div class="max-w-15 mb-2 mb-md-3">
+    <a href="?">
+      {%- include_cached picture.html image=about.logo default_description=about.title height='auto' cover=false -%}
+    </a>
+  </div>
+
+  <h1 class="f-4 text-uppercase text-center">{{ about.title }}</h1>
+</header>
+
+{% include menu.html %}

data/_includes/newsletter.html

@@ -0,0 +1,10 @@
+<img class="d-none invisible" src="https://api.sutty.nl/v1/sites/{{ site.hostname }}/contact/cookie.png" />
+
+<form action="https://api.sutty.nl/v1/sites/{{ site.hostname }}/contact/newsletter"
+      method="post"
+      class="form-inline">
+  {%- for field in site.data.forms.newsletter -%}
+    {% assign template = field[1].type | append: '.html' %}
+      {% include {{ template }} field=field %}
+  {%- endfor -%}
+</form>

data/_includes/notification.html

@@ -0,0 +1,5 @@
+<div
+  data-controller="notification"
+  data-notification-templates="assets/templates/"
+  class="notification fixed-top w-100 fade collapse hide">
+</div>

data/_includes/number.html

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

data/_includes/pack.html

@@ -0,0 +1 @@
+<script defer src="{{ jekyll.environment | equals: 'production' | ternary: site.data.assets['assets/js/pack.js'], 'assets/js/pack.js' }}"></script>

data/_includes/password.html

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

data/_includes/pay_what_you_can_controller.html

@@ -0,0 +1,13 @@
+data-controller="pay-what-you-can"
+data-pay-what-you-can-download-value="{{ include.product.url | present }}"
+data-pay-what-you-can-url-value="{{ include.url | default: include.product.url }}"
+data-pay-what-you-can-variant-id-value="{{ include.product.variant_id }}"
+data-pay-what-you-can-firstname-value="{{ include.product.title }}"
+data-pay-what-you-can-currency-value="ARS"
+data-pay-what-you-can-price-value="1"
+data-image="{{ include.product.image.path | thumbnail: 300 }}"
+data-title="{{ include.product.title }}"
+data-price="{{ include.product.price }}"
+data-in-stock="{{ include.product.in_stock }}"
+data-stock="{{ include.product.stock }}"
+data-extra="{{ include.extra | join: '|' }}"

data/_includes/picture.html

@@ -0,0 +1,23 @@
+{% comment %}
+Imágenes responsive.  Esto logra que solo se carguen las versiones de
+las imágenes con el ancho máximo de la pantalla.
+
+TODO: Las imágenes en md y superior nunca llegan al ancho máximo así
+que tienen una resolución de más.
+{% endcomment %}
+{%- assign image = include.image.path | default: 'public/placeholder.png' %}
+{%- assign height = include.height | default: site.i18n.post.height -%}
+{%- assign width = include.width | default: '100' -%}
+
+<picture>
+  {% for size in site.images.sizes %}
+    <source srcset="{{ image | thumbnail: size }}" media="(max-width: {{ size }}px)" />
+  {% endfor %}
+
+  <img
+    class="u-photo w-{{ width }} {{ include.cover | equals: false | value_unless: 'fit-cover' }} h-{{ height }} {{ include.extra }}"
+    loading="lazy"
+    itemprop="image"
+    src="{{ image | thumbnail: 1140 }}"
+    alt="{{ include.image.description | include.default_description }}" />
+</picture>

data/_includes/post.html

@@ -0,0 +1,48 @@
+{%- assign height = include.height | default: site.i18n.post.height -%}
+{%- assign overlap = include.overlap | default: false -%}
+
+<article class="col d-flex flex-column mb-3">
+  {%- if include.post.video -%}
+    <div class="h-{{ height }}">
+      {%- include_cached video.html video=include.post.video class='min-h-100' -%}
+    </div>
+  {%- else -%}
+    <a href="{{ include.post.url }}">
+      {%- include_cached picture.html image=include.post.image default_description=include.post.title height=height -%}
+    </a>
+  {%- endif -%}
+
+  {% comment %}
+  El margen negativo al 100% hace que se solape el div sobre el img.
+  {% endcomment %}
+  <div class="{% if overlap %}h-{{ height }} mt-n{{ height }} justify-content-end{% endif %} pl-3 pr-3 pb-3 d-flex flex-column">
+    <header class="position-relative">
+      <h1 class="h4 {{ overlap | value_unless: 'mt-3' }}">
+        <a
+          class="{{ overlap | ternary: 'white', 'black' }} line-clamp-5"
+          href="{{ include.post.url }}">
+          <span class="{{ overlap | value_if: 'background-blue-t4' }}">{{ include.post.title }}</span>
+        </a>
+      </h1>
+
+      <p class="{{ overlap | value_if: 'background-blue-t4 white d-inline' }}">
+        {% comment %}
+        El fondo está repetido porque el line-clamp lo deshabilita (?)
+        {% endcomment %}
+        <span class="line-clamp-1 {{ overlap | value_if: 'background-blue-t4' }}">
+          {{ include.post.author | join: ', ' }}
+        </span>
+
+        <time datetime="{{ include.post.date }}">
+          {{ include.post.date | date_local: site.i18n.date.format }}
+        </time>
+      </p>
+
+      <p>
+        {% for category in include.post.categories %}
+          <a href="{{ category.url }}" class="badge badge-primary">{{ category.title }}</a>
+        {% endfor %}
+      </p>
+    </header>
+  </div>
+</article>

data/_includes/postal_code.html

@@ -0,0 +1,45 @@
+{% if include.form %}
+  {%- assign name = include.field[0] | append: ']' | prepend: '[' | prepend: include.form -%}
+  {%- assign id = include.field[1].id | default: name | replace: '[', '_' | remove: ']' -%}
+{% else %}
+  {%- assign name = include.field[0] -%}
+  {%- assign id = include.field[1].id | default: name %}
+{% endif %}
+
+{%- assign label = include.field[1].label[site.locale] -%}
+{%- assign help = include.field[1].help[site.locale] -%}
+{%- assign error = include.field[1].error[site.locale] -%}
+{%- assign autocomplete = include.field[1].autocomplete -%}
+
+<div class="form-group" data-controller="postal-code" data-postal-code-group="{{ include.field[1].group }}">
+  <label for="{{ id }}">
+    {{ label }}
+    {% if include.field[1].required %}*{% endif %}
+  </label>
+
+  <input
+    name="{{ name }}"
+    id="{{ id }}"
+    data-target="postal-code.code"
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    type="{{ include.field[1].type }}"
+    {% if autocomplete %}
+      autocomplete="{{ autocomplete }}"
+    {% endif %}
+    class="form-control" />
+
+  {%- if error -%}
+    <div class="invalid-feedback">{{ error }}</div>
+  {%- endif -%}
+
+  {%- if help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+</div>

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

@@ -0,0 +1 @@
+<link rel="preload" as="font" type="font/woff2" crossorigin href="{{ include.font }}?{{ site.time | date: '%s' }}" />

data/_includes/product.html

@@ -0,0 +1,38 @@
+<article
+  {% if include.product.in_stock %}
+    {% include_cached cart_controller.html product=include.product %}
+  {% endif %}
+  class="d-flex flex-column align-items-center flex-grow-1 {{ include.class }}">
+  <div class="d-flex flex-column align-items-center justify-content-between flex-grow-1 position-relative">
+    <a href="{{ include.product.url }}">
+      <picture>
+        <source srcset="{{ include.product.image.path | thumbnail: nil, 370 }}" media="(max-width: 767px)" />
+
+        <img class="shadow" src="{{ include.product.image.path | thumbnail: nil, 300 }}" loading="lazy" />
+      </picture>
+    </a>
+
+    <div class="">
+      <div class="flex-fill mt-4 mb-4 black">
+        <p class="font-weight-bold m-0 mb-3">
+          <a href="{{ include.product.url }}">
+            {{ include.product.title }}
+          </a>
+        </p>
+      </div>
+
+      <p class="font-weight-bold mb-0">
+        <span data-stock-price>{{ include.product.price }}</span>
+        <span data-stock-currency>{{ site.cart.currency }}</span>
+      </p>
+
+      <button
+        class="btn btn-lp text-lowercase p-1 font-weight-bold"
+        {% unless include.product.in_stock %}disabled{% endunless %}
+        {% include cart_add.html %}>
+        <span class="hide-when-disabled">{{ site.cart.add }}</span>
+        <span class="show-when-disabled">{{ site.cart.out_of_stock | default: site.data.layouts.cart.out_of_stock.default[site.locale] }}</span>
+      </button>
+    </div>
+  </div>
+</article>

data/_includes/search.html

@@ -0,0 +1,25 @@
+{%- assign param = include.param | default: 'search' -%}
+
+<form method="get" action="" class="form-inline" data-controller="search" data-action="search#search">
+  <div class="form-group">
+    <label for="{{ param }}_q" class="sr-only">{{ site.i18n.search.label }}</label>
+
+    <div class="input-group flex-nowrap">
+      <div class="input-group-prepend">
+        <span class="input-group-text fa fa-search border-0 pt-2"></span>
+      </div>
+
+      <input
+        class="border-0 form-control"
+        type="search"
+        required
+        id="{{ param }}_q"
+        name="q"
+        placeholder="{{ site.i18n.search.submit }}"
+        data-search-target="q"
+        autocomplete="off" />
+    </div>
+  </div>
+
+  <input class="sr-only" type="submit" value="{{ site.i18n.search.submit }}" />
+</form>

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,22 @@
+{% 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 %}
+{% assign tags = include.tags | join: ',' | default: '' | cgi_escape %}
+
+<a
+  {% if include.share.url == '%url' %}
+    download
+  {% else %}
+    target="_blank"
+  {% endif %}
+  rel="noopener 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 | replace: '%tags', tags }}">
+  <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,29 @@
+{%- assign title = include.title | escape -%}
+{%- assign text = include.description | strip_html | escape -%}
+{%- assign url = site.url | append: include.url | escape -%}
+
+<input
+  data-controller="share"
+  data-action="share#share"
+  data-share-title-value="{{ title }}"
+  data-share-text-value="{{ text }}"
+  data-share-url-value="{{ url }}"
+  type="checkbox"
+  id="share"
+  class="toggler"
+  autocomplete="off" />
+
+<label class="share btn border" 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/social_networks.html

@@ -0,0 +1,8 @@
+{% for social in include.social_networks %}
+  {%- assign network = social | social_network -%}
+
+  <a href="{{ network.url }}" class="primary p-2">
+    <i class="fa fa-fw fa-{{ network.name }}"></i>
+    <span class="sr-only">{{ network.name }}</span>
+  </a>
+{% endfor %}

data/_includes/state.html

@@ -0,0 +1,52 @@
+{% if include.form %}
+  {%- assign name = include.field[0] | append: ']' | prepend: '[' | prepend: include.form -%}
+  {%- assign id = include.field[1].id | default: name | replace: '[', '_' | remove: ']' -%}
+{% else %}
+  {%- assign name = include.field[0] -%}
+  {%- assign id = include.field[1].id | default: name %}
+{% endif %}
+
+{%- assign label = include.field[1].label[site.locale] -%}
+{%- assign help = include.field[1].help[site.locale] -%}
+{%- assign error = include.field[1].error[site.locale] -%}
+{%- assign autocomplete = include.field[1].autocomplete -%}
+
+<div class="form-group" data-controller="state" data-state-group="{{ include.field[1].group }}">
+  <label for="{{ id }}">
+    {{ label }}
+    {% if include.field[1].required %}*{% endif %}
+  </label>
+
+  <input data-target="state.id" type="hidden" name="{{ name }}" id="{{ id }}" value="" />
+
+  <input
+    data-target="state.name"
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    type="{{ include.field[1].type }}"
+    {% if autocomplete %}
+      autocomplete="{{ autocomplete }}"
+    {% endif %}
+    name="{{ include.form }}_ignore_{{ include.field[0] }}"
+    id="{{ include.form }}_ignore_{{ include.field[0] }}"
+    disabled
+    list="list-{{ id }}"
+    class="form-control" />
+
+  {%- if error -%}
+    <div class="invalid-feedback">{{ error }}</div>
+  {%- endif -%}
+
+  {%- if help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+
+  <datalist id="list-{{ id }}" data-target="state.list">
+  </datalist>
+</div>

data/_includes/string.html

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

data/_includes/subitem.html

@@ -0,0 +1,7 @@
+<div class="dropdown-menu">
+  {% for sub in include.item.items %}
+    <a class="dropdown-item" href="{{ sub.href }}">
+      {{ sub.title | markdownify }}
+    </a>
+  {% endfor %}
+</div>

data/_includes/submit.html

@@ -0,0 +1,5 @@
+<input
+  {{ include.field[1].extra }}
+  type="submit"
+  class="btn btn-success {{ include.field[1].class }}"
+  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 }}">
+    {{ label }}
+    {% if include.field[1].required %}*{% endif %}
+  </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/_includes/video.html

@@ -0,0 +1,7 @@
+{%- assign class = include.class | prepend: '<iframe class="' | append: '" ' -%}
+
+{{
+  include.video
+  | embed
+  | replace: '<iframe ', class
+}}

data/_layouts/about.html

@@ -0,0 +1,52 @@
+---
+layout: default
+---
+
+<article class="h-entry row no-gutters justify-content-center" itemscope itemtype="http://schema.org/Article">
+  <header class="col-10 col-md-8">
+    <h1 class="p-name f-4 f-md-h1" itemprop="name headline">{{ page.title | default: '' | escape }}</h1>
+
+    {%- if page.description -%}
+      <p class="lead p-summary" itemprop="description">{{ page.description | default: '' | escape }}</p>
+    {%- endif -%}
+
+    <p>
+      <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+        {%- assign date_format = site.i18n.date.format | default: "%b %-d, %Y" -%}
+        {{ page.date | default: site.date | date_local: date_format }}
+      </time>
+    </p>
+
+    {%- include share_box.html url=page.url title=page.title description=page.description -%}
+  </header>
+
+  <div class="e-content col-10 col-md-8 content" itemprop="articleBody">
+    {{ content | replace: '<img ', '<img loading="lazy" ' | replace: '<iframe ', '<iframe loading="lazy" ' }}
+  </div>
+
+  <footer class="col-10">
+    <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 -%}
+
+    <div hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
+      <span class="p-author h-card" itemprop="name">
+        {{ page.title }}
+      </span>
+    </div>
+  </footer>
+</article>

data/_layouts/acciones.html

@@ -0,0 +1,21 @@
+---
+layout: default
+---
+
+<section id="portada" class="background-blue">
+	<div class="row p-2 justify-content-center">
+		{%- assign entradas = site.posts | where: 'layout', 'acciones' -%}
+		{% for i in entradas limit: 6 %}
+			<div class="col-3 m-2 p-5 d-flex justify-content-between flex-column" style="background-image: url({{ i.foto.path }}); background-size: cover; background-position: center center;">
+				<h3 class="postit"><a href="{{ i.url }}">{{ i.title }}</a></h3>
+				
+				<a href="" class="text-left text-uppercase badge badge-danger rounded-0">{{ i.author }} x {{ i.date | date: "%B %d, %Y" }}</a>
+				
+				<a href="" class="badge badge-light rounded-0 text-uppercase">{{ site.posts.categories }}</a>
+				{% for cat in post.categories %}
+					<a href="" class="badge badge-light rounded-0 text-uppercase">{{ cat }}</a>
+				{% endfor %}
+			</div>
+		{% endfor %}
+	</div>
+</section>

data/_layouts/archive.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{%- include archive.html page=page -%}

data/_layouts/asociate.html

@@ -0,0 +1,20 @@
+---
+layout: default
+---
+
+{%- assign form = site.data.forms.asociate -%}
+
+<section id="participa" class="row justify-content-center no-gutters">
+	<div class="col-7 mt-5 mb-5">
+		<form id="{{ name }}" class="update-domain" autocomplete="off" data-attr="action" action="https://api.{{ site.hostname }}/v1/sites/{{ site.hostname }}/contact/{{ name }}" method="post">
+			<div class="row justify-content-center">
+				{%- for field in form -%}
+					{% assign template = field[1].type | append: '.html' %}
+					<div class="col{{ field[1].col | default: 12 | prepend: '-' }}">
+						{% include {{ template }} field=field %}
+					</div>
+				{%- endfor -%}
+			</div>
+		</form>
+	</div>
+</section>