Add box shadows, update profile img, home page performance upgrade

Author: jacobkrol

package.json

@@ -1,8 +1,8 @@
 {
   "name": "myapp",
-  "version": "0.1.0",
+  "version": "2.0.1",
   "private": true,
-  "homepage": "https://jacobkrol.github.io/",
+  "homepage": "https://kroljs.com/",
   "dependencies": {
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
@@ -24,9 +24,7 @@
   },
   "browserslist": {
     "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
+      "since 2010"
     ],
     "development": [
       "last 1 chrome version",

src/components/pages/HomePage.js

@@ -4,8 +4,8 @@ import TitleCard from '../utilities/TitleCard';
 import CornerImg from '../utilities/CornerImg';
 import ContentBlock from '../utilities/ContentBlock';
 
-import UICImg from '../../graphics/chicago-uic-small-2.png';
-import PortraitImg from '../../graphics/jacob-circle.png';
+import UICImg from '../../graphics/chicago-uic-small-3.jpg';
+import PortraitImg from '../../graphics/jacob-2.jpeg';
 
 function HomePage() {
     return (
@@ -19,8 +19,7 @@ function HomePage() {
                         <img id="portrait" src={PortraitImg} alt="Jacob's Headshot" />
                     </div>
                     <div className="content-box">
-                        <h2>Jacob Krol</h2>
-                        <p>Hello! A recent graduate with bachelor degrees in tow, I am a software engineer with a focus in full-stack web development. I am passionate about bringing accessible, intuitive web apps to life through <a href="https://reactjs.org/docs/optimizing-performance.html">lightweight landing pages</a>, <a href="https://caniuse.com/">widely-supported CSS tools</a>, and <a href="https://reactjs.org">new frameworks like ReactJS</a>.</p>
+                        <p>Hello! I am a software engineer with a focus in full-stack web development. I am passionate about bringing accessible, intuitive web apps to life through <a href="https://reactjs.org/docs/optimizing-performance.html">lightweight landing pages</a>, <a href="https://caniuse.com/">widely-supported CSS tools</a>, and <a href="https://reactjs.org">new frameworks like ReactJS</a>. And pancakes.</p>
                     </div>
                 </div>
             </ContentBlock>

src/graphics/chicago-uic-small-3.jpg

@@ -4,6 +4,7 @@
     text-align: center;
     padding: 40px 10px;
     display: block;
+    box-shadow: 0px 0px 6px #444;
     /* width: 100%; */
 }
 

src/graphics/jacob-2.jpeg

@@ -10,6 +10,7 @@
     padding: 0;
     background-position: center;
     background-size: cover;
+    box-shadow: 0px 0px 6px #AAA;
 }
 
 .media-column {

src/styles/ContentBlock.css

@@ -21,8 +21,10 @@ a {
 }
 
 #portrait {
-    width: 300px;
-    height: 300px;
+    width: 250px;
+    height: 250px;
+    border-radius: 40%;
+    box-shadow: 0px 0px 6px #AAA;
 }
 
 #page-container {