34 lines
886 B
Plaintext
34 lines
886 B
Plaintext
---
|
|
import type { CollectionEntry } from "astro:content";
|
|
import { slugifyStr } from "@/utils/slugify";
|
|
import { getPath } from "@/utils/getPath";
|
|
import Datetime from "./Datetime.astro";
|
|
|
|
type Props = {
|
|
variant?: "h2" | "h3";
|
|
} & CollectionEntry<"blog" | "events" | "workshops" | "news" | "technical">;
|
|
|
|
const { variant: Heading = "h2", id, data, filePath } = Astro.props;
|
|
|
|
const { title, description, ...props } = data;
|
|
---
|
|
|
|
<li class="my-6">
|
|
<a
|
|
href={getPath(id, filePath)}
|
|
class:list={[
|
|
"inline-block text-lg font-medium text-accent",
|
|
"decoration-dashed underline-offset-4 hover:underline",
|
|
"focus-visible:no-underline focus-visible:underline-offset-0",
|
|
]}
|
|
>
|
|
<Heading
|
|
style={{ viewTransitionName: slugifyStr(title.replaceAll(".", "-")) }}
|
|
>
|
|
{title}
|
|
</Heading>
|
|
</a>
|
|
<Datetime {...props} />
|
|
<p>{description}</p>
|
|
</li>
|