Optimize image size, update config (#16)

* Update config to stop email notifs, style improvements

* [ImgBot] optimizes images (#15)

*Total -- 12,052.21kb -> 10,987.22kb (8.84%)

/static/img/misc/logo_square.png -- 15.51kb -> 2.00kb (87.08%)
/static/img/experience/flipp_logo.png -- 21.64kb -> 5.63kb (73.98%)
/static/img/experience/wloop_logo.png -- 29.92kb -> 14.17kb (52.65%)
/static/img/experience/equithon_logo.png -- 76.03kb -> 39.78kb (47.69%)
/static/img/experience/wloop_bg.png -- 711.28kb -> 453.93kb (36.18%)
/static/img/resume/alex_xie_resume_1B.png -- 657.84kb -> 452.86kb (31.16%)
/static/img/experience/tedx_logo.png -- 293.86kb -> 215.98kb (26.5%)
/static/img/resume/alex_xie_resume_1A.png -- 304.81kb -> 231.23kb (24.14%)
/static/img/resume/alex_xie_resume_2A.png -- 378.26kb -> 307.52kb (18.7%)
/static/archive/may-2018/resources/images/avatar.png -- 467.27kb -> 381.43kb (18.37%)
/static/archive/jan-2018/resources/images/favicon.png -- 8.54kb -> 7.16kb (16.21%)
/static/archive/may-2018/resources/images/favicon.png -- 8.54kb -> 7.16kb (16.21%)
/static/img/projects/easy.png -- 147.27kb -> 128.10kb (13.02%)
/static/img/projects/watbus.png -- 249.21kb -> 227.10kb (8.87%)
/static/img/projects/eqrscanner.png -- 179.03kb -> 165.16kb (7.75%)
/static/img/projects/alexieyizhewebsite.png -- 179.16kb -> 165.29kb (7.74%)
/static/img/experience/tedx_bg.jpg -- 152.84kb -> 145.89kb (4.55%)
/static/img/experience/flipp_bg.jpg -- 884.69kb -> 848.21kb (4.12%)
/static/img/about/about_me.png -- 655.35kb -> 630.85kb (3.74%)
/static/img/experience/equithon_bg.jpg -- 1,133.08kb -> 1,103.13kb (2.64%)
/static/img/misc/index_main.png -- 759.90kb -> 745.37kb (1.91%)
/static/archive/jan-2018/resources/images/favicon_alt.png -- 72.27kb -> 70.92kb (1.86%)
/static/archive/may-2018/resources/images/favicon_alt.png -- 72.27kb -> 70.92kb (1.86%)
/static/img/about/about_travel.png -- 2,078.26kb -> 2,065.09kb (0.63%)
/static/img/about/about_equithon.png -- 2,515.35kb -> 2,502.34kb (0.52%)

* Bump to retrigger build

Author: alexieyizhe

.travis.yml

@@ -1,3 +1,6 @@
+notifications:
+  email: false
+
 language: node_js
 node_js:
  - "node"

package.json

@@ -16,6 +16,7 @@
     "test": "jest --coverage && cat ./test/coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js",
     "test:update": "jest --updateSnapshot",
     "test:nocov": "jest",
+    "test:nocoveralls": "jest --coverage",
     "test:watch": "jest --watch",
     "prettier": "prettier --single-quote --list-different \"src/**/*.jsx\" \"test/*.test.js\" \"test/*.test.jsx\""
   },

scripts/publish_on_netlify.sh

@@ -1,6 +1,6 @@
 #!/usr/bin/env bash
 
-# die on error
+# Exit on error
 set -e
 
 # https://gist.github.com/cjus/1047794

src/pages/about.jsx

@@ -332,11 +332,12 @@ class AboutPage extends React.Component {
               })}
               <a
                 data-tip="Music"
-                data-for={'interestTipMusic'}
+                data-for="interestTipMusic"
                 href="https://open.spotify.com/user/alexieyizhe"
                 target="_blank"
+                rel="noreferrer noopener"
               >
-                <ReactTooltip id={'interestTipMusic'} effect="solid" />
+                <ReactTooltip id="interestTipMusic" effect="solid" />
                 <Icon name="headphones" size="1em" color="#000000" />
               </a>
             </AboutInterests>
@@ -347,7 +348,11 @@ class AboutPage extends React.Component {
               Chinese, but my hometown is the city-state of Singapore, Singapore
               (trippy, I know). These days, I'm proudly Canadian and working as
               a back-end software engineer at{' '}
-              <a href="https://flipp.com/home" target="_blank">
+              <a
+                href="https://flipp.com/home"
+                target="_blank"
+                rel="noreferrer noopener"
+              >
                 Flipp Corp
               </a>
               . <br />

src/pages/index.jsx

@@ -10,6 +10,7 @@ import styled from 'styled-components';
 import posed from 'react-pose';
 import Img from 'gatsby-image';
 import Link from 'gatsby-link';
+import Particles from 'react-particles-js';
 import { isMobile, isIOS } from 'react-device-detect';
 import {
   mediaSize,
@@ -18,7 +19,6 @@ import {
 } from '../data/configOptions';
 import TemplateWrapper from '../components/TemplateWrapper';
 import SVGDrawIcon from '../components/SVGDrawIcon';
-import Particles from 'react-particles-js';
 import ScrambleText from '../components/ScrambleText';
 import Icon from '../components/Icon';
 
@@ -85,8 +85,8 @@ const ImportantInfo = styled(posed.div(fadeEnterConfig))`
   & a {
     color: inherit;
     margin-bottom: 2vh;
-    margin-left: 1.5vh;
-    margin-right: 1.5vh;
+    margin-left: 1vh;
+    margin-right: 1vh;
   }
 
   & a:first-child {
@@ -164,57 +164,69 @@ class HomePage extends React.Component {
             pose={'normal'}
           />
           {/* NOTE: script font in logo is BarleyScript */}
-          <Greeting initialPose={'enter'} pose={'normal'}>
-            {this.state.greeting + " I'm"}
+          <Greeting initialPose="enter" pose="normal">
+            {`${this.state.greeting} I'm`}
           </Greeting>
-          <MainInfoText initialPose={'enter'} pose={'normal'}>
+          <MainInfoText initialPose="enter" pose="normal">
             <ScrambleText
               text="Alex Xie."
               scramble="!<>-_\\/[]{}—=+*^?#_abiwxevpi"
               options={{ duration: 250, speed: 15 }}
             />
           </MainInfoText>
-          <BriefBioText initialPose={'enter'} pose={'normal'}>
+          <BriefBioText initialPose="enter" pose="normal">
             <div>web developer.</div>
             <div>opportunity pursuer.</div>
             <div>soccer fanatic.</div>
             <div>lover of bad puns.</div>
           </BriefBioText>
-          <ImportantInfo initialPose={'enter'} pose={'normal'}>
-            <a href="mailto:alexieyizhe@gmail.com" target="_blank">
+          <ImportantInfo initialPose="enter" pose="normal">
+            <a
+              href="mailto:alexieyizhe@gmail.com"
+              target="_blank"
+              rel="noreferrer noopener"
+            >
               <SVGDrawIcon
                 animate={this.state.iconAnimate}
                 ignoreHover={isMobile}
               >
-                <Icon name="paperPlane" size="3vmax" color="#80D07F" />
+                <Icon name="paperPlane" size="3.5vh" color="#80D07F" />
               </SVGDrawIcon>
             </a>
             <Link to="/resume">
               <SVGDrawIcon
                 animate={this.state.iconAnimate}
                 ignoreHover={isMobile}
               >
-                <Icon name="file" size="3vmax" color="#DE7947" />
+                <Icon name="file" size="3.5vh" color="#DE7947" />
               </SVGDrawIcon>
             </Link>
-            <a href="https://github.com/alexieyizhe" target="_blank">
+            <a
+              href="https://github.com/alexieyizhe"
+              target="_blank"
+              rel="noreferrer noopener"
+            >
               <SVGDrawIcon
                 animate={this.state.iconAnimate}
                 ignoreHover={isMobile}
               >
-                <Icon name="github" size="3vmax" color="#5534AC" />
+                <Icon name="github" size="3.5vh" color="#5534AC" />
               </SVGDrawIcon>
             </a>
-            <a href="https://www.linkedin.com/in/alexieyizhe/" target="_blank">
+            <a
+              href="https://www.linkedin.com/in/alexieyizhe/"
+              target="_blank"
+              rel="noreferrer noopener"
+            >
               <SVGDrawIcon
                 animate={this.state.iconAnimate}
                 ignoreHover={isMobile}
               >
-                <Icon name="linkedin" size="3vmax" color="#2381D9" />
+                <Icon name="linkedin" size="3.5vh" color="#2381D9" />
               </SVGDrawIcon>
             </a>
           </ImportantInfo>
-          <MainPagePic initialPose={'enter'} pose={'normal'}>
+          <MainPagePic initialPose="enter" pose="normal">
             <Img sizes={this.props.data.mainImage.sizes} />
           </MainPagePic>
         </TemplateWrapper>