Add open graph metadata

_config.yml

@@ -1,4 +1,4 @@
-title: Digital Detroit
+title: Digital Skills Detroit
 description: Empowering Detroit through Digital Literacy
 language: en
 collections:

_includes/og.html

@@ -0,0 +1,5 @@
+<meta property="og:type" content="website">
+<meta property="og:title" content="Digital Skills Detroit">
+<meta property="og:url" content="https://digital-detroit.p2pu.org/">
+<meta property="og:image" content="https://digital-detroit.p2pu.org/assets/img/project-logo-white.svg">
+<meta property="og:description" content="Unlock the power of technology and gain the skills you need for today’s digital world. The Digital Skills Detroit Program offers free, hands-on training to help you learn essential computer and internet skills, improve your job search and career opportunities, safely navigate the online world and stay connected with family and your community. Whether you’re a beginner or looking to enhance your tech knowledge, our program provides resources and support for every skill level. Open to all Detroit residents! Join us and take the first step toward a brighter, more connected future.">

_layouts/base.html

@@ -11,10 +11,11 @@
       gtag('js', new Date());
       gtag('config', 'G-4M0DYTDBL1');
     </script>
-
     <title>{{site.title}}{% if page.title %} | {{page.title}}{% endif %}</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    {% include og.html %}
+
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
           rel="stylesheet">
     {% if site.description %}