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 [
'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(),
];
};

33
src/views/Blog.svelte
View file

@ -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 {