fix: add social meta tags

Author: Jan Stevens

src/components/Container.astro

@@ -8,9 +8,7 @@ const works = await Astro.glob('../pages/works/*.md');
 const projects = await Astro.glob('../pages/projects/*.md');
 const studies = await Astro.glob('../pages/studies/*.md');
 const publications = await Astro.glob('../pages/publications/*.md');
-const blogs = await Astro.glob('../pages/blogs/*.md');
 const contact = await Astro.glob('../pages/contact/*.md');
-const PDF = '/cv-20240219.pdf';
 ---
 
 <div class="join join-vertical gap-1">

src/pages/index.astro

@@ -27,6 +27,26 @@ import { Icon } from 'astro-icon/components';
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" /><!-- 180×180 -->
     <link rel="manifest" href="/manifest.webmanifest" />
 
+    <meta property="og:url" content="https://janstevens.dev/" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Jan Stevens" />
+    <meta
+      property="og:description"
+      content="Senior Software Engineer React | Rails | Elixir / Food & Beer lover / Dad"
+    />
+    <meta property="og:image" content="/profile.webp" />
+
+    <!-- Twitter Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta property="twitter:domain" content="janstevens.dev" />
+    <meta property="twitter:url" content="https://janstevens.dev/" />
+    <meta name="twitter:title" content="Jan Stevens" />
+    <meta
+      name="twitter:description"
+      content="Senior Software Engineer React | Rails | Elixir / Food & Beer lover / Dad"
+    />
+    <meta name="twitter:image" content="/profile.webp" />
+
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="generator" content={Astro.generator} />
     <title>Jan Stevens - Fritz</title>