Implement Open Graph data and include metadata globally

package.json

@@ -1,7 +1,8 @@
 {
     "name": "cyrus01337.co.uk",
+    "description": "My personal site for you to ogle, or a way for you to determine how you can contact me",
     "type": "module",
-    "version": "0.1.0",
+    "version": "1.0.0",
     "scripts": {
         "dev": "astro dev",
         "start": "astro dev",

src/layouts/base.astro

@@ -15,6 +15,23 @@ const { class: className = null } = Astro.props;
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <meta name="generator" content={Astro.generator} />
 
+        <meta property="og:title" content="Cyrus's Personal Site" />
+        <meta property="og:type" content="website" />
+        <meta
+            property="og:description"
+            content="My personal site for you to ogle, or a way for you to determine how you can contact me"
+        />
+        <meta
+            property="og:image"
+            content="https://image.thum.io/get/fit/1200x400/allowJPG/https://cyrus01337.co.uk"
+        />
+        <meta property="og:locale" content="en_GB" />
+        <meta property="og:locale:alternate" content="en_US" />
+        <meta property="og:locale:alternate" content="en_AU" />
+        <meta property="og:locale:alternate" content="en_IE" />
+        <meta property="og:site_name" content="Cyrus's Personal Site" />
+        <meta property="og:url" content="https://cyrus01337.co.uk/" />
+
         <!-- <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> -->
 
         <title>Cyrus's Personal Site</title>