chim1chim2/ambient
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

backlog

Browse Source
This commit is contained in:
LATCHIMY Nicolas
2026-02-24 18:12:52 +04:00
parent d1a5008cb8
commit d872e808a0
3 changed files with 168 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/pages/collection.astro
View File

@@ -33,36 +33,6 @@ const groupedHumans = sortedEntries.reduce((acc, entry) => {
</header>
<main class="collection-container">
{/* SECTION ÉVÉNEMENTS (Même structure que les humains) */}
{
sortedEvents.length > 0 && (
<section class="user-collection">
<h2 class="user-title">
Événements <span>({sortedEvents.length} cartes)</span>
</h2>
<div class="user-flex-row">
{sortedEvents.map((event) => (
<a
href={`/${event.id.replace(/\.md$/, "")}`}
class="card-link"
>
<div class="card-scaler">
<EventCard frontmatter={event.data} />
<div class="entry-meta">
<p>
Détecté le :{" "}
{event.data.target_date}
</p>
</div>
</div>
</a>
))}
</div>
<hr class="separator" />
</section>
)
}
{/* SECTION HUMAINS */}
{
Object.entries(groupedHumans).map(([userName, cards]) => (
@@ -94,6 +64,36 @@ const groupedHumans = sortedEntries.reduce((acc, entry) => {
</section>
))
}
{/* SECTION ÉVÉNEMENTS (Même structure que les humains) */}
{
sortedEvents.length > 0 && (
<section class="user-collection">
<h2 class="user-title">
Événements <span>({sortedEvents.length} cartes)</span>
</h2>
<div class="user-flex-row">
{sortedEvents.map((event) => (
<a
href={`/${event.id.replace(/\.md$/, "")}`}
class="card-link"
>
<div class="card-scaler">
<EventCard frontmatter={event.data} />
<div class="entry-meta">
<p>
Détecté le :{" "}
{event.data.target_date}
</p>
</div>
</div>
</a>
))}
</div>
<hr class="separator" />
</section>
)
}
</main>
</Layout>
@@ -159,8 +159,8 @@ const groupedHumans = sortedEntries.reduce((acc, entry) => {
/* 1. On définit la taille "réelle" que prendra la carte dans le flux */
/* Si ta Card fait 300px de large, on met 150px ici */
width: 150px;
height: 220px;
width: 230px;
height: 375px;
/* 2. On autorise le contenu à déborder visuellement de la boîte logicielle */
overflow: visible;
@@ -172,7 +172,7 @@ const groupedHumans = sortedEntries.reduce((acc, entry) => {
.card-scaler {
/* 3. On réduit l'échelle */
transform: scale(0.5);
transform: scale(0.8);
/* 4. On fixe l'origine en haut à gauche pour que la carte
se cale parfaitement dans le coin du .card-link */