compost-jekyll-theme 0.4.0 → 0.4.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5d50cf6ce808b2c57f5c19c2f13555f8b61956aa764ebd750b9d145dcda28611
-  data.tar.gz: fbdecde6585020423f623be8869d98b664292c6bd08569dd10cbe5ebd2643ceb
+  metadata.gz: 5d1681b99017bd3e3359f75d1143b5c46f5e4096d8c99151ca18e1ea6c30cf4d
+  data.tar.gz: 55b3003d25b495347730d8686cd6e9565e36f13556a0e6363bd3d1c949e8519c
 SHA512:
-  metadata.gz: 7e7b19fefd3cbd30d32ac621559679c55a38c13abd4f575f7bc9f1acdd02a48712727711771bb8b8ddcc5ec50173a1f7d5e1dcf0e63426e775e2c839923fdce3
-  data.tar.gz: 382cb9592a1a6e69d7db3b326b4e52b06fabc10e3eca85557664b69f32cae6aeb52cbf3953770be831139693c1e4dfa9e814a31dd04c0a67b47d2440e98fd97f
+  metadata.gz: 5697d4a50464bf0b0ab4270859a6c5508c19f836f4d95d77fa0ccb0d9791e50f169e8a48837345154d3c7e71566506b2a92aeb93516ec49520a034ff17fba1ac
+  data.tar.gz: 4f7636fdaf461a9c52c9dd185d88e28513e5f3fd0cd31cb3710315c3172bd8cdd575646e627358baec0403eed51f3cf09125f2c0ae57204e6ab16f5d5e9e9c28

data/_data/layouts/theme.yml

@@ -24,10 +24,14 @@ font_family_sans_serif:
       "": "Default"
       Roboto: "Roboto"
       Open Sans: "Open Sans"
+      Work Sans: "Work Sans"
+      Source Serif 4: "Source Serif 4"
     es:
       "": "Default"
       Roboto: "Roboto"
       Open Sans: "Open Sans"
+      Work Sans: "Work Sans"
+      Source Serif 4: "Source Serif 4"
 font_family_monospace:
   type: "predefined_value"
   label:
@@ -64,10 +68,62 @@ headings_font_family:
       "": "Default"
       Roboto: "Roboto"
       Open Sans: "Open Sans"
+      Work Sans: "Work Sans"
+      Source Serif 4: "Source Serif 4"
     es:
       "": "Default"
       Roboto: "Roboto"
       Open Sans: "Open Sans"
+      Work Sans: "Work Sans"
+      Source Serif 4: "Source Serif 4"
+font_family_primary:
+  type: "predefined_value"
+  label:
+    en: "Select a typography for biography and home heading"
+    es: "Selecciona una tipografía para la biografía y el titular de portada"
+  help:
+    en: ""
+    es: ""
+  default:
+    en: ""
+    es: ""
+  values:
+    en:
+      "": "Default"
+      Roboto: "Roboto"
+      Open Sans: "Open Sans"
+      Work Sans: "Work Sans"
+      Source Serif 4: "Source Serif 4"
+    es:
+      "": "Default"
+      Roboto: "Roboto"
+      Open Sans: "Open Sans"
+      Work Sans: "Work Sans"
+      Source Serif 4: "Source Serif 4"
+font_family_secondary:
+  type: "predefined_value"
+  label:
+    en: "Select a typography for secondary elements such as author's names, about, etc."
+    es: "Selecciona una tipografía para elementos secundarios como los nombres de autores, acerca, etc."
+  help:
+    en: ""
+    es: ""
+  default:
+    en: ""
+    es: ""
+  values:
+    en:
+      "": "Default"
+      Roboto: "Roboto"
+      Open Sans: "Open Sans"
+      Work Sans: "Work Sans"
+      Source Serif 4: "Source Serif 4"
+    es:
+      "": "Default"
+      Roboto: "Roboto"
+      Open Sans: "Open Sans"
+      Work Sans: "Work Sans"
+      Source Serif 4: "Source Serif 4"
 enable_rounded:
   type: "boolean"
   label:
@@ -145,6 +201,28 @@ link_hover_color:
   default:
     es: "#0056b3"
     en: "#0056b3"
+footer_color:
+  type: "color"
+  label:
+    en: "Footer text color"
+    es: "Color del texto del pie"
+  help:
+    en: ""
+    es: ""
+  default:
+    es: "#000000"
+    en: "#000000"
+lead_font_size:
+  type: "string"
+  label:
+    en: "Height for descriptions"
+    es: "Altura de las descripciones"
+  help:
+    en: ""
+    es: ""
+  default:
+    es: "1.25rem"
+    en: "1.25rem"
 h1_font_size:
   type: "string"
   label:
@@ -222,6 +300,17 @@ mark_bg:
   default:
     es: "#fcf8e3"
     en: "#fcf8e3"
+code_background:
+  type: "color"
+  label:
+    en: "Code block background color"
+    es: "Color de fondo del bloque de código"
+  help:
+    en: "Used on author's projects and code blocks"
+    es: "Usado en proyectos de autores y bloques de código"
+  default:
+    es: "#cccaf7"
+    en: "#cccaf7"
 body_image:
   type: "image"
   path:
@@ -245,8 +334,8 @@ divider_image:
       es: "Imagen del separador"
       en: "Divider image"
     help:
-      es: "Separa el contenido del inicio de la lista de artículos"
-      en: "Separates home content from article list"
+      es: "Separa el contenido del inicio de la lista de artículos. Ancho 150px."
+      en: "Separates home content from article list. 150px wide."
 support_image:
   type: "image"
   path:

data/_data/theme.yml

@@ -30,6 +30,7 @@ colors:
   post: "rgba(230, 230, 230, 0.1)"
   footnote: "#888888"
   primary: "$primary"
+  footer: "$footer-color"
 letter_spacings:
   1: "0.1rem"
   2: "0.16rem"
@@ -136,7 +137,6 @@ background_positions_y:
 - "right"
 code_color: "black"
 code_font_size: "1rem"
-code_background: "#cccaf7"
 code_radius: "8px"
 code_font_family: "Roboto Mono"
 background_images:

data/_includes/author_block.html

@@ -12,12 +12,12 @@ Author block
   <div class="">
     <div class="py-3">
       <a href="{{include.title.url}}" class="hover-black">
-      {% include headings/h3.html text=include.title.alias class="black source-serif font-weight-bold" %}
+      {% include headings/h3.html text=include.title.alias class="black font-family-secondary font-weight-bold" %}
       </a>
     </div>
 
     {% unless links == empty %}
-      <div class="background-lighter-blue text-monospace text-left p-3 mt-2 mb-2 rounded">
+      <div class="code text-left p-3 mt-2 mb-2 rounded">
         {% for link in links %}
         <li class="list-unstyled">
           <a class="black hover-white" href="{{- link -}}" target="_blank" rel="noopener">{{ link }}</a>

data/_includes/biography.html

@@ -5,6 +5,6 @@ La biografía de le autore que aparece al final de los artículos.
 @param :text [html] El contenido con formato
 {%- endcomment -%}
 
-<div class="f-14 f-md-19 work-sans content font-weight-light font-italic pb-3">
+<div class="f-14 f-md-19 font-family-primary content font-weight-light font-italic pb-3">
 	{{- include.text -}}
 </div>

data/_includes/card_horizontal.html

@@ -17,12 +17,12 @@ Card horizontal
 
   <div class="col-12 col-md pl-xl-5 pt-5 pt-md-0">
     <div class="">
-      {% include headings/h1.html text=include.title class="d-inline-flex font-italic border-width-1 border-black border-bottom-dashed display-3 work-sans" %}
+      {% include headings/h1.html text=include.title class="d-inline-flex font-italic border-width-1 border-black border-bottom-dashed font-family-primary" %}
     </div>
 
     <p class="my-3 text-monospace lead">{{ include.subtitle }}</p>
 
-    <div class="content f-19 lead-md">
+    <div class="content lead">
       {{ include.content }}
     </div>
   </div>

data/_includes/cover_post/home.html

@@ -19,5 +19,5 @@ La ficha de post en el índice de artículos del home.
   href=include.href
   title_class="font-weight-bold text-uppercase m-0 pt-3 pb-2 letter-spacing-6 display-4 f-xl-25"
   author_class="text-uppercase letter-spacing-4 f-16 lead-md f-xl-17"
-  description_class="source-serif f-16 lead-md f-xl-17 mt-12"
+  description_class="font-family-secondary f-16 lead-md f-xl-17 mt-12"
 %}

data/_includes/divider.html

@@ -9,7 +9,7 @@ Image component
 <div class="d-flex flex-row justify-content-center align-items-center">
 	<div class="border-bottom-dashed border-black flex-grow-1 my-2"></div>
 
-	{% include picture.html src=include.src alt=include.alt img_class="rotate" width=150 %}
+	{% include picture.html src=include.src alt=include.alt width=150 %}
 
 	<div class="border-bottom-dashed border-black flex-grow-1 my-2"></div>
 </div>

data/_includes/footer.html

@@ -12,7 +12,7 @@ Footer
 {%- assign code_of_conduct = site.posts | find: "layout", "code_of_conduct" -%}
 {%- assign privacy_policy = site.posts | find: "layout", "privacy_policy" -%}
 
-<footer class="d-flex justify-content-center background-size-cover background-position-top-left background-image-footer">
+<footer class="d-flex justify-content-center background-size-cover background-position-top-left background-image-footer footer">
   <div class="row row-cols-md-1 row-cols-lg-3 justify-content-center container-lg mx-auto pt-150 pb-5 f-14 px-4">
     <div class="col-12 px-3 content">
       {{ include.col_1 }}

data/_layouts/about.html

@@ -5,5 +5,5 @@ layout: "default_with_menu"
 <article id="{{ page.slug }}" class="container mx-auto max-w-780px py-4 px-20 mt-lg-5">
 	{% include headings/h1.html class="text-uppercase black hover-black letter-spacing-4 font-weight-bold mb-4" text=page.title %}
 
-	<div class="lead-md content pt-2 source-serif">{{ page.content }}</div>
+	<div class="lead-md content pt-2 font-family-secondary">{{ page.content }}</div>
 </article>

data/_layouts/back_cover.html

@@ -34,7 +34,7 @@ layout: "default_with_menu"
     {% endunless %}
 
     {% unless page.content == empty %}
-      <div class="source-serif lead-md pt-2 content">
+      <div class="font-family-secondary lead-md pt-2 content">
         {{ content }}
       </div>
     {% endunless %}
@@ -56,7 +56,7 @@ layout: "default_with_menu"
 		{% endunless %}
 
 		{% unless page.final_message == empty %}
-      <p class="font-italic source-serif lead-md border-bottom border-gray border-width-2 py-3">{{ page.final_message }}</p>
+      <p class="font-italic font-family-secondary lead-md border-bottom border-gray border-width-2 py-3">{{ page.final_message }}</p>
     {% endunless %}
   </div>
 

data/_layouts/code_of_conduct.html

@@ -11,7 +11,7 @@ layout: "default_with_menu"
     {% endif %}
 
     <div
-      class="source-serif lead-md pt-20 content"
+      class="font-family-secondary lead-md pt-20 content"
       data-controller="footnotes"
       data-action="resize@window->footnotes#resize"
       data-footnotes-container-width-value="{{ site.data.theme.footnotes_container_width }}"

data/_layouts/license.html

@@ -11,7 +11,7 @@ layout: "default_with_menu"
     {% endif %}
 
     <div
-      class="source-serif lead-md pt-20 content"
+      class="font-family-secondary lead-md pt-20 content"
       data-controller="footnotes"
       data-action="resize@window->footnotes#resize"
       data-footnotes-container-width-value="{{ site.data.theme.footnotes_container_width }}"

data/_layouts/post.html

@@ -41,7 +41,7 @@ layout: "default_with_menu"
       data-footnotes-footnote-class="{{ site.data.theme.footnotes_footnote_class | join: " " }}"
       data-footnotes-footnote-toggled-class="{{ site.data.theme.footnotes_footnote_toggled_class | join: " " }}"
       data-footnotes-sidenote-class="{{ site.data.theme.footnotes_sidenote_class | join: " " }}"
-      class="source-serif lead-md pt-20 content"
+      class="font-family-secondary lead-md pt-20 content"
       data-controller="footnotes"
       data-action="resize@window->footnotes#resize"
     >

data/_layouts/privacy_policy.html

@@ -11,7 +11,7 @@ layout: "default_with_menu"
     {% endif %}
 
     <div
-      class="source-serif lead-md pt-20 content"
+      class="font-family-secondary lead-md pt-20 content"
       data-controller="footnotes"
       data-action="resize@window->footnotes#resize"
       data-footnotes-container-width-value="{{ site.data.theme.footnotes_container_width }}"

data/_sass/utilities.scss

@@ -251,6 +251,14 @@
   font-family: 'Source Serif 4';
 }
 
+.font-family-primary {
+  font-family: $font-family-primary;
+}
+
+.font-family-secondary {
+  font-family: $font-family-secondary;
+}
+
 .zindex-dropdown { z-index: 1000; }
 .zindex-sticky { z-index: 1020; }
 .zindex-fixed { z-index: 1030; }
@@ -264,6 +272,7 @@ strong {
   font-weight: $font-weight-bold;
 }
 
+.code,
 code {
   background-color: $code-background;
   border-radius: $code-radius;
@@ -280,4 +289,4 @@ code {
 .break-wrap {
   word-break: break-word !important;
   word-wrap: break-word !important;
-}
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: compost-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 0.4.0
+  version: 0.4.2
 platform: ruby
 authors:
 - Sutty
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-06-10 00:00:00.000000000 Z
+date: 2025-06-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll