open graph images

TODO.md

@@ -1,5 +1,4 @@
 ## TODO
-* facebook/twitter social card images
 * API
 
 ## Maybes
@@ -10,3 +9,4 @@
 ## Fixes
 * refreshing page on gallery and then quickly usingh history buttons breaks it
 * broken layout at exactly 40em (640px) breakpoint
+* galleries page - 'Added non-passive event listener to a scroll-blocking ... event'

nuxt.config.js

@@ -19,9 +19,10 @@ module.exports = {
 
       { hid: 'description', name: 'description', content: 'Photographer, Marc Leopold has images in numerous collections and publications. Here is a glimpse of his work, an insight into his philosophy and motivations.' },
 
-      { property: 'og:image', content: 'XXXXXXXXXXX'},
-      { property: 'og:image:width', content: 'XXXXXXXXXXX'},
-      { property: 'og:image:height', content: 'XXXXXXXXXXX'},
+      { property: 'og:image', content: 'https://marcleopold.isnet.uk/img/open-graph/marc-leopold-ss.png'},
+      { property: 'og:image:width', content: '1200'},
+      { property: 'og:image:height', content: '600'},
+      { property: 'og:image:type', content: 'image/png' },
       { property: 'og:title', content: 'Marc Leopold Photography' },
       { property: 'og:url', content: 'https://marcleopold.isnet.uk' },
       { property: 'og:site_name', content: 'Marc Leopold Photography' },
@@ -29,8 +30,6 @@ module.exports = {
       { property: 'og:description', content: 'Marc Leopold is a Chicago born photographer whose images have appeared in many collections and publications. His website is a showcase of his outstanding work and an insight into his philosophy and motivations.' },
       { name: 'twitter:card', content: 'summary' },
       { name: 'twitter:title', content: 'Marc Leopold Photography' },
-      { name: 'twitter:image', content: 'XXXXXXXXXXX' },
-      { name: 'twitter:image:alt', content: 'The website of Marc Leopold Photography.' },
       { name: 'twitter:creator', content: '@studiovxweb' },
     ],
     link: [