From e2d5ae3db231585decbe68119a6d6e21c1d52f9b Mon Sep 17 00:00:00 2001
From: Matthieu Bessat <mail@matthieubessat.fr>
Date: Fri, 15 Mar 2024 23:27:14 +0100
Subject: [PATCH] fix(articles): fix style

---
 assets/sass/article.scss     | 11 ++++++++++-
 assets/sass/news.scss        |  3 ++-
 config.toml                  |  2 +-
 layouts/actualites/list.html |  6 +++---
 4 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/assets/sass/article.scss b/assets/sass/article.scss
index e347757..de7947c 100644
--- a/assets/sass/article.scss
+++ b/assets/sass/article.scss
@@ -135,5 +135,14 @@
             width: 100%;
         }
     }
-
+}
+
+@media (max-width: $md-breakpoint) {
+    .article__featured-image {
+        margin: 0;
+        margin-top: 1rem;
+        img {
+            aspect-ratio: initial;
+        }
+    }
 }
diff --git a/assets/sass/news.scss b/assets/sass/news.scss
index ea6d181..3183ae0 100644
--- a/assets/sass/news.scss
+++ b/assets/sass/news.scss
@@ -7,9 +7,10 @@
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     padding: 1rem 0rem;
     margin-bottom: 1rem;
+    min-height: 10rem;
 
     display: grid;
-    grid-template-columns: 33% 1fr;
+    grid-template-columns: 1fr 1fr;
     grid-column-gap: 2rem;
 }
 
diff --git a/config.toml b/config.toml
index 4ac2484..cc7bc16 100644
--- a/config.toml
+++ b/config.toml
@@ -3,7 +3,7 @@ languageCode = 'fr'
 defaultContentLanguage = 'fr'
 title = "L'Étoile de Bethléem"
 
-summaryLength = 50
+summaryLength = 22
 assetDir = "assets"
 
 minifyOutput = false
diff --git a/layouts/actualites/list.html b/layouts/actualites/list.html
index c0c7b8e..394f714 100644
--- a/layouts/actualites/list.html
+++ b/layouts/actualites/list.html
@@ -17,7 +17,7 @@
                     {{ if .Params.featured_image }}
                         {{ $featuredImage = .Resources.GetMatch (.Params.featured_image.src | safeURL)  }}
                     {{ end }}
-                    {{ $featuredImage := $featuredImage.Fill "400x300 Center" }}
+                    {{ $featuredImage := $featuredImage.Fill "465x348 Center" }}
                     <figure>
                         <img alt="" src="{{ $featuredImage.RelPermalink }}" />
                         {{ with .Params.featured_image.caption }}
@@ -32,7 +32,7 @@
                         <a
                             href="{{ .RelPermalink }}"
                         >
-                        {{.Title }}
+                        {{ .Title }}
                         </a>
                     </h2>
                     <p class="news-item__date">
@@ -42,7 +42,7 @@
                         </time>
                     </p>
                     <div class="news-item__summary">
-                        {{ .Summary }}...
+                        {{ .Summary }}…
                     </div>
                 </div>
 		    </li>