Tweaking with metadata and containers

3 files changed, 8 insertions, 3 deletions

diff --git a/src/layouts/Default.astro b/src/layouts/Default.astro
index 2d3f4e2..cc05e25 100644
--- a/src/layouts/Default.astro
+++ b/src/layouts/Default.astro
@@ -20,6 +20,9 @@ import Navbar from '../components/Navbar.vue';
 		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 		<link href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
 		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+		<meta property="og:title" content={title} />
+		<meta property="og:description" content={description} />
+		<meta property="og:image" content="/profile.png" />
 		<meta name="theme-color" content="#0e8106"/>
 		<meta name="generator" content={Astro.generator} />
 		<ViewTransitions />
diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro
index 51ebd6b..3731d5e 100644
--- a/src/layouts/Page.astro
+++ b/src/layouts/Page.astro
@@ -33,7 +33,7 @@ const { title, description } = Astro.props;
         font-weight: 300;
     }
     .container {
-        margin: 10px 10em 10px 10em;
+        margin: 1em 10em 1em 10em;
     }
 
     @media (max-width: 992px) {
diff --git a/src/layouts/PageMarkdown.astro b/src/layouts/PageMarkdown.astro
index 4675a78..1250dd5 100644
--- a/src/layouts/PageMarkdown.astro
+++ b/src/layouts/PageMarkdown.astro
@@ -9,7 +9,9 @@ const { frontmatter } = Astro.props;
         <h2 class="header-text">{frontmatter.description}</h2>
     </header>
     <div class="container">
-        <slot />
+        <article>
+            <slot />
+        </article>
     </div>
 </Layout>
 
@@ -34,7 +36,7 @@ const { frontmatter } = Astro.props;
     }
 
     .container {
-        margin: 10px 10em 10px 10em;
+        margin: 1em 10em 1em 10em;
     }
 
     @media (max-width: 992px) {