firq-dev-website/src/pages/ta-collection.astro

59 lines
2 KiB
Text

---
//TODO:
// - Add highlighted TAs above the rest
// > I think you should have all of them on the site.
// > You could have the notable ones like you do now, but at the bottom, there could be a drop-down or "expand" or "more" or
// > some other section like that which you could click and show the rest
import Layout from '@layouts/Layout.astro'
import TaSection from '@layouts/taSection.astro'
import TaCard from '@components/cards/taCard.astro'
import tadata from '@datafiles/tadata.json'
import featured_data from '@datafiles/featureddata.json'
import FgotaHero from '@components/fgotaHero.astro'
import Placeholder from '@components/placeholder.astro'
import SmallTitle from '@components/titles/smallTitle.astro'
const important_data = tadata.filter(function (el) {
return [
'Ibuki 3T (LB 5.5)',
'DB 7T (No Duplicates)',
'Kingprotea 1T',
'Goetia Memorial Quest 2T',
'Morgan 3T (LB 6) Skadi',
'Albion 3T (LB 6) Skadi',
'Cernunnos 4T (No Castoria)',
].includes(el.title)
})
tadata.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))
important_data.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))
featured_data.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))
const description = 'A collection of TAs previously completed be Firq.'
---
<Layout
title="TA Collection - firq.dev"
currentpage="fgo"
descriptionOverride={description}
>
<SmallTitle maintext='TA Collection' subtext='' baseurl='fgo' returnbutton={true} buttontext='FGO'/>
<FgotaHero fadeout={true}/>
<TaSection title="Notable TAs" abovetext="My most notable TAs">
{important_data.map((item) => <TaCard {...item} />)}
</TaSection>
<TaSection title="Completed TAs">
{tadata.map((item) => <TaCard {...item} />)}
</TaSection>
<TaSection
title="Featured TAs by other Racers"
abovetext="TAs done by my fellow Racers, check them out as well!"
>
{featured_data.map((item) => <TaCard {...item} />)}
</TaSection>
<Placeholder height="5rem"/>
</Layout>
<style></style>