---
import Layout from '@layouts/Layout.astro'
import BlogCard from '@components/cards/blogCard.astro'
import BlogSection from '@layouts/blogSection.astro'
import SmallTitle from '@components/titles/smallTitle.astro'
import { getCollection } from 'astro:content'

const description =
  'My own small blog. Topics include FGO, TA, Programming, web technologies and more!'
const subtext = 
  'My personal blog. Includes rambling about FGO, coding and other stuff!'
const blogEntries = await getCollection('blog')
blogEntries.sort(
  (a, b) =>
    (b.data.pubDate.valueOf() - a.data.pubDate.valueOf() )
)
---

<Layout
  title="Blog - firq.dev"
  currentpage="blog"
  descriptionOverride={description}
>
  <SmallTitle maintext="Blog Articles" subtext={subtext} fadeout={true} />
  <BlogSection title="Blog Articles" displayLine={true} titlehidden={true}>
    {
      blogEntries.map((post) => (
        <BlogCard
          url="blog"
          slug={post.id}
          title={post.data.title}
          pubdate={post.data.pubDate}
          description={post.data.description}
          author={post.data.author}
        />
      ))
    }
  </BlogSection>
</Layout>

<style></style>