quantstack.github.io/src/components/BlogpostCard.tsx at master · QuantStack/quantstack.github.io · GitHub

Repository navigation

32 lines (31 loc) · 1.07 KB

import styles from "../pages/blog.module.css";

import Link from "@docusaurus/Link";

import useBaseUrl from "@docusaurus/useBaseUrl";

import Card from "./layout/Card";

export default function BlogpostCard({ blogpost }) {

return (

<img

src={useBaseUrl(blogpost.image)}

id={blogpost.imageID}

alt="Illustration for the blog post."

</div>

<div className={styles.blogpost_header}>{blogpost.title}</div>

{blogpost.summary.length < 200

? blogpost.summary

: blogpost.summary.substring(0, 200) + "..."}

</div>

{blogpost.date}

</div>

<div className={styles.blogpost_authors}>{blogpost.authors}</div>

</div>

</Link>

</Card>

);

}