diff --git a/src/components/taCard.astro b/src/components/taCard.astro index f332e31..2e7e13a 100644 --- a/src/components/taCard.astro +++ b/src/components/taCard.astro @@ -1,12 +1,20 @@ --- export interface Props { + date: string title: string link: string image: string } -const { image, link, title } = Astro.props +const { date, image, link, title } = Astro.props +const options_date: Intl.DateTimeFormatOptions = { + year: 'numeric', + month: '2-digit', + day: '2-digit', +} + +const formatted_date = new Date(date).toLocaleDateString('de-DE', options_date) const icon: string = `background: url('/ta_icons/${image}.webp')` --- @@ -15,10 +23,16 @@ const icon: string = `background: url('/ta_icons/${image}.webp')`
+ {formatted_date} +
diff --git a/src/layouts/taSection.astro b/src/layouts/taSection.astro index 82489d2..8582d82 100644 --- a/src/layouts/taSection.astro +++ b/src/layouts/taSection.astro @@ -36,7 +36,7 @@ if (abovetext === undefined) { color: white; margin: 0.5rem 0px 0.5rem 0.5em; padding: 0.25rem 0.75rem; - width: max-content; + max-width: max-content; background-color: var(--c-darkgray); } h2 { diff --git a/src/pages/ta-collection.astro b/src/pages/ta-collection.astro index 891f58d..0263104 100644 --- a/src/pages/ta-collection.astro +++ b/src/pages/ta-collection.astro @@ -19,6 +19,8 @@ const important_data = tadata.filter(function (el) { ].includes(el.title) }) +tadata.sort((a, b) => Date.parse(b.date) - Date.parse(a.date)) + const description = 'A collection of TAs previously completed be Firq.' --- diff --git a/static/_tadata.json b/static/_tadata.json index a520f7d..46f0f23 100644 --- a/static/_tadata.json +++ b/static/_tadata.json @@ -2,76 +2,91 @@ { "title": "DB 7T (No Duplicates)", "link": "https://www.youtube.com/watch?v=d1ftVeitR6c", - "image": "db" + "image": "db", + "date": "2022-07-09" }, { "title": "Kingprotea 1T", "link": "https://www.youtube.com/watch?v=m3SATSOfpt4", - "image": "kingprotea" + "image": "kingprotea", + "date": "2022-06-21" }, { "title": "Solomon 1T (No NP)", "link": "https://www.youtube.com/watch?v=01Qx4Hs-X4M", - "image": "solomon" + "image": "solomon", + "date": "2022-06-28" }, { "title": "Ibuki 3T (Lostbelt 5.5)", "link": "https://www.youtube.com/watch?v=AaqRN73dO5k", - "image": "ibuki" + "image": "ibuki", + "date": "2022-11-22" }, { "title": "Boxing 3T (Xmas 5)", "link": "https://www.youtube.com/watch?v=S8OQ7yWldJY", - "image": "dioscuri" + "image": "dioscuri", + "date": "2022-12-24" }, { "title": "MHXX 2T (No DMG CE)", "link": "https://www.youtube.com/watch?v=lz6iBZvoDuw", - "image": "mhxx" + "image": "mhxx", + "date": "2023-01-12" }, { "title": "Taira 3T (Lostbelt 5.5)", "link": "https://www.youtube.com/watch?v=YtRvahqFA0Y", - "image": "taira" + "image": "taira", + "date": "2022-11-22" }, { "title": "Douman 3T (Lostbelt 5.5)", "link": "https://www.youtube.com/watch?v=6cstr3vTd8Y", - "image": "douman" + "image": "douman", + "date": "2022-11-23" }, { "title": "Christmas 2021 Rerun CQ 5T", "link": "https://www.youtube.com/watch?v=cpqhx9dUgTU", - "image": "santagale" + "image": "santagale", + "date": "2022-10-15" }, { "title": "Summer 4 Rerun CQ 3T", "link": "https://www.youtube.com/watch?v=u72o7PDBtks", - "image": "fuuma" + "image": "fuuma", + "date": "2022-06-04" }, { "title": "Fate/Requiem CQ 3T", "link": "https://www.youtube.com/watch?v=k7vGC4kpEFg", - "image": "erice" + "image": "erice", + "date": "2022-05-11" }, { "title": "Kirschtaria 3T (Lostbelt 5)", "link": "https://www.youtube.com/watch?v=aYlyfAzuFw0", - "image": "kirschtaria" + "image": "kirschtaria", + "date": "2022-04-04" }, { "title": "Aeaean Spring Breeze CQ 3T", "link": "https://www.youtube.com/watch?v=uo3jI9xuVwI", - "image": "odysseus" + "image": "odysseus", + "date": "2022-03-06" }, { "title": "Valentines 2022 CQ 4T", "link": "https://www.youtube.com/watch?v=MOCMXZ17FkU", - "image": "sei" + "image": "sei", + "date": "2022-02-09" }, { "title": "Amazoness 2021 CQ 3T", "link": "https://www.youtube.com/watch?v=MU_Hw2KKYRU", - "image": "penth" + "image": "penth", + "date": "2022-01-23" } ]