---
import Layout from '../layouts/Layout.astro'
import BlogCard from '../components/blogCard.astro'
import BlogSection from '../layouts/blogSection.astro'

const description =
  'My own small blog. Topics include FGO, TA, Programming, web technologies and more!'
const allPosts = await Astro.glob('../pages/blog/*.{md,mdx}')
allPosts.sort(
  (a, b) =>
    Date.parse(b.frontmatter.pubDate) - Date.parse(a.frontmatter.pubDate)
)
---

<Layout
  title="Blog - Firq FGO Site"
  currentpage="blog"
  descriptionOverride={description}
>
  <BlogSection title="Blog Articles">
    {
      allPosts.map((post) => (
        <BlogCard
          url={post.url}
          title={post.frontmatter.title}
          pubdate={post.frontmatter.pubDate}
          description={post.frontmatter.description}
          author={post.frontmatter.author}
        />
      ))
    }
  </BlogSection>
</Layout>

<style></style>