Updated favourites, preparing for implementing extra stuff

src/components/favouriteCard.astro

@@ -3,22 +3,28 @@ export interface Props {
   name: string
   origin: string
   image: string
+  link: string
 }
 
-const { image, origin, name } = Astro.props
+const { link, image, origin, name } = Astro.props
 
 const img: string = `/favourites/${image}.webp`
 ---
 
-<article>
+<a href={link} target="_blank" rel="noopener noreferrer">
-  <div class="heading">{name}</div>
+  <article>
-  <img src={img} alt={name} />
+    <div class="heading">{name}</div>
-  <h2 class="subtext">
+    <img src={img} alt={name} />
-    {origin}
+    <h2 class="subtext">
-  </h2>
+      {origin}
-</article>
+    </h2>
+  </article>
+</a>
 
 <style>
+  a {
+    text-decoration: none;
+  }
   .heading {
     display: flex;
     height: 4rem;

src/pages/ta-collection.astro

@@ -20,6 +20,7 @@ const important_data = tadata.filter(function (el) {
 })
 
 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))
 
 const description = 'A collection of TAs previously completed be Firq.'
 ---

static/_favouritesdata.json

@@ -2,11 +2,13 @@
     {
         "name": "Scathach",
         "origin": "Fate/Grand Order",
-        "image": "scathach"
+        "image": "scathach",
+        "link": "https://twitter.com/firq_ow/status/1541064034618904578"
     },
     {
         "name": "Skadi",
         "origin": "Fate/Grand Order",
-        "image": "skadi"
+        "image": "skadi",
+        "link": "https://twitter.com/firq_ow/status/1544321985995489280"
     }
 ]

static/_othertadata.json

@@ -0,0 +1,12 @@
+{
+	"kog": {
+		"site": "Youtube: @Kog",
+		"link": "https://www.youtube.com/@KOGtxt",
+		"image": "youtube"
+	},
+	"requiem": {
+		"site": "Youtube: @Requiem",
+		"link": "https://www.youtube.com/@requiemTA",
+		"image": "youtube"
+	}
+}