updated work experence

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 && ""
                   )}
                 >

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 "
+    />
   );
 };

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>

src/content.tsx → 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: "[email protected]",
   phone: "(506) 471-3038",
   linkedin: "www.linkedin.com/in/nathanmacd",