[WIP] - Site Redesign (#1201)

* Site Redesign

* Fix pages with large code examples makes the page horizontally scrollable in firefox and playground thing

* Use color from file

* Site Redesign work

* Fix HR, links, and code typography styles

* Thin out HR tag

* gap spacing

* typography adjustments

* adjust node version

* adjust node version

* skip bundle analyzer on netlify builds

* Get site working again and prepare for mobile work

* remove unused code

* use node 10

* Remove header just to see if it works

* New strategy

* mobile work

* Push latest

* Max width

* clean up codebase

* more cleanup

* Fix flow errors

* Fix lint errors

.nvmrc

@@ -1 +1 @@
-8
+v10

netlify.toml

@@ -5,4 +5,5 @@
 [build.environment]
   NODE_VERSION = "10"
   YARN_VERSION = "1.7.0"
-  YARN_FLAGS = "--frozen-lockfile"
+  YARN_FLAGS = "--frozen-lockfile"
+  NETLIFY = "true"

package.json

@@ -25,8 +25,8 @@
     "version-packages": "lerna version --preid=beta"
   },
   "resolutions": {
-    "**/react": "16.5.2",
-    "**/react-dom": "16.5.2",
+    "**/react": "16.8.1",
+    "**/react-dom": "16.8.1",
     "**/browserslist": "^3.2.8"
   },
   "devDependencies": {

packages/emotion/README.md

@@ -7,8 +7,6 @@ The [emotion](https://www.npmjs.com/package/emotion) package is framework agnost
 - [Quick Start](#quick-start)
 - [API](#api)
   - [Generate Class Names — `css`](#css)
-    _ [String Styles](#string-styles)
-    _ [Object Styles](#object-styles) \* [Array of Object Styles](#array-of-object-styles)
   - [Global Styles — `insertGlobal`](#global-styles)
   - [Animation Keyframes — `keyframes`](#animation-keyframes)
   - [Composing Class Names — `cx`](#cx)

site/gatsby-node.js

@@ -42,7 +42,7 @@ exports.onCreateWebpackConfig = ({ stage, actions, plugins, getConfig }) => {
     }
   })
 
-  if (stage === 'build-javascript') {
+  if (stage === 'build-javascript' && !process.env.NETLIFY) {
     actions.setWebpackConfig({
       plugins: [
         new BundleAnalyzerPlugin({
@@ -68,6 +68,13 @@ exports.sourceNodes = async ({ store, cache, actions, createNodeId }) => {
 exports.createPages = async ({ graphql, actions }) => {
   const { createPage, createRedirect } = actions
 
+  createRedirect({
+    fromPath: `/`,
+    isPermanent: true,
+    redirectInBrowser: true,
+    toPath: `/docs/introduction`
+  })
+
   createRedirect({
     fromPath: `/docs`,
     isPermanent: true,

site/package.json

@@ -10,11 +10,11 @@
     "escape-goat": "^1.3.0",
     "facepaint": "^1.1.2",
     "favicons-webpack-plugin": "^0.0.9",
-    "gatsby": "^2.0.31",
-    "gatsby-image": "^2.0.20",
-    "gatsby-link": "^2.0.6",
-    "gatsby-plugin-catch-links": "^2.0.8",
-    "gatsby-plugin-emotion": "^2.0.6",
+    "gatsby": "^2.0.118",
+    "gatsby-image": "^2.0.29",
+    "gatsby-link": "^2.0.10",
+    "gatsby-plugin-catch-links": "^2.0.10",
+    "gatsby-plugin-emotion": "^2.0.7",
     "gatsby-plugin-netlify": "^2.0.5",
     "gatsby-plugin-react-helmet": "^3.0.2",
     "gatsby-plugin-sharp": "^2.0.13",
@@ -31,9 +31,10 @@
     "normalize.css": "^8.0.0",
     "open-color": "^1.5.1",
     "prop-types": "^15.6.0",
-    "react": "^16.2.0",
-    "react-dom": "^16.2.0",
+    "react": "^16.8.1",
+    "react-dom": "^16.8.1",
     "react-error-overlay": "^3.0.0",
+    "eslint-plugin-react-hooks": "^1.0.1",
     "react-helmet": "^5.2.0",
     "react-icons": "^2.2.7",
     "react-live": "^1.7.1",