Update content on home and projects;

minor refactors to project layout; new sans font

src/components/Contact/index.css

@@ -0,0 +1,18 @@
+.contact-container {
+  text-align: center;
+}
+
+.contact-container img {
+  margin-left: 12px;
+}
+
+.contact-container p {
+  background-color: rgb(216, 221, 233);
+  border-radius: 5px;
+  color: rgb(46, 51, 64);
+  font-family: "IBM Plex Mono", monospace;
+  margin: 10% auto;
+  padding: 5px;
+  user-select: all;
+  width: 150px;
+}

src/components/Contact/index.js

@@ -0,0 +1,22 @@
+// @flow
+import React from "react"
+
+import "./index.css"
+import linkedIn from "../../images/In-2C-128px-TM.png"
+
+type Props = {}
+
+class Contact extends React.PureComponent<Props> {
+  render() {
+    return (
+      <div className="contact-container">
+        <p>m@mjfs.us</p>
+        <a href="https://www.linkedin.com/in/mitchelljfsimon/">
+          <img src={linkedIn} alt="LinkedIn" />
+        </a>
+      </div>
+    )
+  }
+}
+
+export default Contact

src/components/Header/index.js

@@ -12,7 +12,7 @@ class Header extends React.PureComponent<Props> {
     return (
       <div className="header-container">
         <h2>Mitchell J. F. Simon</h2>
-        <SmallText>Lead Backend Engineer, Hypremium.</SmallText>
+        <SmallText>Lead Software Engineer (Backend), Hypremium.</SmallText>
       </div>
     )
   }

src/components/Home/index.css

@@ -0,0 +1,25 @@
+.home-container p {
+  text-align: left;
+}
+
+.home-container img {
+  border-radius: 3px;
+  display: block;
+  float: left;
+  margin-bottom: 100%;
+  margin-right: 1%;
+  width: 37%;
+}
+
+.signature {
+  float: right;
+  font-style: italic;
+  margin-right: 3%;
+}
+
+@media screen and (max-width: 500px) {
+  .home-container img {
+    margin: 5%;
+    width: 90%;
+  }
+}

src/components/Home/index.js

@@ -0,0 +1,42 @@
+// @flow
+import React from "react"
+
+import "./index.css"
+import profile from "../../images/profile.jpg"
+
+type Props = {}
+
+class Home extends React.PureComponent<Props> {
+  render() {
+    return (
+      <div className="home-container">
+        <img src={profile} alt="Profile" />
+        <p>Hello and welcome,</p>
+        <p>
+          I am a software developer, with an expertise in serverless (FaaS)
+          service architecture. Most of my experience is in web services, and
+          the languages I am currently proficient in include Go, JavaScript, and
+          Ruby. I build web services with APIs mostly utilizing the REST
+          architectural style, and various relational and key-value DBMS. In
+          addition to this, I am acclimated with JaveScript client-side
+          development, like React.js & Native. I&#39;m currently working to
+          acclimate myself with GraphQL and Docker deployments.
+        </p>
+        <p>
+          My professional interests, aside from the above, include software
+          architecture, system administration, development tools, and business
+          development. My personal interests include music performance, skiing,
+          and politics.
+        </p>
+        <p />
+        <p>
+          Thank you for reading my quick bio. If you would like to contact me
+          visit the contact page for all of your options.
+        </p>
+        <p className="signature">- Mitchell J. F. Simon, III</p>
+      </div>
+    )
+  }
+}
+
+export default Home