add opengraph meta tags for social embed (#20)

src/_data/site.yml

@@ -1,6 +1,7 @@
 images:
   brick: https://raw.githubusercontent.com/redbrick/design-system/main/assets/logos/redbrick.svg
   emote: https://raw.githubusercontent.com/redbrick/design-system/main/assets/logos/resign-emote.png
+  logo: https://raw.githubusercontent.com/redbrick/design-system/main/assets/logos/logo.png
 society:
   name: Redbrick
   tagline: DCU's Networking Society.

src/_layouts/base.njk

@@ -18,6 +18,14 @@ title: Redbrick
       window.userAgent = new UAParser()
     </script>
 
+    <meta property="og:type" content="website" >
+    <meta property="og:title" content="{{site.society.name}}" >
+    <meta property="og:description" content="{{site.society.tagline}}" >
+    <meta property="og:image" content="{{site.images.logo}}" >
+    <meta property="og:image:type" content="image/png" >
+    <meta property="og:image:width" content="120" >
+    <meta property="og:image:height" content="63" >
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/TextPlugin.min.js"></script>
@@ -39,4 +47,4 @@ title: Redbrick
     <script type="module" src="https://cdn.jsdelivr.net/npm/@11ty/[email protected]/is-land.min.js"></script>
   </head>
   {{ content | safe }}
-</html>
+</html>