From d3a2cb9179eede99f69247cd7522957604475168 Mon Sep 17 00:00:00 2001
From: Nathan MacDonald <natemacd97@gmail.com>
Date: Fri, 20 Jan 2023 15:35:21 -0400
Subject: [PATCH] updated work experence

---
 package-lock.json               |  2 ++
 src/App.tsx                     |  9 ++++----
 src/components/Cover.tsx        |  5 ++++-
 src/components/Section.tsx      |  2 +-
 src/{content.tsx => content.ts} | 37 ++++++++++++++++++++++-----------
 5 files changed, 36 insertions(+), 19 deletions(-)
 rename src/{content.tsx => content.ts} (58%)

diff --git a/package-lock.json b/package-lock.json
index 33520c6..9074c77 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,6 +5,7 @@
   "requires": true,
   "packages": {
     "": {
+      "name": "resume",
       "version": "0.0.0",
       "dependencies": {
         "classnames": "^2.3.1",
@@ -3328,6 +3329,7 @@
         "normalize-path": "^3.0.0",
         "object-hash": "^3.0.0",
         "picocolors": "^1.0.0",
+        "postcss": "^8.4.12",
         "postcss-js": "^4.0.0",
         "postcss-load-config": "^3.1.4",
         "postcss-nested": "5.0.6",
diff --git a/src/App.tsx b/src/App.tsx
index 52dc5ba..941ed7f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -18,16 +18,15 @@ import { Education } from "./components/Education";
 import { Job } from "./components/Job";
 import { Section } from "./components/Section";
 import { SubHeading } from "./components/SubHeading";
-import React from "react";
 
 function App() {
   return (
     <div className="h-screen bg-gradient-to-t from-gray-300   font-body flex  justify-center overflow-x-scroll   sm:py-10">
       <div className="h-auto sm:h-[56rem] w-[43rem] bg-white relative px-10 shadow-2xl sm:overflow-hidden overflow-scroll flex flex-col sm:rounded-lg">
-        <header className="flex items-start  shrink-0 pt-9">
+        <header className="flex items-start  shrink-0 pt-6">
           <Cover />
           <img
-            className="rounded-full ring-4 ring-white h-16 w-16 sm:h-24 sm:w-24 z-20 relative object-cover mr-8"
+            className="rounded-full ring-4 ring-white h-16 w-16 sm:h-16 sm:w-16 z-20 relative object-cover mr-8"
             src={profile}
           />
           <div>
@@ -40,7 +39,7 @@ function App() {
             </div>
           </div>
         </header>
-        <section className="flex sm:space-x-16 mt-20 sm:mt-16  flex-grow flex-wrap  ">
+        <section className="flex sm:space-x-16 mt-20 sm:mt-10  flex-grow flex-wrap  ">
           <div className="w-full sm:w-[24rem] ">
             <Section title="About">
               <p className="text-gray-500 text-xs  text-justify">{aboutText}</p>
@@ -50,7 +49,7 @@ function App() {
                 <div
                   key={i}
                   className={classnames(
-                    "pb-8 flex items-start ml-1  translate-y-1 -translate-x-1",
+                    "pb-7 flex items-start ml-1  translate-y-1 -translate-x-1",
                     i !== jobs.length - 1 && ""
                   )}
                 >
diff --git a/src/components/Cover.tsx b/src/components/Cover.tsx
index b269e9a..ff729e1 100644
--- a/src/components/Cover.tsx
+++ b/src/components/Cover.tsx
@@ -2,6 +2,9 @@ import cover from "../assets/cover.png";
 
 export const Cover = () => {
   return (
-    <img src={cover} className=" object-cover absolute top-0 left-0 h-40 " />
+    <img
+      src={cover}
+      className=" object-cover absolute top-0 left-0 h-28 w-full "
+    />
   );
 };
diff --git a/src/components/Section.tsx b/src/components/Section.tsx
index 66fdfc1..97463d7 100644
--- a/src/components/Section.tsx
+++ b/src/components/Section.tsx
@@ -6,7 +6,7 @@ export const Section = ({
   children: React.ReactNode;
 }) => {
   return (
-    <div className="mb-10">
+    <div className="mb-6">
       <h3 className="tracking-widest text-md font-medium mb-2 uppercase">
         {title}
       </h3>
diff --git a/src/content.tsx b/src/content.ts
similarity index 58%
rename from src/content.tsx
rename to src/content.ts
index a3dee86..62a9c83 100644
--- a/src/content.tsx
+++ b/src/content.ts
@@ -12,21 +12,24 @@ export const education: EducationType = {
   duration: "September, 2016 - December, 2020",
 };
 
-export const aboutText =
+export const aboutText: string =
   "Nathan is a passionate, driven, and highly ambitious worker who takes immense pride in the things he creates. He cares deeply about the end user experience, and is dedicated to providing humane and beautiful interfaces for everyday use.";
 
-export const technicalSkills = [
+export const technicalSkills: string[] = [
   "React",
-  "Javascript / Typescript",
+  "Typescript",
   "UI/UX Design",
   "CSS",
+  "Testing",
   "API Development",
   "Python",
 ];
-export const professionalSkills = [
-  "Project Planning",
-  "Self-Organizing",
-  "Self-Teaching",
+
+export const professionalSkills: string[] = [
+  "Project Management",
+  "Fast Learning",
+  "Communication",
+  "Finding Solutions",
 ];
 
 export interface JobType {
@@ -38,11 +41,22 @@ export interface JobType {
 }
 
 export const jobs: JobType[] = [
+  {
+    title: "Frontend Developer",
+    company: "Magnet Forensics",
+    duration: "July 2022 - Present",
+    description: `Hired to spearhead web development for an new product being launched and to mentor other developers. `,
+    responsibilities: [
+      "Rewriting entire repositories to be clean, fast, and future-proof",
+      "Leading efforts in API design, UX, DX, testing, and security",
+      "Holding seminars on web development and UX discussions with company leaders.",
+    ],
+  },
   {
     title: "Lead Frontend Developer - Lead UX Designer",
     company: "Gray Wolf Analytics Inc.",
-    duration: "January 2021 - Present",
-    description: `Nathan was hired as the sole Frontend contributor to this fast-paced startup right after graduation. The small size of the company allowed him to try new roles and gain new expertise including: `,
+    duration: "January 2021 - July 2022",
+    description: `Sole Frontend contributor for fast-paced startup. The small size of the company allowed for Nathan to learn many new skills, such as: `,
     responsibilities: [
       "Building, securing, and deploying a production-grade web app",
       "Designing attractive and intuitive UI / UX",
@@ -53,16 +67,15 @@ export const jobs: JobType[] = [
     title: "Software Developer",
     company: "IBM",
     duration: "September 2017 - September 2020",
-    description: `Nathan worked here 5 terms during his formal education as part of his CO-OP designation. Each term taught him new skills such as:`,
+    description: `Nathan worked 5 terms during his formal education as part of his CO-OP designation. Each term taught him new skills such as:`,
     responsibilities: [
       "Performing automated QA on an app's frontend",
-      "Large-scale container orchestration",
       "Thorough understanding of SCRUM and agile methodologies",
     ],
   },
 ];
 
-export const contactInfo = {
+export const contactInfo: Record<string, string> = {
   email: "natemacd97@gmail.com",
   phone: "(506) 471-3038",
   linkedin: "www.linkedin.com/in/nathanmacd",