studio-variable/world-game
3
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Fix: blog — date published, intro sans excerpt, styles card affinés
All checks were successful
Deploy / Deploy to Production (push) Successful in 19s
Details

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-03-10 17:45:11 +01:00
parent 783a0c9196
commit 93308bbb65
2 changed files with 24 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

4
site/templates/blog.json.php
View file

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

33
src/views/Blog.svelte
View file

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