Make twitter card logo square

components/helmet/index.js

@@ -26,7 +26,7 @@ const Helmet = (props) => (
 
     <meta property="og:title" content={ prepareTitle(props.title) } />
     <meta property="og:description" content={ prepareDescription(props.description) } />
-    <meta property="og:image" content={ siteConfig.logo } />
+    <meta property="og:image" content={ `${siteConfig.url.web}${siteConfig.logoSquare}` } />
     <meta property="og:url" content={ siteConfig.url.web } />
     <meta property="og:type" content="website" />
     <meta property="article:publisher" content={ `https://facebook.com/${siteConfig.facebook}` } />

storage/site.json

@@ -6,6 +6,7 @@
   "twitter": "kamranahmedse",
   "facebook": "kamranahmedse",
   "logo": "/static/brand.png",
+  "logoSquare": "/static/brand-square.png",
   "url": {
     "web": "https://roadmap.sh",
     "repo": "https://github.com/kamranahmedse/roadmap.sh",