Improved embed (Now generated dynamically)

src/pages/about.astro

@@ -24,9 +24,11 @@ const techologydata = [{
 		"link": "https://www.typescriptlang.org/",
 		"image": "typescript"
 	},]
+
+const description = "A summary of the technologies used as well as my contact information. You'll also find disclaimers and thank you notes for the people that helped me.";
 ---
 
-<Layout title="About - Firq FGO Site" currentpage="about">
+<Layout title="About - Firq FGO Site" currentpage="about" descriptionOverride={description}>
     <BasicSection title="About">
         This is a small sideproject that I'm creating. First time doing webdev in general, and first project using Typescript.
     </BasicSection>

src/pages/blog.astro

@@ -2,9 +2,10 @@
 import Layout from '../layouts/Layout.astro';
 import BasicSection from '../layouts/basicSection.astro';
 
+const description = "A placeholder until I get to designing the Blog pages. Future topics will include FGO, TA, Programming, web technologies and more!"
 ---
 
-<Layout title="Blog - Firq FGO Site" currentpage="blog">
+<Layout title="Blog - Firq FGO Site" currentpage="blog" descriptionOverride={description}>
     <BasicSection title="Work in Progress">
         Nothing to see here (yet)<br>
         Topics will range from FGO to technologies and programming.

src/pages/index.astro

@@ -5,9 +5,10 @@ import BaseSection from '../layouts/baseSection.astro';
 import FavouriteCard from '../components/favouriteCard.astro';
 import favouritesdata from '../../static/_favouritesdata.json';
 
+const description = "The very own page of Firq for providing informating about TA servants, listing past TA achievements and (in the future) hosting a blog for talking about FGO, Programming and other stuff"
 ---
 
-<Layout title="Home - Firq FGO Site" currentpage="home">
+<Layout title="Home - Firq FGO Site" currentpage="home" descriptionOverride={description}>
     <Hero/>
     <BaseSection title="Favourites">
         {favouritesdata.map((item) => (<FavouriteCard {...item}/>))}

src/pages/servants.astro

@@ -8,9 +8,10 @@ import servantdata from '../../static/_servantdata.json'
 import CeCard from '../components/ceCard.astro';
 import cedata from '../../static/_cedata.json'
 
+const description = "A list of all the servants and ces that Firq can offer up on support for TA."
 ---
 
-<Layout title="Servants - Firq FGO Site" currentpage="servants">
+<Layout title="Servants - Firq FGO Site" currentpage="servants" descriptionOverride={description}>
 	<BaseSection title="Servant Offering">
 		{servantdata.map((item) => (<ServantCard {...item}/>))}
 	</BaseSection>

src/pages/ta-collection.astro

@@ -5,9 +5,10 @@ import TaSection from '../layouts/taSection.astro';
 import TaCard from '../components/taCard.astro';
 import tadata from '../../static/_tadata.json'
 
+const description = "A collection of TAs previously completed be Firq."
 ---
 
-<Layout title="TA Collection - Firq FGO Site" currentpage="ta-collection">
+<Layout title="TA Collection - Firq FGO Site" currentpage="ta-collection" descriptionOverride={description}>
     <TaSection title="Completed TAs">
 		{tadata.map((item) => (<TaCard {...item}/>))}
 	</TaSection>