diogofranciscop · diogofranciscop · Dec 24, 2024 · Dec 24, 2024
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -41,6 +41,16 @@
   <link rel="preload" as="image" href="/assets/img/almondegas-180px.webp">
   <link rel="preload" as="image" href="/assets/img/soja-alentejana-180px.webp">
   <link rel="preload" as="image" href="/assets/img/carbonara-tempeh-180px.webp">
+  <link rel="preload" as="image" href="/assets/img/bowl-quinoa-180px.webp">
+  <link rel="preload" as="image" href="/assets/img/yakisoba-180px.webp">
+
+
+  <link rel="preload" as="image" href="/assets/img/salada-sem-polvo-126px.webp">
+  <link rel="preload" as="image" href="/assets/img/bolo-chocolate-126px.webp">
+  <link rel="preload" as="image" href="/assets/img/francesinha-126px.webp">
+  <link rel="preload" as="image" href="/assets/img/almondegas-126px.webp">
+  <link rel="preload" as="image" href="/assets/img/soja-alentejana-126px.webp">
+  <link rel="preload" as="image" href="/assets/img/carbonara-tempeh-126px.webp">
 
 
   <link rel="preload" href="/assets/js/version.js" as="script">

diff --git a/assets/css/_sass/index.scss b/assets/css/_sass/index.scss
@@ -562,7 +562,7 @@ display: none;
 }
 
 .card__img {
-  width: 128px !important; /* Reduced width */
+  width: 126px !important; /* Reduced width */
   height: 140px !important; /* Reduced height */
   margin-top: 5px; /* Reduced margin */
 }

diff --git a/assets/img/almondegas-126px.webp b/assets/img/almondegas-126px.webp
diff --git a/assets/img/arroz-sem-pato-126px.webp b/assets/img/arroz-sem-pato-126px.webp
diff --git a/assets/img/arroz-sem-pato-180px.webp b/assets/img/arroz-sem-pato-180px.webp
diff --git a/assets/img/arroz-tomate-com-panados-126px.webp b/assets/img/arroz-tomate-com-panados-126px.webp
diff --git a/assets/img/arroz-tomate-com-panados-180px.webp b/assets/img/arroz-tomate-com-panados-180px.webp
diff --git a/assets/img/assado-batata-grao-126px.webp b/assets/img/assado-batata-grao-126px.webp
diff --git a/assets/img/assado-batata-grao-180px.webp b/assets/img/assado-batata-grao-180px.webp
diff --git a/assets/img/batata-doce-feijao-preto-126px.webp b/assets/img/batata-doce-feijao-preto-126px.webp
diff --git a/assets/img/batata-doce-feijao-preto-180px.webp b/assets/img/batata-doce-feijao-preto-180px.webp
diff --git a/assets/img/bolachas_aveia-126px.webp b/assets/img/bolachas_aveia-126px.webp
diff --git a/assets/img/bolachas_aveia-180px.webp b/assets/img/bolachas_aveia-180px.webp
diff --git a/assets/img/bolo-chocolate-126px.webp b/assets/img/bolo-chocolate-126px.webp
diff --git a/assets/img/bolonhesa-tofu-126px.webp b/assets/img/bolonhesa-tofu-126px.webp
diff --git a/assets/img/bolonhesa-tofu-180px.webp b/assets/img/bolonhesa-tofu-180px.webp
diff --git a/assets/img/bowl-quinoa-126px.webp b/assets/img/bowl-quinoa-126px.webp
diff --git a/assets/img/bowl-quinoa-180px.webp b/assets/img/bowl-quinoa-180px.webp
diff --git a/assets/img/caldo-verde-126px.webp b/assets/img/caldo-verde-126px.webp
diff --git a/assets/img/caldo-verde-180px.webp b/assets/img/caldo-verde-180px.webp
diff --git a/assets/img/carbonara-tempeh-126px.webp b/assets/img/carbonara-tempeh-126px.webp
diff --git a/assets/img/carbonara2-126px.webp b/assets/img/carbonara2-126px.webp
diff --git a/assets/img/carbonara2-180px.webp b/assets/img/carbonara2-180px.webp
diff --git a/assets/img/crepioca-126px.webp b/assets/img/crepioca-126px.webp
diff --git a/assets/img/crepioca-180px.webp b/assets/img/crepioca-180px.webp
diff --git a/assets/img/francesinha-126px.webp b/assets/img/francesinha-126px.webp
diff --git a/assets/img/guisado-soja-126px.webp b/assets/img/guisado-soja-126px.webp
diff --git a/assets/img/guisado-soja-180px.webp b/assets/img/guisado-soja-180px.webp
diff --git a/assets/img/kebab-jaca-126px.webp b/assets/img/kebab-jaca-126px.webp
diff --git a/assets/img/kebab-jaca-180px.webp b/assets/img/kebab-jaca-180px.webp
diff --git a/assets/img/mousse-126px.webp b/assets/img/mousse-126px.webp
diff --git a/assets/img/mousse-180px.webp b/assets/img/mousse-180px.webp
diff --git a/assets/img/overnight-weetabix-126px.webp b/assets/img/overnight-weetabix-126px.webp
diff --git a/assets/img/overnight-weetabix-180px.webp b/assets/img/overnight-weetabix-180px.webp
diff --git a/assets/img/pataniscas-126px.webp b/assets/img/pataniscas-126px.webp
diff --git a/assets/img/pataniscas-180px.webp b/assets/img/pataniscas-180px.webp
diff --git a/assets/img/salada-sem-polvo-126px.webp b/assets/img/salada-sem-polvo-126px.webp
diff --git a/assets/img/sandes-grão-bico-126px.webp b/assets/img/sandes-grão-bico-126px.webp
diff --git a/assets/img/sandes-grão-bico-180px.webp b/assets/img/sandes-grão-bico-180px.webp
diff --git a/assets/img/sem-bacalhau-sem-natas-126px.webp b/assets/img/sem-bacalhau-sem-natas-126px.webp
diff --git a/assets/img/sem-bacalhau-sem-natas-180px.webp b/assets/img/sem-bacalhau-sem-natas-180px.webp
diff --git a/assets/img/soja-alentejana-126px.webp b/assets/img/soja-alentejana-126px.webp
diff --git a/assets/img/sopa-feijão-couve-126px.webp b/assets/img/sopa-feijão-couve-126px.webp
diff --git a/assets/img/sopa-feijão-couve-180px.webp b/assets/img/sopa-feijão-couve-180px.webp
diff --git a/assets/img/tofu-forno-batata-pimento-126px.webp b/assets/img/tofu-forno-batata-pimento-126px.webp
diff --git a/assets/img/tofu-forno-batata-pimento-180px.webp b/assets/img/tofu-forno-batata-pimento-180px.webp
diff --git a/assets/img/tofu-mexido-126px.webp b/assets/img/tofu-mexido-126px.webp
diff --git a/assets/img/tofu-mexido-180px.webp b/assets/img/tofu-mexido-180px.webp
diff --git a/assets/img/tofu-na-cerveja-126px.webp b/assets/img/tofu-na-cerveja-126px.webp
diff --git a/assets/img/tofu-na-cerveja-180px.webp b/assets/img/tofu-na-cerveja-180px.webp
diff --git a/assets/img/tofu-sticky-126px.webp b/assets/img/tofu-sticky-126px.webp
diff --git a/assets/img/tofu-sticky-180px.webp b/assets/img/tofu-sticky-180px.webp
diff --git a/assets/img/tosta-abacate-grão-de-bico-cogumelo-126px.webp b/assets/img/tosta-abacate-grão-de-bico-cogumelo-126px.webp
diff --git a/assets/img/tosta-abacate-grão-de-bico-cogumelo-180px.webp b/assets/img/tosta-abacate-grão-de-bico-cogumelo-180px.webp
diff --git a/assets/img/yakisoba-126px.webp b/assets/img/yakisoba-126px.webp
diff --git a/assets/img/yakisoba-180px.webp b/assets/img/yakisoba-180px.webp
diff --git a/index.html b/index.html
@@ -95,7 +95,11 @@
     </div>
     <div class="card__img-container">
       <!-- Optionally handle initial lazy-loading logic as you wish -->
-      <img src="{{ post.image | replace: '.webp', '-180px.webp' }}" class="card__img" alt="{{ post.title }}" loading="auto">
+      <picture>
+        <source srcset="{{ post.image | replace: '.webp', '-126px.webp' }}" media="(max-width: 768px)">
+        <source srcset="{{ post.image | replace: '.webp', '-180px.webp' }}" media="(max-width: 1500px)">
+        <img src="{{ post.image }}" class="card__img" alt="{{ post.title }}" loading="auto">
+      </picture>
     </div>
     <div class="card__footer">
       <span class="title-card">{{ post.title | upcase }}</span>

diff --git a/version.json b/version.json
@@ -1,4 +1,4 @@
 {
-    "version": "1.0.55"
+    "version": "1.0.56"
   }