Merge pull request #50 from v4iv/development

fix: Bulma error prevents compilation #48

gatsby-config.js

@@ -72,7 +72,12 @@ module.exports = {
       },
     },
     `gatsby-plugin-react-helmet`,
-    `gatsby-plugin-sass`,
+    {
+      resolve: `gatsby-plugin-sass`,
+      options: {
+        indentedSyntax: true
+      },
+    },
     {
       resolve: `gatsby-plugin-nprogress`,
       options: {
@@ -83,7 +88,7 @@ module.exports = {
     {
       resolve: `gatsby-plugin-google-tagmanager`,
       options: {
-        id: config.googleTagManagerID,
+        id: process.env.GTM_ID,
         includeInDevelopment: false,
       },
     },

package.json

@@ -23,41 +23,41 @@
   },
   "dependencies": {
     "@gatsby-contrib/gatsby-plugin-elasticlunr-search": "^2.4.2",
-    "bulma": "^0.9.0",
-    "formik": "^2.1.5",
-    "gatsby": "^2.24.65",
+    "bulma": "^0.9.1",
+    "formik": "^2.2.6",
+    "gatsby": "^2.29.1",
     "gatsby-image": "^2.4.19",
     "gatsby-paginate": "^1.1.1",
-    "gatsby-plugin-feed": "^2.5.12",
-    "gatsby-plugin-google-tagmanager": "^2.3.12",
-    "gatsby-plugin-manifest": "^2.4.31",
-    "gatsby-plugin-netlify": "^2.3.15",
-    "gatsby-plugin-netlify-cms": "^4.3.14",
-    "gatsby-plugin-nprogress": "^2.3.11",
-    "gatsby-plugin-offline": "^3.2.28",
-    "gatsby-plugin-react-helmet": "^3.3.11",
-    "gatsby-plugin-sass": "^2.3.13",
-    "gatsby-plugin-sharp": "^2.6.36",
-    "gatsby-plugin-sitemap": "^2.4.13",
-    "gatsby-remark-copy-linked-files": "^2.3.16",
-    "gatsby-remark-images": "^3.3.30",
-    "gatsby-remark-prismjs": "^3.5.13",
+    "gatsby-plugin-feed": "^2.10.0",
+    "gatsby-plugin-google-tagmanager": "^2.8.0",
+    "gatsby-plugin-manifest": "^2.9.0",
+    "gatsby-plugin-netlify": "^2.8.0",
+    "gatsby-plugin-netlify-cms": "^4.7.0",
+    "gatsby-plugin-nprogress": "^2.7.0",
+    "gatsby-plugin-offline": "^3.7.0",
+    "gatsby-plugin-react-helmet": "^3.7.0",
+    "gatsby-plugin-sass": "^2.8.0",
+    "gatsby-plugin-sharp": "^2.11.1",
+    "gatsby-plugin-sitemap": "^2.9.0",
+    "gatsby-remark-copy-linked-files": "^2.7.0",
+    "gatsby-remark-images": "^3.8.0",
+    "gatsby-remark-prismjs": "^3.10.0",
     "gatsby-remark-relative-images": "^2.0.2",
     "gatsby-remark-smartypants": "^2.3.11",
-    "gatsby-source-filesystem": "^2.3.30",
-    "gatsby-transformer-remark": "^2.8.35",
-    "gatsby-transformer-sharp": "^2.5.15",
+    "gatsby-source-filesystem": "^2.8.0",
+    "gatsby-transformer-remark": "^2.13.0",
+    "gatsby-transformer-sharp": "^2.9.0",
     "lodash": "^4.17.20",
     "lodash-webpack-plugin": "^0.11.5",
-    "netlify-cms-app": "^2.12.24",
-    "node-sass": "^4.14.1",
+    "netlify-cms-app": "^2.14.6",
+    "node-sass": "4.14.1",
     "prop-types": "^15.7.2",
-    "query-string": "^6.13.2",
-    "react": "^16.13.1",
+    "query-string": "^6.13.7",
+    "react": "^17.0.1",
     "react-disqus-comments": "^1.4.0",
-    "react-dom": "^16.13.1",
+    "react-dom": "^17.0.1",
     "react-helmet": "^6.1.0",
-    "react-share": "^4.3.0",
+    "react-share": "^4.3.1",
     "trim-right": "^1.0.1",
     "uglifyjs-webpack-plugin": "^2.2.0",
     "yup": "^0.27.0"

src/assets/sass/styles.sass

@@ -1,7 +1,6 @@
 $primary: #00d1b2
-$primary-invert: #ffffff
 
-@import "~bulma"
+$primary-invert: #ffffff
 
 html,
 body,

src/components/forms/ContactForm/index.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import { Formik, Field } from 'formik'
-import { navigate } from 'gatsby-link'
+import { navigate } from 'gatsby'
 import validationSchema from './validationSchema'
 
 const encode = (data) => {

src/templates/home-page.js

@@ -45,7 +45,7 @@ export const pageQuery = graphql`
           blurbs {
             image {
                 childImageSharp {
-                    fluid(maxWidth: 1075, quality: 72) {
+                    fluid(maxWidth: 500, quality: 72) {
                         ...GatsbyImageSharpFluid
                     }
                 }