Update favicon (#84)

* Don't bundle gatsby cli with this project

* Remove unused code

* Tweak the image cropping algorithm

* Remove commented out code hidden from linter

* Update the favicon

package.json

@@ -93,7 +93,6 @@
     "eslint-plugin-mocha": "^6.2.2",
     "eslint-plugin-prettier": "^2.6.2",
     "eslint-plugin-react": "^7.10.0",
-    "gatsby-cli": "^2.8.22",
     "json-loader": "^0.5.7",
     "postcss": "^7.0.26",
     "postcss-cli": "^5.0.1",

src/layouts/index.js

@@ -182,32 +182,3 @@ Layout.propTypes = {
 };
 
 export default Layout;
-
-// eslint-disable-next-line no-undef
-/*
-export const postQuery = graphql`
-  query LayoutQuery {
-    pages: allMarkdownRemark(
-      filter: { fileAbsolutePath: { regex: "//pages//" }, fields: { prefix: { regex: "/^\\d+$/" } } }
-      sort: { fields: [fields___prefix], order: ASC }
-    ) {
-      edges {
-        node {
-          fields {
-            slug
-            prefix
-          }
-          frontmatter {
-            title
-          }
-        }
-      }
-    }
-    footnote: markdownRemark(fileAbsolutePath: { regex: "/footnote/" }) {
-      id
-      html
-    }
-  }
-`;
-
-*/

src/pages/index.js

@@ -80,7 +80,6 @@ IndexPage.propTypes = {
 
 export default IndexPage;
 
-// eslint-disable-next-line no-undef
 export const query = graphql`
   query IndexQuery {
     posts: allMarkdownRemark(
@@ -110,21 +109,19 @@ export const query = graphql`
       }
     }
     bgDesktop: imageSharp(fluid: { originalName: { regex: "/lucas-background/" } }) {
-      resize(width: 1200, quality: 90, cropFocus: CENTER) {
+      resize(width: 1200, quality: 90, cropFocus: ATTENTION) {
         src
       }
     }
     bgTablet: imageSharp(fluid: { originalName: { regex: "/lucas-background/" } }) {
-      resize(width: 800, height: 600, quality: 90, cropFocus: CENTER) {
+      resize(width: 800, height: 600, quality: 90, cropFocus: ATTENTION) {
         src
       }
     }
     bgMobile: imageSharp(fluid: { originalName: { regex: "/lucas-background/" } }) {
-      resize(width: 600, height: 350, quality: 90, cropFocus: CENTER) {
+      resize(width: 600, height: 350, quality: 90, cropFocus: ATTENTION) {
         src
       }
     }
   }
 `;
-
-// hero-background