chore(jekyll): Upgrade to latest version

Author: jeanjerome

Gemfile

@@ -1,6 +1,6 @@
 source 'https://rubygems.org'
 
-gem 'jekyll', '4.3.4'
+gem 'jekyll', '4.4.0'
 
 group :jekyll_plugins do
   gem 'nokogiri', '= 1.18.2'

_data/picture.yml

@@ -7,13 +7,21 @@ media_queries:
 
 presets:
   default:
-    formats: [ avif, webp, original ]
-    widths: [ 400, 850, 1600]
+    formats: [ avif, original ]
+    format_quality: 
+      avif:
+        980: 70
+        400: 70
+    widths: [ 440, 980]
     link_source: false
     dimension_attributes: true
+    sizes:
+      mobile: 100vw 
+      tablet: 100vw
+      desktop: 980px
 
   top-article:
-    formats: [avif, webp, original]
+    formats: [avif, original]
     widths: [ 400, 970, 1940 ]
     link_source: false
     dimension_attributes: true
@@ -22,37 +30,32 @@ presets:
       tablet: calc(100vw - 20px)
       desktop: 970px
 
-  webp:
-    formats: [webp, original]
-
-  avif:
-    formats: [avif, webp, original]
-
-  loaded:
-    formats: [avif, webp, original]
-    dimension_attributes: true
-
   thumbnail-home:
     widths: [ 220, 480, 960 ]
-    formats: [avif, webp, original]
+    formats: [avif, original]
+    fallback_width: 960
     link_source: true
     dimension_attributes: true
+    sizes: 
+      mobile: 100vw
+      tablet: 50vw
+      desktop: 220px
     attributes:
       a: 'class="post-thumbnail"'
 
   thumbnail-article:
     base_width: 300
     pixel_ratios: [1,2]
     fallback_width: 300
-    formats: [avif, webp, original]
+    formats: [avif, original]
     link_source: false
     dimension_attributes: false
 
   thumbnail-author:
     base_width: 100
     pixel_ratios: [1,2]
     fallback_width: 100
-    formats: [avif, webp, original]
+    formats: [avif, original]
     link_source: false
     dimension_attributes: true
     attributes:

_layouts/review.html

@@ -6,7 +6,9 @@
     {% if page.img -%}
     <div class="page-cover-image">
       <figure>
-        {% picture {{ "/assets/img/" | prepend: site.baseurl | append : page.img}} center --alt {{page.title}} --class page-image %}
+        {% picture 
+          thumbnail-article
+          {{ "/assets/img/" | prepend: site.baseurl | append : page.img}} center --alt {{page.title}} --class page-image %}
         {% if page.fig-caption -%}
           <figcaption>{{page.fig-caption}}</figcaption>
         {%- endif %}

assets/css/main.scss

@@ -5,9 +5,28 @@ sitemap:
 ---
 
 // Imports
-//@import 'variables';
-@import "normalize";
-@import "highlight";
+//@use 'variables';
+@use "normalize";
+@use "highlight";
+
+/* - - - - - - - - - - Home Page Styles - - - - - - - - - - */
+@use "parts/home-page";
+
+/* - - - - - - - - - - Post Page Styles - - - - - - - - - - */
+@use "parts/post-page";
+
+/* - - - - - - - - - - Tag Styles - - - - - - - - - - */
+@use "parts/tag";
+
+/* - - - - - - - - - - Search Styles - - - - - - - - - - */
+@use "parts/search";
+
+@use "parts/review";
+
+/* - - - - - - - - - - Media Styles - - - - - - - - - - */
+@use "media";
+
+@use "premonition";
 
 // Variables
 :root {
@@ -456,28 +475,11 @@ a.toc-link {
   }
 }
 
-/* - - - - - - - - - - Home Page Styles - - - - - - - - - - */
-@import "parts/home-page";
-
-/* - - - - - - - - - - Post Page Styles - - - - - - - - - - */
-@import "parts/post-page";
 
-/* - - - - - - - - - - Tag Styles - - - - - - - - - - */
-@import "parts/tag";
-
-/* - - - - - - - - - - Search Styles - - - - - - - - - - */
-@import "parts/search";
 
 /* - - - - - - - - - - Review Styles - - - - - - - - - - */
 :root {
   --microlink-background-color: var(--body-background);
   --microlink-hover-background-color: var(--body-background);
   --microlink-color: var(--body-color);
 }
-
-@import "parts/review";
-
-/* - - - - - - - - - - Media Styles - - - - - - - - - - */
-@import "media";
-
-@import "premonition";