compost-jekyll-theme 0.1.7 → 0.1.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0004d870b9447b1d0972a373ba215812aa23462abce0584da530382ff9e0accc
-  data.tar.gz: dc8e9c84dcde0f16216ea0f1ac7773828ea842935ab61f702a63309a95c9260b
+  metadata.gz: 5cc1c75611cb6dfbc273e844490cf6910d4f85fb4e8fc32ff40366abf0805b4f
+  data.tar.gz: 57d8e66a83cd7160a65aeb0abebad982142c59f49ddda1c7a23536095640235d
 SHA512:
-  metadata.gz: f0c85fd805c97bfbe0f872577e6ccccce3eeeee30e160d572fedb5f9d026e2dab3efee1e76bdf5e16ca384bc7c2103bb999067358979c1fc8630bc42983fd59f
-  data.tar.gz: e77f54b79964fac10c3cf8fc78b5d317ee9e9008773284f406129a049ef3c434ea9712f6676750a2565874265d0f208dfd6d811124e1f81dd23688cd8fe1b748
+  metadata.gz: a847d4f6e6336027838322cbd9a0e27056150867a83a47d1a2ad2ca71cc13fed3fd8f6841d5c943832fa71f38c083a43cdad8c187356f0a27ef4e58a2b6ce948
+  data.tar.gz: 266acdc7e2f2a1fefa031570205ed907fd2c23c572eae891c8f9405a8d510cfb70a90f9566d7fad5b177fbf7581491304089ee94730e9ba7f836af71cba22a79

data/_data/layouts/front_cover.yml

@@ -48,8 +48,8 @@ image:
       es: "Imagen principal"
       en: "Main image"
     help:
-      es: "Se utiliza para ilustrar el artículo y como previsualización en las redes sociales."
-      en: "Used to illustrate the article and as preview in social networks."
+      es: "Imagen principal de la portada.  Si no una, el contenido será de una sola columna."
+      en: "Main image on the home page.  If you don't add one, the layout will be a single column."
   description:
     label:
       es: "Descripción de la imagen principal"

data/_data/layouts/post.yml

@@ -51,8 +51,8 @@ image:
       es: "Imagen principal"
       en: "Main image"
     help:
-      es: "Se utiliza para ilustrar el artículo y como previsualización en las redes sociales."
-      en: "Used to illustrate the article and as preview in social networks."
+      es: "Se utiliza para ilustrar el artículo y como previsualización en las redes sociales.  Si no agregas una, será mostrada como un bloque de color en la lista de artículos."
+      en: "Used to illustrate the article and as preview in social networks.  If you don't add one, it will be shown as a block of color on the post list."
   description:
     label:
       es: "Descripción de la imagen principal"

data/_data/theme.yml

@@ -131,7 +131,8 @@ transform_scales:
   n8: "0.8"
   1: "1"
 background_images:
-  menu: "$background-menu"
+  menu-open: "$background-menu-open"
+  menu-close: "$background-menu-close"
   site: "$background-site"
   footer: "$background-footer"
 layout_class:

data/_includes/card_horizontal.html

@@ -9,9 +9,11 @@ Card horizontal
 @param :content [string] Contenido
 {%- endcomment -%}
 <div class="row justify-content-center container-lg mx-auto">
-  <div class="col-12 col-md-5 px-4">
-    {% include picture.html src=include.src width=500 img_class="w-100 object-fit-cover" %}
-  </div>
+  {% unless include.src %}
+    <div class="col-12 col-md-5 px-4">
+      {% include picture.html src=include.src width=500 img_class="w-100 object-fit-cover" %}
+    </div>
+  {% endunless %}
 
   <div class="col-12 col-md pl-xl-5 pt-5 pt-md-0">
     <div class="">

data/_includes/embed_responsive.html

@@ -12,5 +12,9 @@ Embed responsive
 {%- endcomment -%}
 
 <div class="embed-responsive embed-responsive-{{ include.x }}by{{ include.y }} {{ include.embed_class }}">
-  {%- include picture.html class="embed-responsive-item" img_class="w-100 h-100 object-fit-cover" src=include.src alt=include.alt width=include.width -%}
+  {% if include.src %}
+    {%- include picture.html class="embed-responsive-item" img_class="w-100 h-100 object-fit-cover" src=include.src alt=include.alt width=include.width -%}
+  {% else %}
+    <div class="embed-responsive-item background-primary"></div>
+  {% endif %}
 </div>

data/_includes/header_toggler.html

@@ -28,7 +28,7 @@ Cabecera y menú con toggler
 		{% include toggler/toggler_label.html id=menu_id class="m-0" content=menu_svg %}
 
 		{% capture toggled_content %}
-			<div class="background-menu-open background-size-100 w-100 p-2 pb-12 border-bottom-dashed border-black">
+			<div class="background-image-menu-open background-size-100 w-100 p-2 pb-12 border-bottom-dashed border-black">
 				<div class="d-flex justify-content-between align-items-center container mx-auto">
 					{%- capture menu_svg -%}
 						{% include menu_open.html class="w-36px w-md-54px" container_class="fill-black" %}

data/_layouts/default_with_menu.html

@@ -16,7 +16,7 @@ layout: "default"
     btn_close_src="public/mushroom_close.gif"
     btn_href=support.url
     btn_alt=site.i18n.support_alt
-    background_class="pt-2 px-3 pb-100 background-menu-close background-position-center-bottom w-100 background-size-auto-100" %}
+    background_class="pt-2 px-3 pb-100 background-image-menu-close background-position-center-bottom w-100 background-size-auto-100" %}
 
   {{ content }}
 

data/_layouts/post.html

@@ -10,7 +10,9 @@ layout: "default_with_menu"
 {%- assign next = page | next: posts -%}
 
 <article id="{{ page.slug }}" class="container mx-auto max-w-780px my-4 px-20">
-  {% include picture.html src=page.image.path alt=page.image.description width=780 img_class="w-100 shadow" %}
+  {% unless page.image.path %}
+    {% include picture.html src=page.image.path alt=page.image.description width=780 img_class="w-100 shadow" %}
+  {% endunless %}
 
   <div class="mt-5">
     {% include headings/h1.html class="text-uppercase black hover-black letter-spacing-4 font-weight-bold mb-12" text=page.title %}

data/_sass/utilities.scss

@@ -19,6 +19,16 @@
       .border-width#{$infix}-#{$border-width}   { border-width: $length !important; }
     }
 
+    @each $color, $rgb in $theme-colors {
+      .background#{$infix}-#{$color} {
+        background-color: var(--#{$color});
+
+        &:focus {
+          background-color: var(--#{$color});
+        }
+      }
+    }
+
     @each $color, $rgb in $colors {
       .background#{$infix}-#{$color} {
         background-color: var(--#{$color});

data/assets/css/styles.scss

@@ -7,7 +7,7 @@
 
 $background-site: '../../{{ theme.body_image.path | default: "public/background-dithered.jpg" | uri_escape }}';
 $background-footer: '../../{{ footer.background_image.path | default: "public/footer.png" | uri_escape }}';
-$background-menu-open: '../../{{ about.background_image_open.path | default: "public/background_header.png" | uri_escape }}';
+$background-menu-open: '../../{{ about.background_image_open.path | default: "public/background-dithered.jpg" | uri_escape }}';
 $background-menu-close: '../../{{ about.background_image_close.path | default: "public/background_header.png" | uri_escape }}';
 
 {{ theme | yaml_to_scss: site.data.layouts.theme }}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: compost-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.7
+  version: 0.1.9
 platform: ruby
 authors:
 - Sutty