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

full art

Browse Source
This commit is contained in:
LATCHIMY Nicolas
2026-02-22 20:37:36 +04:00
parent 057461c3be
commit 14a034867e
2 changed files with 32 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/EventCard.astro
View File

@@ -86,21 +86,24 @@ const accentColor = categoryColors[type] || categoryColors["default"];
}
/* Style spécifique quand il y a une image de fond */
.event-card.has-bg {
color: #fff; /* Texte blanc pour meilleure lisibilité sur image */
text-shadow: 1px 1px 1px rgba(0,0,0,1); /* Ombre portée pour contraste */
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.0) 0%,
rgba(255, 255, 255, 0.1) 100%
rgba(0, 0, 0, 0.0) 0%, /* Assombrir le haut de l'image */
rgba(0, 0, 0, 0.1) 100% /* Assombrir le bas de l'image */
), var(--bg-image) !important;
}
.card-inner {
height: 100%;
border: 1px solid rgba(0, 0, 0, 0.1);
height: 100%;/* Bordure plus claire sur fond foncé */
border-radius: 10px;
display: flex;
flex-direction: column;
padding: 12px;
/* Rendre le fond transparent si une image est présente */
background: rgba(255, 255, 255, 0.05);
background: linear-gradient(
rgba(0, 0, 0, 0.1) 0%, /* Assombrir le haut de l'image */
rgba(0, 0, 0, 0.1) 70%, /* Assombrir le haut de l'image */
rgba(0, 0, 0, 0.3) 100%)
}
.event-header {
display: flex;
@@ -121,6 +124,9 @@ const accentColor = categoryColors[type] || categoryColors["default"];
text-align: center;
padding: 10px;
}
.event-card.has-bg .event-art {
border: 1px solid rgba(0,0,0, 0.1); /* Bordure plus claire sur fond foncé */
}
.event-title {
font-size: 1.4rem;
margin: 5px 0;
@@ -128,18 +134,24 @@ const accentColor = categoryColors[type] || categoryColors["default"];
.event-title-overlay {
font-size: 1.4rem; [cite: 16]
margin-bottom: 10px;
text-shadow: 0px 1px 2px rgba(255,255,255,0.8);
text-shadow: 1px 1px 4px rgba(0,0,0,0.8); /* Ombre portée foncée pour le contraste */
}
.location-tag {
font-size: 0.7rem;
opacity: 0.9;
}
.event-card.has-bg .location-tag {
opacity: 1; /* Assurer pleine opacité sur fond foncé */
}
.event-info-line {
font-size: 0.8rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 5px;
margin-bottom: 10px;
}
.event-card.has-bg .event-info-line {
border-bottom: 1px solid rgba(0,0,0, 0.1); /* Bordure plus claire sur fond foncé */
}
.event-body {
flex: 1.2;
font-size: 0.85rem;
@@ -150,6 +162,10 @@ const accentColor = categoryColors[type] || categoryColors["default"];
padding: 2px 8px;
border-radius: 4px;
}
.event-card.has-bg .event-type {
background: rgba(0, 0, 0, 0.4); /* Fond plus foncé pour le badge sur image */
text-shadow: none; /* Pas d'ombre portée sur éléments avec fond */
}
.summary {
font-style: italic;
line-height: 1.4;
@@ -172,6 +188,10 @@ const accentColor = categoryColors[type] || categoryColors["default"];
border-radius: 4px;
font-size: 0.65rem;
}
.event-card.has-bg .p-tag {
background: rgba(0, 0, 0, 0.4); /* Fond plus foncé pour les tags sur image */
text-shadow: none; /* Pas d'ombre portée sur éléments avec fond */
}
.event-footer {
display: flex;
justify-content: space-between;
@@ -185,4 +205,8 @@ const accentColor = categoryColors[type] || categoryColors["default"];
border-radius: 5px;
font-weight: bold;
}
.event-card.has-bg .social-impact {
background: rgba(0, 0, 0, 0.4); /* Fond plus foncé sur image */
text-shadow: none; /* Pas d'ombre portée sur éléments avec fond */
}
</style>

2
src/pages/index.astro
View File

@@ -128,7 +128,7 @@ const latestPerUser = Array.from(
<div class="card-focus">
<EventCard frontmatter={latestEvent.data} />
<div class="entry-meta">
<p>Projet</p>
<p>Evénement, Projet, IRL</p>
</div>
</div>
)