Make the Gitpod site a PWA

Author: Sean Hellum

.gitpod.Dockerfile

@@ -0,0 +1,5 @@
+FROM gitpod/workspace-full:latest
+
+USER gitpod
+
+RUN npm i -g gatsby-cli

.gitpod.yml

@@ -1,11 +1,14 @@
+image:
+  file: .gitpod.Dockerfile
+
 ports:
-  - port: 8000
+  - port: 9000
     onOpen: open-preview
 
 tasks:
   - init: cd plugins/gatsby-remark-gitpod && npm install
-  - init: yarn && yarn build
-    command: yarn dev --host 0.0.0.0
+  - init: gatsby build
+    command: gatsby serve
 
 vscode:
   extensions:

gatsby-config.js

@@ -19,6 +19,27 @@ module.exports = {
                 path: `${__dirname}/src/docs`
             }
         },
+        {
+            resolve: `gatsby-plugin-manifest`,
+            options: {
+                name: `Gitpod`,
+                short_name: `Gitpod`,
+                start_url: `/`,
+                background_color: `#f7f0eb`,
+                theme_color: `#a2466c`,
+                display: `standalone`,
+                cache_busting_mode: 'none',
+                icon: `src/resources/gitpod.svg`
+            },
+        },
+        {
+            resolve: 'gatsby-plugin-offline',
+            options: {
+                workboxConfig: {
+                    globPatterns: ['**/*']
+                }
+            }
+        },
         {
             resolve: 'gatsby-source-filesystem',
             options: {