---
import Layout from '@layouts/Layout.astro'
import ProjectCard from '@components/cards/projectCard.astro'
import projects from '@datafiles/projectdata.json'
import SmallTitle from '@components/titles/smallTitle.astro'
import BaseSection from '@layouts/baseSection.astro'
import Placeholder from '@components/placeholder.astro'

const description =
  "My personal projects I am currently working on. Some of them are born from necessity, while others are for uni or similar."
const subtext = 
  "Usually born out of necessity, but some were actually developed as uni projects for my masters degree."

---

<Layout
  title="Projects - Firq FGO Site"
  currentpage="projects"
  descriptionOverride={description}
>
  <SmallTitle maintext="Personal Projects" subtext={subtext} fadeout={true} />
  <BaseSection title="Projects" titleHidden={true}>
    {projects.map((item) => <ProjectCard {...item} />)}
  </BaseSection>
  <Placeholder height="1.5rem"/>
</Layout>

<style></style>