optimize performance of images.

Author: nisarhassan12

gatsby-config.js

@@ -86,6 +86,20 @@ module.exports = {
     'gatsby-plugin-typescript',
     'gatsby-plugin-sharp',
     'gatsby-transformer-sharp',
+    { 
+        resolve: `gatsby-source-filesystem`, 
+        options: { 
+            path: `./src/resources/`,
+            name: `resources`
+        } 
+    },
+    {
+        resolve: `gatsby-source-filesystem`,
+        options: {
+            path: `./static`,
+            name: `static`
+        }
+    },
     'gatsby-plugin-react-helmet',
     'gatsby-plugin-catch-links',
     {

package.json

@@ -30,6 +30,7 @@
     "classnames": "^2.2.6",
     "env-cmd": "^10.1.0",
     "gatsby": "^2.22.12",
+    "gatsby-background-image": "^1.4.0",
     "gatsby-image": "^2.4.5",
     "gatsby-plugin-algolia-docsearch": "^1.0.5",
     "gatsby-plugin-canonical-urls": "^2.3.2",

src/blog/build-a-webhook-for-google-assistant.md

@@ -4,7 +4,7 @@ date: Wed Jun 26 2019 11:57:00 GMT+0000 (UTC)
 author: anudeepreddy
 subtitle: Build and test your webhook using Gitpod
 title: Build a Webhook for Google Assistant Action
-image: https://res-3.cloudinary.com/anudeepc/image/upload/q_auto/v1/blog-images/Build-and-test-your-webhook.png
+image: /Build-and-test-your-webhook.png
 ---
 
 This post is all about how to build your webhook for your Google Assistant action and host it temporarily on Gitpod and test your code.

src/blog/dev-env-as-code.md

@@ -2,7 +2,7 @@
 subtitle: How to streamline developer onboarding
 title: Dev environments as code
 date: Mon Nov 19 2018 15:39:56 GMT+0000 (UTC)
-image: /dev-env-gilbert.gif
+image: /dev-env-gilbert.png
 author: svenefftinge
 url: /dev-env-gilbert.gif
 ---

src/blog/developing-nuxtjs-in-browser.md

@@ -3,8 +3,7 @@ url: https://medium.com/gitpod/developing-a-nuxt-js-app-entirely-in-your-browser
 date: Fri Sep 21 2018 13:23:34 GMT+0000 (UTC)
 author: svenefftinge
 title: Developing a Nuxt.js app entirely in your browser
-image: https://cdn-images-1.medium.com/max/10368/0*YlpGv4nlbQP5sEPr
-teaserImage: https://cdn-images-1.medium.com/max/10368/0*YlpGv4nlbQP5sEPr
+image: /developing-nuxtjs-in-a-browser.jpeg
 ---
 
 A walkthrough to create a fully working Nuxt.js web application with only a browser, using Gitpod.io the online IDE for GitHub.

src/blog/docker-in-gitpod.md

@@ -3,8 +3,7 @@ url: https://medium.com/gitpod/bring-your-own-docker-image-to-gitpod-52db1aa861d
 date: Wed Sep 12 2018 08:25:15 GMT+0000 (UTC)
 author: geropl
 title: Bring your own (Docker) image to Gitpod
-image: https://images.unsplash.com/photo-1493946740644-2d8a1f1a6aff
-teaserImage: https://images.unsplash.com/photo-1493946740644-2d8a1f1a6aff
+image: /docker-in-gitpod.jpeg
 ---
 
 Since we released Gitpod into Public Beta it has been incredibly exciting to see people from all over the world use our service. Even more so with feedback like this:

src/blog/frictionless-oss-contributions.md

@@ -3,8 +3,7 @@ subtitle: Frictionless Open Source Contributions For Everyone
 title: Announcing contribute.dev — Open Source in One Click
 date: Mon Oct 7 2019
 author: nisarhassan12
-teaserImage: https://user-images.githubusercontent.com/46004116/66325437-b11a9980-e940-11e9-9db4-69af48a0a52a.png
-image: https://user-images.githubusercontent.com/46004116/66325437-b11a9980-e940-11e9-9db4-69af48a0a52a.png
+image: /frictionless-oss-contributions.png
 ---
 
 To celebrate Open Source and Hacktoberfest, we're stoked <span aria-hidden="true">🧙✨🥰</span> to announce <a href="https://contribute.dev" target="blank">contribute.dev</a>, a list of welcoming open-source projects featuring ready-to-code Gitpod setups.

src/blog/github-flow.md

@@ -4,7 +4,7 @@ date: Thu Jul 05 2018 11:49:24 GMT+0000 (UTC)
 author: svenefftinge
 subtitle: Stop setting up, start coding!
 title: A Better GitHub Flow
-image: https://cdn-images-1.medium.com/max/2048/0*f260tcqJvgvCguFu
+image: /a-better-github-flow.png
 ---
 
 As software developers, we already spend a lot of our time in browsers. Be it for searching Google/StackOverflow, checking our latest Continuous Integration builds on Jenkins resp. Travis, or doing code reviews on GitHub, Bitbucket, or Gerrit. Also, communication with the team happens in web applications, such as Gmail, Google Hangout or Slack. The convenience of web applications and OAuth-based authentication allows us to use any computer to do most of our work immediately.

src/blog/gitpod-launch.md

@@ -46,7 +46,7 @@ Once you've installed the app for your GitHub repository, it will pre-build dev
 
 We call this feature prebuilt workspaces and you can read more about it in [Chris' post](/blog/prebuilds/).
 
-![Prebuilt Workspaces](./gitpod-launch/prebuilt-workspaces.png)
+![Prebuilt Workspaces](/prebuilt-workspaces.png)
 
 ## More Flow
 Your dev environment opens differently depending on the GitHub page you are coming from. You can, for instance, open branches or files by simply going to the respective GitHub page and pressing the button (or prefixing the URL) there.