OG Meta Images

* minor styling to blog images * replace placeholder blog thumbnail * change site author to OrderCloud
esitarz · Jan 21, 2020 · 0ad2719 · 0ad2719
1 parent 2fb035a
commit 0ad2719
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 3 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -121,7 +121,7 @@ const toExport = {
   siteMetadata: {
     title: `OrderCloud Documentation`,
     description: `Documentation for OrderCloud's B2B eCommerce API`,
-    author: `@gatsbyjs`,
+    author: `OrderCloud`,
   },
   plugins: [
     `gatsby-plugin-catch-links`,

diff --git a/src/components/Layout/Layout.tsx b/src/components/Layout/Layout.tsx
@@ -96,6 +96,10 @@ export default (props: LayoutProps) => {
     <ThemeProvider theme={ORDERCLOUD_THEME}>
       <Helmet
         meta={[
+          {
+            property: 'og:image',
+            content: '/images/meta/meta_thumbnail.jpg',
+          },
           {
             name: 'viewport',
             content:

diff --git a/src/pages/blog.tsx b/src/pages/blog.tsx
@@ -67,8 +67,8 @@ const useStyles = makeStyles((theme: Theme) =>
         right: 0,
         bottom: 0,
         left: 0,
-        backgroundImage: `linear-gradient(120deg, #ffffff 35%, #1DAAAC 100%)`,
-        opacity: 0.75,
+        backgroundImage: `linear-gradient(120deg, #ffffff 0, #bce6e6 100%)`,
+        opacity: 0.5,
       },
       '&::after': {
         content: '" "',

diff --git a/static/images/blog/four51_blog--opti.mp4 b/static/images/blog/four51_blog--opti.mp4
diff --git a/static/images/blog/placeholder.jpg b/static/images/blog/placeholder.jpg
diff --git a/static/images/meta/meta_thumbnail--alt.jpg b/static/images/meta/meta_thumbnail--alt.jpg
diff --git a/static/images/meta/meta_thumbnail.jpg b/static/images/meta/meta_thumbnail.jpg