Fix: blog — date published, intro sans excerpt, styles card affinés

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

assets/css/custom-panel.css

@@ -113,33 +113,6 @@
   border-bottom: 1px dashed var(--color-gray-600);
 }
 
-/*modif card pour ressembler au site web*/
-.k-panel[data-template="blog"] .k-item.k-cards-item[data-template="article"] {
-  display: grid;
-  grid-template-columns: 2fr auto 1fr;
-  grid-template-rows: auto;
-}
-
-.k-panel[data-template="blog"]
-  .k-item.k-cards-item[data-template="article"]
-  .k-item-image {
-  grid-column: 3/4;
-  grid-row: 1/3;
-}
-.k-panel[data-template="blog"]
-  .k-item.k-cards-item[data-template="article"]
-  .k-item-content {
-  grid-column: 1/2;
-  grid-row: 1/2;
-}
-.k-panel[data-template="blog"]
-  .k-item.k-cards-item[data-template="article"]
-  .k-item-options {
-  grid-column: 2/3;
-  grid-row: 1/2;
-  align-items: start;
-}
-
 /* Logo sur la page de login */
 .k-login-view .k-login-form::before {
   content: "";

site/blueprints/pages/article.yml

@@ -81,7 +81,7 @@ tabs:
           meta:
             type: fields
             fields:
-              date:
+              published:
                 label: Date de publication
                 type: date
                 display: DD/MM/YYYY

site/templates/blog.json.php

@@ -6,8 +6,8 @@ $mapArticle = function($article) {
   return [
     'title' => $article->title()->value(),
     'slug'  => $article->slug(),
-    'date'  => $article->date()->toDate('d/m/Y'),
-    'intro' => $article->intro()->excerpt(200),
+    'date'  => $article->published()->toDate('d/m/Y'),
+    'intro' => $article->intro()->value(),
     'cover' => $article->cover()->toFile()?->url(),
   ];
 };

src/views/Blog.svelte

@@ -125,7 +125,7 @@
               <a href="/blog/{featured.slug}">{featured.title}</a>
             </h2>
             {#if featured.intro}
-              <p class="blog-card-excerpt">{featured.intro}</p>
+              <p class="blog-card-description">{featured.intro}</p>
             {/if}
             <a href="/blog/{featured.slug}" class="blog-card-readmore">
               Lire l'article <span class="arrow">→</span>
@@ -180,6 +180,7 @@
   .blog {
     background: #0d0e22;
     color: var(--color-text);
+    padding: 0 50px;
   }
 
   /* --- Header / Intro --- */
@@ -203,6 +204,12 @@
     opacity: 0.9;
   }
 
+  .page-container {
+    max-width: none;
+    margin: 0;
+    padding: 0 10%;
+  }
+
   /* --- Card (article item) --- */
   .blog-card {
     display: flex;
@@ -226,9 +233,10 @@
   }
 
   .blog-card-title {
-    font-family: "Danzza Bold", sans-serif;
-    font-size: var(--font-size-title-section);
-    line-height: 1.3;
+    font-family: "Danzza", sans-serif;
+    font-size: 40px;
+    max-width: 80%;
+    font-weight: 700;
   }
 
   .blog-card-title a {
@@ -239,20 +247,23 @@
     color: var(--color-primary);
   }
 
-  .blog-card-excerpt {
+  .blog-card-description {
     color: #d9d9d9;
+    font-family: "Danzza",sans-serif;
     font-size: var(--font-size-paragraph);
-    line-height: 1.6;
+    font-weight: 400;
   }
 
   .blog-card-readmore {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.5rem;
     color: var(--color-primary);
-    font-family: "Danzza Medium", sans-serif;
+    font-family: "Danzza", sans-serif;
     font-size: var(--font-size-paragraph);
-    transition: gap 0.2s;
+    font-weight: 500;
+    text-transform: uppercase;
+  }
+
+  .blog-card-readmore .arrow {
+    margin-left: 5px;
   }
 
   .blog-card-readmore:hover {