diff --git a/web/src/layout/Base.astro b/web/src/layout/Base.astro
index 9881954..b255237 100644
--- a/web/src/layout/Base.astro
+++ b/web/src/layout/Base.astro
@@ -3,11 +3,27 @@ import BaseHead from "./BaseHead.astro"
 import Sidebar from "@components/sidebar"
 import Navbar from "@components/index/navbar"
 import Footer from "@components/footer"
+
+const {
+    meta = {}
+} = Astro.props;
+
+const {
+    title = "",
+    description = "",
+    ogImage = "",
+    articleDate = ""
+} = meta;
 ---
 
 <html>
 <head>
-    <BaseHead/>
+    <BaseHead
+        title={title}
+        description={description}
+        ogImage={ogImage}
+        articleDate={articleDate}
+    />
     
 </head>
 
diff --git a/web/src/pages/copyright.astro b/web/src/pages/copyright.astro
index d53c0b2..f591e95 100644
--- a/web/src/pages/copyright.astro
+++ b/web/src/pages/copyright.astro
@@ -3,7 +3,7 @@ import Base from "src/layout/Base.astro"
 import Sidebar from "src/components/sidebar.astro"
 ---
 
-<Base>
+<Base meta={{title: "copyright"}}>
     <div slot="content">
         <p class="text-xl">Copyright & License</p>
 			
diff --git a/web/src/pages/now.astro b/web/src/pages/now.astro
index 8d67eaa..17d20eb 100644
--- a/web/src/pages/now.astro
+++ b/web/src/pages/now.astro
@@ -13,7 +13,7 @@ const records = await pb.collection('now').getFullList({
 const lastUpdated = getFormattedDate(records[0].updated)
 ---
 
-<Base>
+<Base meta={{title: "now"}}>
 
     <div slot="sidebar" class="text-left">
         <h2>The Now!</h2>
diff --git a/web/src/pages/photos/index.astro b/web/src/pages/photos/index.astro
index 79a510d..a7d803e 100644
--- a/web/src/pages/photos/index.astro
+++ b/web/src/pages/photos/index.astro
@@ -11,7 +11,7 @@ const photos = await pb.collection('photos').getFullList({
 })
 ---
 
-<Base>
+<Base meta={{title: "photos"}}>
     <div slot="sidebar">
         <p id="photo-title" class="bold text-2xl">{photos[0].title === "" ? "Untitled" : photos[0].title}</p>
         <p id="photo-camera" class="text-sm">📸 {photos[0].camera}</p>
diff --git a/web/src/pages/posts/[slug].astro b/web/src/pages/posts/[slug].astro
index 0071ae0..aef3dab 100644
--- a/web/src/pages/posts/[slug].astro
+++ b/web/src/pages/posts/[slug].astro
@@ -20,7 +20,7 @@ const readTime = calcReadTime(wordCount);
 
 ---
 
-<Base>
+<Base meta={{title: "post", description: title, ogImage: headerImage, articleDate: publishDate}}>
     <div slot="sidebar" class="text-left">
         <img src={headerImage}/>
 
diff --git a/web/src/pages/posts/index.astro b/web/src/pages/posts/index.astro
index 557df82..e470d1f 100644
--- a/web/src/pages/posts/index.astro
+++ b/web/src/pages/posts/index.astro
@@ -17,7 +17,7 @@ const tags = posts.flatMap(p => p.tags)
 const uniqueTags = tags.filter((v, i, a) => a.indexOf(v) === i)
 ---
 
-<Base>
+<Base meta={{title: "posts"}}>
     <div slot="sidebar" class="text-left">
         A few thoughts I've had, whenever I feel like it as you can see!
         
