zeu.dev
personal website
1---
2import type { CollectionEntry } from "astro:content";
3
4export interface Props {
5 blog : CollectionEntry<'blog'>
6}
7
8const { blog } = Astro.props;
9---
10
11<a href={`/blog/${blog.slug}`}>
12 <article
13 class="flex flex-row justify-between items-center w-full h-fit px-8 py-4 border-2 text-white rounded-md">
14 <div class="flex flex-col gap-2 !!no-underline ">
15 <h1 class="text-3xl font-bold">{blog.data.title}</h1>
16 <p class="text-lg italic">{blog.data.description}</p>
17 </div>
18 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M13.22 19.03a.75.75 0 0 1 0-1.06L18.19 13H3.75a.75.75 0 0 1 0-1.5h14.44l-4.97-4.97a.749.749 0 0 1 .326-1.275a.749.749 0 0 1 .734.215l6.25 6.25a.75.75 0 0 1 0 1.06l-6.25 6.25a.75.75 0 0 1-1.06 0Z"/></svg>
19 </article>
20</a>