cdrdpyj/src/components/cards/NewsCard.astro

25 lines
670 B
Plaintext

---
import { Image } from "astro:assets"
import { Icon } from "astro-icon/components";
import dayjs from "dayjs";
const { data } = Astro.props;
const nicedate = dayjs(data.data.date).format("D MMMM YYYY");
---
<div class="bg-[#EBE5D0] text-[#003421] p-10">
<Icon name="ph:arrow-circle-down-thin" class="text-8xl mb-8" />
<p class="font-light text-2xl mb-8">
{data.data.city}, {data.data.country}<br />({nicedate}):
</p>
<h3 class="text-2xl font-bold mb-8"><a href={`/news/${data.id}`}>{data.data.title}</a></h3>
<div>
<Image
src={data.data.thumbnail}
alt={data.data.title}
class="aspect-square object-cover"
/>
</div>
</div>