recursero-jekyll-theme 0.1.3 → 0.3.0

data/_sass/snap.scss

@@ -0,0 +1,60 @@
+////
+/// @group Snap
+////
+
+/// _Snap_ es una forma de hacer que los elementos se alineen
+/// automáticamente a partes de su contenedor durante el _scroll_.  Si le
+/// usuarie _scrollea_ hasta la mitad, el navegador continua el _scroll_
+/// hasta que se alinee.  Es útil para presentaciones de diapositivas
+/// (como el sitio de Sutty) o _banners_ con navegación horizontal
+/// (_sliders_).
+///
+/// @link https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap
+$snap-types: (none, mandatory, proximity);
+/// Ejes
+$snap-directions: (y, x);
+/// Puntos de alineación
+$snap-points: (start, end, center, none);
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+/// Obtiene el sufijo para cada clase responsive usando mixins de
+/// Bootstrap.  Valores posibles:
+/// `""` (nada, aplica a todas las resoluciones), `-xs`, `-sm`,
+/// `-md`, `-lg`, `-xl`.
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    @each $snap-type in $snap-types {
+      @each $snap-direction in $snap-directions {
+/// El contenedor indica la dirección y obligatoriedad del snap
+///
+/// @example html
+///   <div class="snap-mandatory-y snap-proximity-md-y"></div>
+        .snap-#{$snap-type}#{$infix}-#{$snap-direction} {
+          scroll-snap-points-#{$snap-direction}: repeat(100%);
+          scroll-snap-destination: 0 0;
+
+          @each $prefix in $vendor-prefixes {
+            #{$prefix}scroll-snap-type: #{$snap-direction} #{$snap-type};
+            #{$prefix}scroll-snap-type: #{$snap-type};
+          }
+
+          @each $snap-point in $snap-points {
+/// Los elementos que son descendientes directos se alinean a
+/// su contenedor
+///
+/// @example html
+///   <div class="snap-mandatory-y snap-proximity-md-y">
+///     <div class="snap-start"></div>
+///     <div class="snap-center"></div>
+///     <div class="snap-end"></div>
+///   </div>
+            & > .snap-#{$snap-point} {
+              scroll-snap-align: #{$snap-point};
+            }
+          }
+        }
+      }
+    }
+  }
+}

data/_sass/toggler.scss

@@ -1,17 +1,39 @@
-/*
- * Desplegar menúes sin javascript!
- * 
- * Inspirado en https://dev.to/cydstumpel/creating-a-fold-out-navigation-with-css-only-4g9k
- */
+////
+/// @group Toggler
+////
 
-// Comenzamos con un input checkbox con la clase toggler
+/// Desplegar menúes sin javascript!
+///
+/// Comenzamos con un `<input type="checkbox"/>` con la clase
+/// `.toggler`.
+///
+/// @todo ¿Deprecar?  Según el validador de HTML los `<label>` no pueden
+/// contener elementos de bloques, como `<div>`.
+/// @link https://dev.to/cydstumpel/creating-a-fold-out-navigation-with-css-only-4g9k
+///
+/// @example html
+///   <div>
+///     <input type="checkbox" class="toggler" id="toggler" />
+///     <label for="toggler">
+///        Esta es la parte visible, puede contener un ícono.  Los
+///        atributos id y for son importantes para que el label se
+///        asocie con el input invisible.
+///        <div class="toggled">
+///          Esta es la parte solo visible cuando el label es tocado.
+///        </div>
+///     </label>
+///   </div>
 input[type="checkbox"].toggler {
-  // Lo ocultamos pero todavía queremos que se le pueda dar foco con el
-  // teclado
+/// Por defecto está oculto pero todavía queremos que se le pueda dar
+/// foco con el / teclado
+///
+/// @todo ¿Usar `@extend .sr-only`?
   opacity: 0;
   position: absolute;
 
-  // Ocultamos el elemento colapsable
+/// El `<label>` inmediatamente posterior al `<input>` (`+`) contiene
+/// descendientes con la clase `.toggled` que cambian la visibilidad según
+/// el estado del `<input>`.
   & + label {
     .toggled {
       z-index: 10;
@@ -19,7 +41,7 @@ input[type="checkbox"].toggler {
     }
   }
 
-  // Al tildar el input, mostramos el elemento
+/// Al tocar el `<input>`, mostramos el elemento oculto.
   &:checked + label {
     .toggled {
       visibility: visible;
@@ -32,7 +54,8 @@ input[type="checkbox"].toggler {
     z-index: 11;
   }
 
-  // Dar una guía visual de que estamos enfocando el input
+/// Dar una guía visual de que estamos enfocando el `<input>`,
+/// trasladando el mismo estilo a su `<label>`
   &:focus + label {
     outline: 1px dotted grey ;
   }

data/assets/css/styles.scss

@@ -2,27 +2,66 @@
 # Ponemos un frontmatter porque queremos que Jekyll procese este archivo
 ---
 
+{%- assign theme = site.posts | find: "layout", "theme" -%}
+
+{% if theme %}
+  {{ theme | yaml_to_scss: site.data.layouts.theme }}
+{% endif %}
+
 $navbar-height: 86px;
-$enable-rounded: false;
+
+/// Agregamos los colores propios de la plantilla aquí.  Bootstrap los
+/// agrega a su propia paleta de colores.  Si usamos el mismo nombre
+/// podemos redefinir el color.
+///
+/// Agregamos negro porque alguna gente no lo considera un color.
+$colors: (
+  "black": black
+);
+
+/// Redefinir los colores de temas aquí, esto aplica a los elementos
+/// `-primary`, `-secondary`, etc. de Bootstrap.  Por ejemplo para
+/// generar un botón con otro color y sus sombras correspondientes, lo
+/// agregamos acá.
 $theme-colors: (
   "recursero": mediumorchid
 );
 
-/*
- * XXX: Solo importar los archivos necesarios de bootstrap para
- * facilitar la reducción de CSS.  Por ahora pedimos todo para poder
- * empezar a trabajar en el HTML sin pensar en CSS.
- *
- * Los archivos se encuentran en node_modules/bootstrap/scss
- */
+/// Tamaños (anchos y altos) redefinidos desde Bootstrap.
+$sizes: (
+  100vh: 100vh,
+  100vw: 100vw
+);
+
+/// Niveles de opacidad/transparencia
+$opacities: (
+  0: -100%,
+  1: -80%,
+  2: -60%,
+  3: -40%,
+  4: -20%,
+  5: 0%
+);
+
+/// Redefinir variables de Boostrap acá.  Se las puede ver en
+/// node_modules/bootstrap/scss/_variables.scss
+///
+/// @todo Solo importar los archivos necesarios de bootstrap para
+/// facilitar la reducción de CSS.  Por ahora pedimos todo para poder
+/// empezar a trabajar en el HTML sin pensar en CSS.
 @import "bootstrap/scss/bootstrap";
+/// Íconos
 @import "fork-awesome/scss/fork-awesome";
+/// Nuestro propio SCSS
 @import "accessibility";
 @import "helpers";
 @import "toggler";
 @import "share_box";
 @import "navbar";
 @import "embed";
+@import "snap";
+@import "editor";
+@import "menu";
 
 .navbar {
   margin-bottom: -$navbar-height; /* El alto del navbar */
@@ -40,3 +79,17 @@ $theme-colors: (
     padding-top: calc(#{($jumbotron-padding * 2)} + #{$navbar-height});
   }
 }
+
+/// La barra de progreso de Turbolinks tiene el color primario
+/// de la paleta, definido por Bootstrap o por nosotres.
+.turbolinks-progress-bar { background-color: $primary; }
+/// La barra de progreso de Turbo tiene el color primario
+/// de la paleta, definido por Bootstrap o por nosotres.
+.turbo-progress-bar { background-color: $primary; }
+
+/// Mostrar un borde alrededor de todos los elementos para poder
+/// detectar el espacio que ocupan los elementos.  El borde no ocupa
+/// espacio de por sí, con lo que no afecta la estructura del sitio.
+@if $debug {
+  * { outline: 1px solid pink; }
+}

data/assets/data/manifest.js

@@ -0,0 +1,29 @@
+---
+# Con esto le indicamos a Jekyll que el archivo es JS pero antes lo
+# vamos a pasar por Liquid
+#
+# Genera un Array de URLs con su hash, de forma que podamos pasarle la
+# lista al ServiceWorker
+#
+# Los guiones son para poder escribir con indentación pero eliminar todo
+# el espacio vacío al generar el archivo.
+---
+const MANIFEST = [
+  {%- for files in site.manifest -%}
+    {%- for file in site[files] -%}
+      {%- if file.url contains '.mp4' -%}{%- continue -%}{%- endif -%}
+      {%- unless file.url -%}
+        {%- assign path = file.path | remove_first: './' | remove_first: '/' -%}
+
+        {%- comment -%}
+          ForkAwesome tiene la versión en la URL y si no la agregamos no
+          queda en la pre caché.
+        {%- endcomment -%}
+        {%- if path contains 'forkawesome-webfont' -%}
+          {%- assign path = path | append: '?v=1.1.7' -%}
+        {%- endif -%}
+      {%- endunless -%}
+      { url: "{{ file.url | default: path }}", revision: {% if file.hash %}"{{ file.hash }}"{% else %}null{% endif %} },
+    {%- endfor -%}
+  {%- endfor -%}
+]

data/assets/js/pack.4ced2556b94e5c09e5bc.js

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f93cb011b45c4688ab62acf9a7d88cf6f438591ab61fe0b841c18bc97e651346
+size 402738

data/assets/js/pack.4ced2556b94e5c09e5bc.js.map

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ccfc117d1dcadef42be62d795b92757788ae9a1bdf4dbc8a7ad1fd3a7ccd4588
+size 585892

data/assets/templates/alert.html

@@ -0,0 +1,7 @@
+<div class="alert alert-{{ type }} alert-dismissible" role="alert">
+  {{ content }}
+
+  <button data-action="notification#hide" type="button" class="close" aria-label="{{ site.i18n.close }}">
+    <span aria-hidden="true">&times;</span>
+  </button>
+</div>

data/assets/templates/results.html

@@ -1,9 +1,17 @@
-<section id="results">
-  {% for result in results %}
-    <div class="col-12">
-      <h2><a href="{{ result.url }}">{{ result.title }}</a></h2>
+<section class="row no-gutters justify-content-center">
+  <div class="col-10">
+    {% for item in results %}
+      <article id="{{ item.slug }}">
+        <header>
+          <h2>
+            <a href="{{ item.url }}">
+              {{ item.title }}
+            </a>
+          </h2>
+        </header>
 
-      {{ result.description }}
-    </div>
-  {% endfor %}
+        <p class="lead">{{ item.description }}</p>
+      </article>
+    {% endfor %}
+  </div>
 </section>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: recursero-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.3
+  version: 0.3.0
 platform: ruby
 authors:
 - f
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-05-10 00:00:00.000000000 Z
+date: 2023-04-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -16,56 +16,42 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '4'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '4'
 - !ruby/object:Gem::Dependency
   name: jekyll-relative-urls
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '0.0'
-- !ruby/object:Gem::Dependency
-  name: jekyll-feed
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '0.9'
+        version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.9'
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: jekyll-seo-tag
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.1'
+        version: '2'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.1'
+        version: '2'
 - !ruby/object:Gem::Dependency
   name: jekyll-images
   requirement: !ruby/object:Gem::Requirement
@@ -123,7 +109,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '2.2'
 - !ruby/object:Gem::Dependency
-  name: jekyll-locales
+  name: jekyll-lunr
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
@@ -137,7 +123,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0.1'
 - !ruby/object:Gem::Dependency
-  name: jekyll-lunr
+  name: jekyll-unique-urls
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
@@ -151,7 +137,21 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0.1'
 - !ruby/object:Gem::Dependency
-  name: jekyll-turbolinks
+  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: jekyll-linked-posts
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
@@ -165,75 +165,89 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: jekyll-node-modules
+  name: jekyll-order
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.1'
+        version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.1'
+        version: '0'
 - !ruby/object:Gem::Dependency
-  name: jekyll-linked-posts
+  name: sutty-liquid
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.2'
+        version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.2'
+        version: '0'
 - !ruby/object:Gem::Dependency
-  name: jekyll-unique-urls
+  name: jekyll-commonmark
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.1'
+        version: '1.3'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.1'
+        version: '1.3'
 - !ruby/object:Gem::Dependency
-  name: jekyll-order
+  name: jekyll-dotenv
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0.2'
+- !ruby/object:Gem::Dependency
+  name: jekyll-feed
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.1'
+        version: '0.15'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.1'
+        version: '0.15'
 - !ruby/object:Gem::Dependency
-  name: sutty-liquid
+  name: jekyll-ignore-layouts
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.1'
+        version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.1'
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -287,20 +301,28 @@ extra_rdoc_files:
 files:
 - LICENSE.txt
 - README.md
+- _config.yml
+- _data/assets.json
 - _data/en.yml
 - _data/es.yml
 - _data/forms/contacto.yml
 - _data/layouts/about.yml
 - _data/layouts/category.yml
+- _data/layouts/code_of_conduct.yml
+- _data/layouts/license.yml
+- _data/layouts/menu.yml
 - _data/layouts/page.yml
 - _data/layouts/place.yml
 - _data/layouts/post.yml
+- _data/layouts/privacy_policy.yml
+- _data/layouts/theme.yml
 - _includes/boolean.html
 - _includes/burger.svg
 - _includes/contact.html
 - _includes/content.html
 - _includes/email.html
 - _includes/file.html
+- _includes/floating_alert.html
 - _includes/footer.html
 - _includes/form/boolean.html
 - _includes/form/content.html
@@ -322,11 +344,17 @@ files:
 - _includes/hidden.html
 - _includes/image.html
 - _includes/input.html
+- _includes/item.html
 - _includes/logo.svg
 - _includes/markdown_content.html
-- _includes/navbar.html
+- _includes/menu.html
 - _includes/number.html
+- _includes/onboarding.html
+- _includes/pack.html
+- _includes/password.html
+- _includes/picture.html
 - _includes/predefined_array.html
+- _includes/preload_font.html
 - _includes/search.html
 - _includes/section.html
 - _includes/separator.html
@@ -341,25 +369,33 @@ files:
 - _layouts/about.html
 - _layouts/archive.html
 - _layouts/category.html
+- _layouts/code_of_conduct.html
 - _layouts/default.html
 - _layouts/home.html
+- _layouts/license.html
 - _layouts/page.html
 - _layouts/place.html
 - _layouts/post.html
+- _layouts/privacy_policy.html
 - _sass/accessibility.scss
+- _sass/editor.scss
 - _sass/embed.scss
+- _sass/floating_alert.scss
+- _sass/fonts.scss
 - _sass/helpers.scss
+- _sass/menu.scss
 - _sass/navbar.scss
-- _sass/share.html
-- _sass/share_box.html
 - _sass/share_box.scss
+- _sass/snap.scss
 - _sass/toggler.scss
 - assets/css/styles.scss
 - assets/css/styles.scss.orig
+- assets/data/manifest.js
 - assets/data/site.json
 - assets/fonts/forkawesome-webfont.woff2
-- assets/js/pack.js
-- assets/js/pack.js.map
+- assets/js/pack.4ced2556b94e5c09e5bc.js
+- assets/js/pack.4ced2556b94e5c09e5bc.js.map
+- assets/templates/alert.html
 - assets/templates/results.html
 homepage: https://0xacab.org/sutty/jekyll/recursero-jekyll-theme
 licenses:
@@ -392,7 +428,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.2
+rubygems_version: 3.3.26
 signing_key:
 specification_version: 4
 summary: A theme for resource toolkits

data/_includes/navbar.html

@@ -1,53 +0,0 @@
-{%- 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/_sass/share.html

@@ -1,12 +0,0 @@
-{% assign url = site.url | append: include.url | uri_escape %}
-{% assign title = include.title | default: site.title | uri_escape %}
-{% assign description = include.description | default: '' | uri_escape %}
-
-<a
-  target="_blank"
-  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>