7sep20 Polish (pixie-io#21)

* clean_up

* deleted_img

* remove feature blog

* blog heading + filtering

* blog home page

* prepare blog post template

* blog post header

* add code renderer from docs

* import inline code component

* import docs material theme

* add all mdx components from docs (except releases)

* import header from website

* update logo text

* header updates

* lint

* add share to media

* code block with line numbers and fixed height

* add featured blob post cards

* Update blog-post.js

* blockquote

* quote component

* Update pixie-intro.md

* update favicons

* small fixes

* Update pixie-intro.md

* fix related stories - mobile

* Update blog-post.module.scss

Co-authored-by: Ishan Mukherjee <[email protected]>

content/blog/pixie-intro/pixie-intro.md

@@ -2,7 +2,7 @@
 path: '/pixie-intro'
 title: 'Put a Little Pixie in Your Cluster: Auto-Telemetry for Live-Debugging Distributed Environments'
 date: 2020-05-06T06:00:00.000+00:00
-featured_image: pixie.png
+featured_image: plans.png
 category: 'Guest Blogs'
 author: 'John Arundel'
 featured: true

gatsby-browser.js

@@ -1,13 +1,12 @@
-import { createMuiTheme } from '@material-ui/core';
+import MainThemeProvider from './src/components/mainThemeProvider.tsx';
+import './src/scss/style.scss';
 
-const { MuiThemeProvider } = require('@material-ui/core/styles');
 
 const React = require('react');
 
-const theme = createMuiTheme();
 // eslint-disable-next-line import/prefer-default-export
 export const wrapRootElement = ({ element }) => (
-  <MuiThemeProvider theme={theme}>
+  <MainThemeProvider>
     {element}
-  </MuiThemeProvider>
+  </MainThemeProvider>
 );

gatsby-config.js

@@ -95,7 +95,9 @@ module.exports = {
       options: {
         fonts: [
           'Source Code Pro:400',
+          'Source Sans Pro:400',
           'manrope:300,400,400i,700',
+          'roboto:300,400,400i,700',
         ],
         display: 'swap',
       },

gatsby-ssr.js

@@ -1,7 +1,15 @@
 /**
- * Implement Gatsby's SSR (Server Side Rendering) APIs in this file.
+ * Implement Gatsby's Browser APIs in this file.
  *
- * See: https://www.gatsbyjs.org/docs/ssr-apis/
+ * See: https://www.gatsbyjs.org/docs/browser-apis/
  */
+import React from 'react';
+import MainThemeProvider from './src/components/mainThemeProvider.tsx';
+import './src/scss/style.scss';
 
-// You can delete this file if you're not using it
+// eslint-disable-next-line import/prefer-default-export
+export const wrapRootElement = ({ element }) => (
+  <MainThemeProvider>
+    {element}
+  </MainThemeProvider>
+);

package.json

@@ -55,7 +55,9 @@
     "remark-containers": "^1.1.2",
     "remark-unwrap-images": "^2.0.0",
     "styled-components": "^4.4.0",
-    "system-components": "^3.0.3"
+    "system-components": "^3.0.3",
+    "react-share": "^4.2.1"
+
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^2.19.0",
@@ -82,6 +84,7 @@
     "start": "npm run develop",
     "serve": "gatsby serve",
     "lint": "./lint.sh",
+    "lint-fix": "eslint src ./*.js --fix",
     "test": "echo \"Write tests! -> https://gatsby.dev/unit-testing\""
   },
   "repository": {