2024-05-07 16:35:30 +00:00
|
|
|
---
|
|
|
|
const { data } = Astro.props;
|
|
|
|
---
|
|
|
|
|
2024-05-11 16:24:15 +00:00
|
|
|
<style>
|
|
|
|
.post {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
gap: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-category {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
color: #2f4f4f;
|
|
|
|
letter-spacing: 0.03em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-title {
|
|
|
|
font-size: var(--h4-desktop);
|
|
|
|
font-weight: normal;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-summary {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-date {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
color: gray;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
|
2024-05-07 16:35:30 +00:00
|
|
|
<div class="post">
|
|
|
|
<p class="post-category">{data.category}</p>
|
|
|
|
<h4 class="post-title">{data.title}</h4>
|
|
|
|
<p class="post-date">
|
|
|
|
{
|
|
|
|
data.date.toLocaleDateString("tr-TR", {
|
|
|
|
day: "numeric",
|
|
|
|
month: "long",
|
|
|
|
year: "numeric",
|
|
|
|
})
|
|
|
|
}
|
|
|
|
</p>
|
|
|
|
<p class="post-summary">{data.summary}</p>
|
|
|
|
</div>
|