Blog draft 1

package.json

@@ -5,11 +5,12 @@
   },
   "dependencies": {
     "@emotion/core": "^10.0.22",
-    "@emotion/styled": "^10.0.22",
-    "@material-ui/core": "^4.5.0",
+    "@emotion/styled": "^10.0.23",
+    "@material-ui/core": "^4.6.0",
     "color": "^3.1.2",
-    "luxon": "^1.19.3",
-    "next": "9.1.1",
+    "luxon": "^1.21.1",
+    "next": "9.1.2",
+    "prism-react-renderer": "^1.0.2",
     "react": "^16.11.0",
     "react-dom": "^16.11.0",
     "react-spring": "^8.0.27",
@@ -47,16 +48,16 @@
     "@types/glob": "^7.1.1",
     "@types/luxon": "^1.15.2",
     "@types/material-ui": "^0.21.7",
-    "@types/node": "^12.11.7",
+    "@types/node": "^12.12.6",
     "@types/nprogress": "^0.2.0",
     "@types/prettier": "^1.18.3",
     "@types/react": "^16.9.5",
-    "@types/react-dom": "^16.9.1",
+    "@types/react-dom": "^16.9.4",
     "@types/smoothscroll-polyfill": "^0.3.1",
-    "@typescript-eslint/eslint-plugin": "^2.5.0",
-    "@typescript-eslint/parser": "^2.5.0",
+    "@typescript-eslint/eslint-plugin": "^2.6.1",
+    "@typescript-eslint/parser": "^2.6.1",
     "babel-eslint": "^10.0.3",
-    "babel-plugin-emotion": "^10.0.22",
+    "babel-plugin-emotion": "^10.0.23",
     "concurrently": "^5.0.0",
     "eslint": "^6.5.1",
     "eslint-config-prettier": "^6.4.0",
@@ -68,9 +69,9 @@
     "eslint-plugin-react": "^7.16.0",
     "eslint-plugin-react-hooks": "1.x",
     "fs-extra": "^8.1.0",
-    "glob": "^7.1.5",
+    "glob": "^7.1.6",
     "module-alias": "^2.2.2",
     "prettier": "^1.18.2",
-    "typescript": "^3.7.1-rc"
+    "typescript": "^3.7.2"
   }
 }

pages/_error.tsx

@@ -20,12 +20,13 @@ export default () => (
       <meta property="og:title" content={lessonTitle} />
       <meta property="og:image" content={ogImageUrl} />
     </Head>
-    <div
-      css={css`
+    <Container
+      size="sm"
+      cssOverrides={css`
         padding-top: ${spaces(1)};
+        padding-bottom: ${spaces(6)};
       `}
-    />
-    <Container size="sm">
+    >
       <EpisodeHero
         mainTitle={<H args={{ name: 'titleSplit' }} />}
         episodeTitle={<H args={{ name: 'pageNotFound' }} />}
@@ -46,11 +47,6 @@ export default () => (
         <Toc includeFirstPage />
       </CardWrapper>
     </Container>
-    <div
-      css={css`
-        padding: ${spaces(3)} 0;
-      `}
-    ></div>
     <EpisodePageFooter />
   </Page>
 )