Liste des articles de blog sous forme de cartes

• 11ty

Index: blog.html

+ ---
+ layout: layout.html
+ title: Articles de blog
+ #description: "Articles de blog"
+ ---
+ 
+ <div style="    display: flex;
+     flex-wrap: wrap;
+     justify-content: space-between;">
+ {% for blog in collections.allFinishedArticles %}
+ <div class="card" style="    width: 45%;
+     border: lightgray dashed;
+     padding: .5rem; margin: .25rem 0">
+     &lt;a href=&#34;{{blog.url}}&#34;&gt;&lt;h2 style=&#34;font-size: large&#34;&gt;{{ blog.data.title }}&lt;/h2&gt;&lt;/a&gt;
+     &lt;time datetime=&#34;{{blog.data.date | toIsoString }}&#34; style=&#34;font-size: small&#34;&gt;Le {{ blog.data.date | toLocaleStringFr }}&lt;/time&gt;
+     {% if blog.data.cover_image %}
+     &lt;img alt=&#34;{{blog.data.cover_image_alt}}&#34; src=&#34;{{blog.data.cover_image}}&#34; /&gt;
+     {% endif %}
+     &lt;p&gt;{{blog.data.description}}&lt;/p&gt;
+ </div>
+ 
+ {% endfor %}
+ </div>