From 40dfd378da3ca37c25831ad04a1e593ba5b2bd38 Mon Sep 17 00:00:00 2001
From: Tyler <26290074+thegitduck@users.noreply.github.com>
Date: Mon, 24 Feb 2025 20:51:29 -0800
Subject: [PATCH] I think it should work now

---
 src/components/meta.tsx        |  6 ++++++
 src/page-components/layout.tsx | 27 +++++++++------------------
 2 files changed, 15 insertions(+), 18 deletions(-)

diff --git a/src/components/meta.tsx b/src/components/meta.tsx
index eefa204..06d1871 100644
--- a/src/components/meta.tsx
+++ b/src/components/meta.tsx
@@ -8,6 +8,12 @@ export const Meta = ({ title, description, path }: MetaProps) => {
   return (
     <>
       <title>{title}</title>
+      <meta property="og:type" content="website" />
+      <meta property="og:image" content="https://tylur.blog/tylur.svg" />
+
+      <meta name="twitter:card" content="summary_large_image" />
+      <meta property="twitter:domain" content="tylur.blog" />
+      <meta name="twitter:image" content="https://tylur.blog/tylur.svg" />
       <meta
         property="og:url"
         content={"https://tylur.blog" + (path === "/" ? "" : path)}
diff --git a/src/page-components/layout.tsx b/src/page-components/layout.tsx
index e95e6dd..5e1a5df 100644
--- a/src/page-components/layout.tsx
+++ b/src/page-components/layout.tsx
@@ -12,24 +12,15 @@ export async function RootLayout({ children }: RootLayoutProps) {
   const data = await getData();
 
   return (
-    <>
-      <meta property="og:type" content="website" />
-      <meta property="og:image" content="/tylur.svg" />
-
-      <meta name="twitter:card" content="summary_large_image" />
-      <meta property="twitter:domain" content="tylur.blog" />
-      <meta name="twitter:image" content="/tylur.svg" />
-
-      <div className="font-sans">
-        <link rel="icon" href="/favicon.ico" />
-        <meta name="description" content={data.description} />
-        <Header />
-        <main className="m-6 flex lg:py-12 *:min-h-64 *:min-w-64 lg:m-0 min-h-[calc(100vh-214px)] lg:min-h-svh justify-center">
-          <PostHogProvider>{children}</PostHogProvider>
-        </main>
-        <Footer />
-      </div>
-    </>
+    <div className="font-sans">
+      <link rel="icon" href="/favicon.ico" />
+      <meta name="description" content={data.description} />
+      <Header />
+      <main className="m-6 flex lg:py-12 *:min-h-64 *:min-w-64 lg:m-0 min-h-[calc(100vh-214px)] lg:min-h-svh justify-center">
+        <PostHogProvider>{children}</PostHogProvider>
+      </main>
+      <Footer />
+    </div>
   );
 }
 
-- 
2.51.2