compost-jekyll-theme 0.1.9 → 0.1.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5cc1c75611cb6dfbc273e844490cf6910d4f85fb4e8fc32ff40366abf0805b4f
-  data.tar.gz: 57d8e66a83cd7160a65aeb0abebad982142c59f49ddda1c7a23536095640235d
+  metadata.gz: c65d042d4e8458a5adf07e3fe8536061fc1be5303915520a3a853cf124358ea8
+  data.tar.gz: bafe82a386dd2615fd0fe9bfc5628b5d23d57d3d783b4e975c7557505ade9b6e
 SHA512:
-  metadata.gz: a847d4f6e6336027838322cbd9a0e27056150867a83a47d1a2ad2ca71cc13fed3fd8f6841d5c943832fa71f38c083a43cdad8c187356f0a27ef4e58a2b6ce948
-  data.tar.gz: 266acdc7e2f2a1fefa031570205ed907fd2c23c572eae891c8f9405a8d510cfb70a90f9566d7fad5b177fbf7581491304089ee94730e9ba7f836af71cba22a79
+  metadata.gz: fd92b9118fedef6c434b0694f5c413332bd4f22965a032dd4867bfbed9da32cb3a1c7a87796dd38dd07ecde1dde098ecd72abac89820c815be8514c52382fe6f
+  data.tar.gz: 3a2ab33b397643f91ba004a25860e282b9647f2f974a8a69d50bd11f101160648c4a508c3c83d87b3093d4382d3920b82f7205bac260901f594b91910ed795b0

data/_data/layouts/about.yml

@@ -32,8 +32,8 @@ image_menu_close:
       es: "Logo de cabecera con el menú cerrado"
       en: "Header logo with menu closed"
     help:
-      es: ""
-      en: ""
+      es: "Máximo 90px de alto"
+      en: "Max. 90px height"
   description:
     label:
       es: "Descripción del logo"

data/_data/theme.yml

@@ -71,6 +71,7 @@ sizes:
   36px: "2.25rem"
   49px: "3.0625rem"
   74px: "4.625rem"
+  90px: "90px"
   220px: "220px"
   221px: "13.8125rem"
   333px: "20.8125rem"

data/_includes/btn_header.html

@@ -5,10 +5,11 @@ Imagen de la cabecera
 @param :src [String]
 @param :href [String] El link
 @param :width [Integer] Ancho de la imagen
+@param :height [Integer] Alto de la imagen
 @param :alt [String] El alt de la imagen
 @param :component_class [String] Clases para el componente
 {%- endcomment -%}
 
 <div>
-	{% include image_with_link.html src=include.src alt=include.alt href=include.href width=include.width component_class=include.component_class img_class=include.img_class %}
+	{% include image_with_link.html src=include.src alt=include.alt href=include.href width=include.width height=include.height component_class=include.component_class img_class=include.img_class %}
 </div>

data/_includes/header.html

@@ -13,12 +13,12 @@ Items de cabecera (excepto el ícono de hamburguesa)
 	src=include.logo_src
 	href="?#"
 	alt=include.logo_alt
-	width=333
-	img_class="w-221px w-md-333px" %}
+  height=90
+	img_class="max-w-100 max-h-90px" %}
 
 {% include btn_header.html
 	src=include.btn_src
 	href=include.btn_href
 	alt=include.btn_alt
-	width=67
-	img_class="w-44px w-md-67px" %}
+  height=90
+	img_class="max-h-90px" %}

data/_includes/image_with_link.html

@@ -5,6 +5,7 @@ componente de imagen que tiene un link [url]
 @param :src [String]
 @param :href [String] El link
 @param :width [Integer] Ancho de la imagen
+@param :height [Integer] Alto de la imagen
 @param :alt [String] El alt de la imagen
 @param :a_class [String] Clases para a
 @param :component_class [String] Clases para el componente
@@ -18,5 +19,5 @@ componente de imagen que tiene un link [url]
 		 {{ include.href | start_with: "http://" | value_if: 'rel="noopener" target="_blank"' }}>
 		 <span class="sr-only">{{ include.alt }}</span>
 	 </a>
-  {% include picture.html src=include.src width=include.width alt=include.alt img_class=include.img_class %}
+  {% include picture.html src=include.src width=include.width height=include.height alt=include.alt img_class=include.img_class %}
 </div>

data/_includes/picture.html

@@ -5,6 +5,7 @@ Image component
 @param :src [String]
 @param :alt [String]
 @param :width [Integer]
+@param :height [Integer]
 @param :class [String]
 @param :img_class [String]
 {%- endcomment -%}
@@ -13,13 +14,17 @@ Image component
   <source
     srcset="
       {%- for pixel_density in site.data.theme.pixel_densities %}
-        {%- assign w = include.width | times: pixel_density -%}
-        {{- include.src | thumbnail: w | uri_escape }} {{ pixel_density }}x,
+        {% if include.width %}
+          {%- assign w = include.width | times: pixel_density -%}
+        {% elsif include.height %}
+          {%- assign h = include.height | times: pixel_density -%}
+        {% endif %}
+        {{- include.src | thumbnail: w, h | uri_escape }} {{ pixel_density }}x,
       {% endfor -%}
       " />
 
   <img
     class="{{ include.img_class }}"
-    src="{{ include.src | thumbnail: include.width | uri_escape }}"
+    src="{{ include.src | thumbnail: include.width, include.height | uri_escape }}"
     alt="{{ include.alt | escape_once }}" />
 </picture>

metadata

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