404 Page + Beast IV runs

src/components/taCard.astro

@@ -54,10 +54,6 @@ const servant_images = import.meta.glob<{ default: ImageMetadata }>(
     display: none;
   }
 
-  span {
-    display: none;
-  }
-
   span {
     display: flex;
   }
@@ -172,6 +168,10 @@ const servant_images = import.meta.glob<{ default: ImageMetadata }>(
     }
   }
 
+  .desktop span {
+    align-items: center;
+    height: 3.75rem;
+  }
   article:hover {
     transform: scale(var(--hover-scale));
   }

src/content/data/beast4l.json

@@ -0,0 +1,98 @@
+{
+  "info": {
+    "title": "Beast IV:L",
+    "questReleaseDate": "2023-12-26",
+    "shortdescription": "An interesting conclusion to Tunguska to say the least",
+    "description": "An interesting conclusion to Tunguska to say the least - A really annoying fight with a lot of field effects, including a permanent 40% Buff Success Rate down, as well as 80% Special Defense and 2 full turns of Invincibility. And still - the TA community showed Koyanskaya that she wasn't fit for being a beast in no time."
+  },
+  "data": [
+    {
+      "title": "Shishou 4T (No MLB DMG CE)",
+      "link": "https://www.youtube.com/watch?v=brz21NKMMsY",
+      "date": "2023-12-31",
+      "servant": "shishou",
+      "turns": "4T",
+      "runner": "Firq"
+    },
+    {
+      "title": "Shishou 4T (No DMG CE)",
+      "link": "https://www.youtube.com/watch?v=J0l-psWpokQ",
+      "date": "2023-12-28",
+      "servant": "shishou",
+      "turns": "4T",
+      "runner": "Requiem"
+    },
+    {
+      "title": "Amakusa 4T",
+      "link": "https://www.youtube.com/watch?v=ud5JZ__Hk4I",
+      "date": "2023-12-31",
+      "servant": "amakusa",
+      "turns": "4T",
+      "runner": "Yier"
+    },
+    {
+      "title": "Romulus 4T (NoMash NoCE)",
+      "link": "https://www.youtube.com/watch?v=e0DJEXpysSQ",
+      "date": "2023-12-28",
+      "servant": "romulus",
+      "turns": "4T",
+      "runner": "Sakazuki"
+    },
+    {
+      "title": "Melt 4T",
+      "link": "https://www.youtube.com/watch?v=c7K5ra2CAxs",
+      "date": "2023-12-31",
+      "servant": "melt",
+      "turns": "4T",
+      "runner": "Zectry"
+    },
+    {
+      "title": "Okuni 4T",
+      "link": "https://www.youtube.com/watch?v=eg5OeQrhQMk",
+      "date": "2023-12-29",
+      "servant": "okuni",
+      "turns": "4T",
+      "runner": "QP Dangerous"
+    },
+    {
+      "title": "Kama 4T",
+      "link": "https://www.youtube.com/watch?v=9sm8XBglEgo",
+      "date": "2023-12-29",
+      "servant": "kama",
+      "turns": "4T",
+      "runner": "Requiem"
+    },
+    {
+      "title": "Melusine 4T (FLO)",
+      "link": "https://www.youtube.com/watch?v=XHjExMEg3vQ",
+      "date": "2024-01-01",
+      "servant": "melusine",
+      "turns": "4T",
+      "runner": "Zectry"
+    },
+    {
+      "title": "Gilgamesh 4T",
+      "link": "https://www.youtube.com/watch?v=SrDvEaFx3ko",
+      "date": "2023-12-31",
+      "servant": "gilgamesh",
+      "turns": "4T",
+      "runner": "Yier"
+    },
+    {
+      "title": "Astrea 4T",
+      "link": "https://www.youtube.com/watch?v=kw4E_mCxkKc",
+      "date": "2023-12-30",
+      "servant": "astrea",
+      "turns": "4T",
+      "runner": "Alastair Hale"
+    },
+    {
+      "title": "Kijyo Koyo 4T (Solo)",
+      "link": "https://www.youtube.com/watch?v=tAUA7Fn_HYo",
+      "date": "2023-12-29",
+      "servant": "koyo",
+      "turns": "4T",
+      "runner": "MCR"
+    }
+  ]
+}

src/pages/404.astro

@@ -0,0 +1,63 @@
+---
+import { Image } from 'astro:assets'
+import Layout from '../layouts/Layout.astro'
+import BaseSection from '../layouts/baseSection.astro'
+import sadshishou from '../assets/shishousad.webp'
+
+const description = "Error. This shouldn't happen :/"
+---
+
+<Layout
+  title="404 - Firq FGO Site"
+  currentpage="404"
+  descriptionOverride={description}
+>
+  <BaseSection title="FirqhundredandFirq - Not Found" description="">
+    <div>
+      <Image src={sadshishou} alt="Sad Shishou" />
+      <h2>Well ... you were not supposed to end up here.</h2>
+      <a href="/" aria-label="Home" rel="noopener noreferrer">
+        &lt&lt Go back home
+      </a>
+    </div>
+  </BaseSection>
+</Layout>
+
+<style>
+  div {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    align-items: center;
+  }
+  h2 {
+    color: white;
+    font-size: 2rem;
+    font-weight: bold;
+    margin-top: 1rem;
+    max-width: max-content;
+  }
+  a {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 75%;
+    text-align: center;
+    color: white;
+    background-color: var(--c-gray);
+    padding: 0.5rem 0px;
+    margin-bottom: 2rem;
+    text-decoration: none;
+    font-size: 1.5rem;
+    font-weight: bold;
+  }
+
+  a:hover {
+    color: var(--c-darkpurple);
+  }
+
+  img {
+    width: 256px;
+    height: 256px;
+  }
+</style>