Attempt to fix Twitter images for #53

.gitignore

@@ -1,3 +1,4 @@
 _site
 .idea
 vendor
+*.swp

_config.yml

@@ -1,6 +1,7 @@
 ---
 title: Cotech Website
 timezone: UTC
+site: https://www.coops.tech
 exclude:
 - scripts
 - vendor

_includes/head.html

@@ -33,8 +33,18 @@
   <meta property="og:locale" content="en_GB" />
   <meta name="twitter:card" content="summary" />
   <meta name="twitter:site" content="@CotechUK" />
-  <meta name="twitter:image" content="/assets/img/Cotech_512x512.png" />
+{% if page.collection == 'coops' %}
-  <link rel="canonical" href="{{ page.url | absolute_url }}" />
+  <meta name="twitter:image:src" content="{{ site.url }}/images/coops/{{ page.slug }}.png" />
+{% elsif page.collection == 'services' %}
+  <meta name="twitter:image:src" content="{{ site.url }}/images/services/{{ page.slug }}.png" />
+{% elsif page.collection == 'technologies' %}
+  <meta name="twitter:image:src" content="{{ site.url }}/images/technologies/{{ page.slug }}.png" />
+{% elsif page.collection == 'clients' %}
+  <meta name="twitter:image:src" content="{{ site.url }}/images/clients/{{ page.slug }}.png" />
+{% else %}
+  <meta name="twitter:image:src" content="{{ site.url }}/assets/img/Cotech_512x512.png" />
+{% endif %}
+  <link rel="canonical" href="{{ site.url }}{{ page.url | absolute_url }}" />
   <link rel='stylesheet' id='app-css' href='/assets/css/app.css?ver=4.8' type='text/css' media='all' />
   <script type='text/javascript' src='/assets/js/vendor.js?ver=4.8'></script>
   <link rel="icon" href="/assets/img/cropped-cotech_512x512-32x32.png" sizes="32x32" />