meta social

Author: jordyarms

_config.yml

@@ -24,6 +24,7 @@ description: >- # this means to ignore newlines until "baseurl:"
   A conference + unconference for organizers, innovators, and community builders interested in creating a better future of public life.
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "https://civic-spark.com" # the base hostname & protocol for your site, e.g. http://example.com
+image: "/assets/images/social_card.jpg"
 
 github_username: civictechto
 

_layouts/base.html

@@ -5,6 +5,24 @@
   <title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" content="{{ page.description | default: site.description }}">
+
+  <!-- Open Graph / Facebook -->
+  <meta property="og:title" content="{{ page.title | default: site.title }}">
+  <meta property="og:description" content="{{ page.description | default: site.description }}">
+  <meta property="og:type" content="website">
+  <meta property="og:url" content="{{ page.url | absolute_url }}">
+  {% if page.image or site.image %}
+  <meta property="og:image" content="{{ page.image | default: site.image | absolute_url }}">
+  {% endif %}
+
+  <!-- Twitter -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:title" content="{{ page.title | default: site.title }}">
+  <meta name="twitter:description" content="{{ page.description | default: site.description }}">
+  {% if page.image or site.image %}
+  <meta name="twitter:image" content="{{ page.image | default: site.image | absolute_url }}">
+  {% endif %}
+
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css" />
   <link rel="stylesheet" href="{{ site.baseurl }}/assets/styles/fonts.css" />
   <link rel="stylesheet" href="{{ site.baseurl }}/assets/styles/default-core.css" />