Dev

gatsby-config.js

@@ -7,13 +7,13 @@
 module.exports = {
   /* Your site config here */
   siteMetadata: {
-    title: `John Doe`,
-    author: `John Doe`,
-    firstName: `John`,
-    lastName: `Doe`,
-    description: `John Doe's personal site`,
-    occupation: `Software Engineer`,
-    keywords: [`John`, `Doe`, `Personal`, `Blog`, `Resume`, `Projects`, `Work`],
+    title: `Zack Eaton`,
+    author: `Zack Eaton`,
+    firstName: `Zack`,
+    lastName: `Eaton`,
+    description: `Zack Eaton's Personal Portfolio`,
+    occupation: `Web Developer & Digital Marketing Strategist`,
+    keywords: [`Zack`, `Eaton`, `Personal`, `Blog`, `Resume`, `Projects`, `Work`],
     siteUrl:
       process.env.URL || process.env.DEPLOY_URL || `http://localhost:8000`,
     unemployed: true,
@@ -75,14 +75,14 @@ module.exports = {
     {
       resolve: `gatsby-plugin-manifest`,
       options: {
-        name: `John Doe's Personal Site`,
-        short_name: `J.Doe`,
+        name: `Zack Eaton's Personal Site`,
+        short_name: `Z.Eaton`,
         description: `This is my personal site.`,
         start_url: `/`,
         background_color: `#fff`,
         theme_color: `#fff`,
         display: `standalone`,
-        icon: `${__dirname}/static/favicon.ico`, // This path is relative to the root of the site.
+        icon: `${__dirname}/static/favicon.png`, // This path is relative to the root of the site.
       },
     },
     `gatsby-plugin-offline`,

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "john-doe-starter-site",
+  "name": "zack-eaton-starter-site",
   "private": true,
   "description": "A personal site built on the bare-bones starter for Gatsby",
   "version": "0.1.0",
@@ -24,7 +24,7 @@
     "gatsby-image": "^2.4.9",
     "gatsby-plugin-catch-links": "^2.3.7",
     "gatsby-plugin-google-fonts": "^1.0.1",
-    "gatsby-plugin-manifest": "^2.4.14",
+    "gatsby-plugin-manifest": "^2.12.1",
     "gatsby-plugin-nprogress": "^2.3.6",
     "gatsby-plugin-offline": "^3.2.13",
     "gatsby-plugin-preload-link-crossorigin": "^1.0.2",

src/components/Navbar.js

@@ -1,27 +1,42 @@
 import React, { useContext } from "react"
 import ThemeContext from "../utils/theme"
-import { Navbar, Nav, Form } from "react-bootstrap"
+import { Navbar, Nav, Form, Image } from "react-bootstrap"
 import { Link } from "gatsby"
 import "./Fontawesome.js"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+//import { Image } from "react-bootstrap"
+//import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 
 export default () => {
   const { dark, toggleDark, toString } = useContext(ThemeContext)
   return (
     <Navbar variant={toString()} fixed="top" collapseOnSelect expand="md">
       <Navbar.Brand className="pl-5 ml-5" as={Link} to="/">
-        <FontAwesomeIcon
-          icon={["fab", `${dark ? "empire" : "rebel"}`]}
+      {/* New iconography */}
+      <Image
+          width="75"
+          height="75"
+          fluid
+          src={dark ? `../../icons/z-logo-dark.png` : `../../icons/z-logo-light.png`}
+          alt={dark ? "The Dark Side" : "The Ashla"}
           className={`brand-icon ${dark ? "empire" : "rebel"}`}
           title="Home"
         />
+        {/* End New iconography */}
+        {/* <FontAwesomeIcon
+          icon={["fab", `${dark ? "empire" : "rebel"}`]}
+          className={`brand-icon ${dark ? "empire" : "rebel"}`}
+          title="Home"
+        />  */}
       </Navbar.Brand>
       <Navbar.Toggle aria-controls="responsive-navbar-nav" />
       <Navbar.Collapse
         id="responsive-navbar-nav"
         className="justify-content-end"
       >
         <Nav className="pr-3 mr-4 nav-links">
+        <Nav.Link className="ml-2" as={Link} to="/" title="Home">
+            Home
+          </Nav.Link>
           <Nav.Link className="ml-2" as={Link} to="/blog" title="Blog">
             Blog
           </Nav.Link>

src/content/work/EyePromise/index.md

@@ -0,0 +1,28 @@
+---
+company: "EyePromise"
+location: "St. Louis, MO"
+position: "Esports Product Manager"
+tags: ["HubSpot", "Influencer Marketing", "Content Creation", "Graphic Design"]
+startDate: "2019-05-01"
+endDate: "2020-04-01"
+---
+
+- Launched a new brand within vision supplement company focused on
+a line of vitamins for video gamers with a high screen time.</p>
+
+* Educated a new Gen Z and millennial customer base on eye health via
+email marketing, paid ads, social media, and influencer partnerships.</p>
+
+* Designed a single-page website with ecommerce functionality to
+showcase and sell products.</p>
+
+* Revitalized defunct social media presence, increasing following by
+36% and amassing over 1M impressions and 32K engagements.</p>
+
+* Initiated partnerships with brands and influencers in the esports
+space, including United's Call of Duty championship team, collegiate
+esports teams, professional players, and content creators.</p>
+
+* Reported and analyzed website and social media metrics, such as
+traffic, engagement, views, reach, and ecommerce purchases, which
+were then presented to executives.</p>

src/content/work/Facebook/index.md → src/content/work/Freelance/index.md

@@ -1,10 +1,10 @@
 ---
-company: "Facebook"
-location: "Toronto, ON"
-position: "Full-Stack Developer Intern"
-tags: ["React", "Redux", "Docker", "Datadog"]
-startDate: "2016-05-04"
-endDate: "2016-09-01"
+company: "Freelance"
+location: "New York, NY"
+position: "Web Developer"
+tags: ["Javascript", "WordPress", "Web Hosting", "HTML & CSS", "PHP"]
+startDate: "2020-04-01"
+endDate: "2021-04-01"
 ---
 
 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget augue commodo, rutrum enim vel, varius lorem. Ut nec sem metus.</p>

src/content/work/Google/index.md → src/content/work/Sikich/index.md

@@ -1,10 +1,10 @@
 ---
-company: "Google"
-location: "San Francisco, CA"
-position: "Software Engineering Intern"
-tags: ["React.js", "Webpack", "Docker", "Ruby"]
-startDate: "2017-09-04"
-endDate: "2017-12-21"
+company: "Sikich"
+location: "Remote"
+position: "Web Developer & Digital Marketing Specialist"
+tags: ["Wordpress", "PHP", "Javascript", "HTML & CSS"]
+startDate: "2021-04-05"
+endDate: "2021-04-05"
 ---
 
 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget augue commodo, rutrum enim vel, varius lorem. Ut nec sem metus.</p>

src/content/work/Zeavision/index.md

@@ -0,0 +1,26 @@
+---
+company: "EyePromise"
+location: "St. Louis, MO"
+position: "Esports Product Manager"
+tags: ["HubSpot", "Salesforce", "Excel", "Webhooks"]
+startDate: "2018-08-01"
+endDate: "2019-05-01"
+---
+
+- Managed data and insights for company aimed at developing
+products to preserve, support, and improve vision for people
+concerned with age-related eye health.</p>
+
+* Created NPS surveys distributed to various audiences who interacted
+with the company, then recorded within CRM database.</p>
+
+* Tested and implemented text messaging integration into CRM,
+allowing a new avenue for the marketing team to communicate with
+customers who opt in.</p>
+
+* Streamlined data collection with automation techniques, such as a
+machine learning application programmed to better categorize survey
+responses and allow for a more detailed use of analytics.</p>
+
+* Edited archival pages on the company's website to improve SEO,
+utilizing Google SERP tools to strength page titles and descriptions.</p>

src/pages/about.js

@@ -36,7 +36,7 @@ export default ({ data }) => {
           rounded
           width="140"
           height="140"
-          src={`../../icons/luke-${toString()}.png`}
+          src={`../../icons/memoji-${toString()}.png`}
           alt={author}
         />
         <article className="w-75 m-auto pt-2 text-justify">
@@ -58,20 +58,14 @@ export default ({ data }) => {
               padawan
             </a>
             &nbsp;
-            <b>{occupation}</b> discovering the ways of the code. Lorem ipsum
-            dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-            incididunt ut labore et dolore magna aliqua. Ut enim ad minim
-            veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
-            ea commodo consequat.
-          </p>
+            <b>{occupation}</b> discovering the ways of the code.</p>
+            <p className="i-5">I am an Information Systems & Technology graduate from the University of Missouri Saint Louis. One thing I particularly enjoyed about majoring in Information Systems is that this field really allows me to use both my technical skills like computer programming and my front facing business skills. I am very passionate about data and analytics and I enjoy helping companies make better use of current data, as well as collecting new data.</p>
+
           <p className="i-5">
-            In my spare time, Lorem ipsum dolor sit amet, consectetur adipiscing
-            elit, sed do eiusmod tempor incididunt ut labore et dolore magna
-            aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
-            laboris nisi ut aliquip ex ea commodo consequat.
+          I've participated in a variety of school events. Everything from hackathons, networking events, and even intermural pickleball. I am an active member of The National Society of Leadership and Success, Information Systems Programming Club, CompTIA AITP, and Marketing Club. I volunteered my film and editing skills to produce the original promotional video for the first UMSL Hack, which was a huge success. UMSL Hack just put on its fourth hackathon in February 2020.
           </p>
           <p className="i-5">
-            Check out my <Link to="/projects">projects</Link> to see what I've
+            Please feel free to check out my <Link to="/projects">projects</Link> to see what I've
             been up to! Or check out my <Link to="/blog">blog</Link> to see
             what's recently caught my eye!
           </p>

src/pages/index.js

@@ -17,18 +17,18 @@ export default ({ data }) => {
           width="150"
           height="150"
           fluid
-          src={dark ? `../../icons/darth-vader.png` : `../../icons/r2-d2.png`}
-          alt={dark ? "Darth Vader" : "R2-D2"}
+          src={dark ? `../../icons/z-logo-dark.png` : `../../icons/z-logo-light.png`}
+          alt={dark ? "The Dark Side" : "The Ashla"}
         />
         {unemployed && (
           <p className="mt-2">
-            <b> Hey! I am looking for new opportunities :)</b>
+            <b> Hey there, my name is ...</b>
           </p>
         )}
         <Container className="py-0 my-0">
           <h1
             style={{
-              fontSize: "5rem",
+              fontSize: "3.5rem",
               color: "black",
             }}
           >
@@ -38,58 +38,97 @@ export default ({ data }) => {
           <p>
             <i>
               {occupation} by day,&nbsp;
-              {dark ? `Imperial enforcer by night` : `Rebel scum by night`}
+              {dark ? `Hacker by night` : `Programmer by night`}
             </i>
           </p>
+          <p><FontAwesomeIcon
+          icon={["fab", `${dark ? "empire" : "rebel"}`]}
+          className={`brand-icon ${dark ? "empire" : "rebel"}`}
+          title="Home"
+        /> 
+          </p>
+
+          <p>My website is currently under construction, so please be kind :')</p>
+
         </Container>
         <hr className="my-3 w-25" />
         <div className="d-md-inline-flex icons-container">
+        <a
+            href="https://linkedin.com/in/zack-eaton"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <FontAwesomeIcon
+              icon={["fab", "linkedin-in"]}
+              className="icons linkedin"
+              title="LinkedIn"
+            />
+          </a>
+
           <a
-            href="https://www.github.com"
+            href="https://instagram.com/zackaryeaton"
             target="_blank"
             rel="noopener noreferrer"
           >
             <FontAwesomeIcon
-              icon={["fab", "github"]}
-              className="icons github"
-              title="Github"
+              icon={["fab", "instagram"]}
+              className="icons instagram"
+              title="Instagram"
+            />
+          </a>
+
+        <a
+            href="https://www.facebook.com/eatonstl"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <FontAwesomeIcon
+              icon={["fab", "facebook"]}
+              className="icons facebook"
+              title="Facebook"
             />
           </a>
+
           <a
-            href="https://linkedin.com"
+            href="https://www.twitter.com/zack_eaton"
             target="_blank"
             rel="noopener noreferrer"
           >
             <FontAwesomeIcon
-              icon={["fab", "linkedin"]}
-              className="icons linkedin"
-              title="LinkedIn"
+              icon={["fab", "twitter"]}
+              className="icons twitter"
+              title="Twitter"
             />
           </a>
+
           <a
-            href="https://www.freecodecamp.org"
+            href="https://dev.to/zackeaton"
             target="_blank"
             rel="noopener noreferrer"
           >
             <FontAwesomeIcon
-              icon={["fab", "free-code-camp"]}
-              className="icons fcc"
-              title="FreeCodeCamp"
+              icon={["fab", "dev"]}
+              className="icons dev"
+              title="Dev"
             />
           </a>
+
           <a
-            href="https://www.hackerrank.com/"
+            href="https://www.github.com/zackeaton"
             target="_blank"
             rel="noopener noreferrer"
           >
             <FontAwesomeIcon
-              icon={["fab", "hackerrank"]}
-              className="icons hr"
-              title="Hackerrank"
+              icon={["fab", "github"]}
+              className="icons github"
+              title="Github"
             />
           </a>
+
+
+
           <a
-            href="mailto:johndoe@gmail.com"
+            href="mailto:zackeaton@gmail.com"
             target="_blank"
             rel="noopener noreferrer"
           >
@@ -99,13 +138,15 @@ export default ({ data }) => {
               title="e-mail"
             />
           </a>
-          <a href="../../resume.pdf" target="_blank" download>
+
+          <a href="../../resume_zack_eaton.pdf" target="_blank" download>
             <FontAwesomeIcon
               icon={["fas", "file-alt"]}
               className="icons file"
               title="Resume"
             />
           </a>
+
         </div>
       </Container>
     </PageLayout>

src/pages/resume.js

@@ -14,7 +14,7 @@ export default ({ data }) => {
       <SEO title="Resume" />
       <PageTitle title="Resume">
         &nbsp;
-        <a href="../../resume.pdf" target="_blank" download>
+        <a href="../../resume_zack_eaton.pdf" target="_blank" download>
           <FontAwesomeIcon
             style={{ fontSize: "2rem" }}
             icon={["fas", "file-download"]}