updates experience highlights

christiannaths · Sep 13, 2024 · 9b58e5f · 9b58e5f
1 parent 1fda3e7
commit 9b58e5f
Show file tree

Hide file tree

Showing 10 changed files with 260 additions and 27 deletions.
diff --git a/.firebase/hosting.ZGlzdA.cache b/.firebase/hosting.ZGlzdA.cache
@@ -0,0 +1,6 @@
+resume/vite.svg,1724871932972,a76f2e602ca4c0d58835e91f0d8010fda8ad7501004643209f76b4bb5d59d5f8
+resume/c.svg,1724871932972,2ac2edf96f7eba11d874913ade3c0b25cc577f872691fb0ffb67417ac617ea4f
+resume/index.html,1724871933020,bb50cb0bbe68a577eb65d1e17e8194ae1a22d531e015e59b74709ec96ac632f6
+resume/assets/index-DwVfhehw.css,1724871933021,9d9a0773d66cbdf9bf983b84c2d3a26e6c85a062561ef5473c93fb3abb4d66a0
+resume/assets/profile-DsKWXN62.jpg,1724871933021,0f1531b864ab1bd5138c20b3e56f17129f2e7ead04a0a6901451911aea381885
+resume/assets/index-CWjxhULt.js,1724871933021,3f4a9e02619a3d3f462228d0b81a512b92e8865cc5c9f40a7a3461ff7580b857
diff --git a/index.html b/index.html
@@ -2,13 +2,13 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/c.svg" />
+    <link rel="icon" type="image/svg+xml" href="c.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Figtree:ital,wght@0,300..900;1,300..900&family=Hind:wght@300;400;500;600;700&family=Jost:ital,wght@0,100..900;1,100..900&family=Karla:ital,wght@0,200..800;1,200..800&family=Maven+Pro:wght@400..900&family=Mukta:wght@200;300;400;500;600;700;800&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@200..900&display=swap"
       rel="stylesheet"
     />
 

diff --git a/package.json b/package.json
@@ -28,6 +28,7 @@
     "globals": "^15.9.0",
     "postcss": "^8.4.41",
     "prettier": "^3.3.3",
+    "serve": "^14.2.3",
     "tailwindcss": "^3.4.10",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.0.1",

diff --git a/src/App.tsx b/src/App.tsx
@@ -15,13 +15,15 @@ function App() {
   return (
     <article className="pb-16 text-md print:text-sm source-sans-3 text-slate-800 text-pretty">
       <header className="bg-gray-100">
-        <Container className="pt-24 grid grid-cols-8 gap-8 ">
+        <Container className="pt-24">
           <div className="text-center col-span-2">
-            <img
-              className="w-40 h-40 print:w-36 print:h-36 rounded-full inline-block max-w-[unset]"
-              src={profileImage}
-              alt="Christian Naths"
-            />
+            <div className="overflow-hidden w-full rounded-full">
+              <img
+                className="w-full h-full scale-125"
+                src={profileImage}
+                alt="Photo of Christian Naths"
+              />
+            </div>
           </div>
           <div className="col-span-6">
             <h1 className="text-3xl font-bold">Christian Naths</h1>
@@ -62,14 +64,17 @@ function App() {
           </div>
         </Container>
         <svg
-          className="w-full fill-white"
+          className="w-full fill-white print:hidden"
           viewBox="0 0 1440 32"
           version="1.1"
           xmlns="http://www.w3.org/2000/svg"
         >
           <path d="M0,18 C443,38 923,32 1440,1 L1440,32 L0,32 Z" />
         </svg>
       </header>
+
+      <hr className="hidden print:block mt-8" />
+
       <Section title="Skills">
         <p className="mt-1">
           Typescript, React, Next.js, Jest, NodeJS, Python, Ruby, PostgreSQL, NoSQL, Big

diff --git a/src/assets/profile.jpg b/src/assets/profile.jpg
diff --git a/src/components/Container.tsx b/src/components/Container.tsx
@@ -6,7 +6,7 @@ type Props = {
 
 export function Container({ children, as: Tag = 'div', className = '' }: Props) {
   return (
-    <Tag className={`container w-[8.5in] mx-auto print:px-24 ${className}`}>
+    <Tag className={`container w-[8.5in] mx-auto grid grid-cols-8 gap-8 ${className}`}>
       {children}
     </Tag>
   );

diff --git a/src/components/Section.tsx b/src/components/Section.tsx
@@ -7,7 +7,7 @@ type Props = {
 
 export function Section({ title, children }: Props) {
   return (
-    <Container as="section" className={`grid grid-cols-8 gap-8 pt-6 relative`}>
+    <Container as="section" className={`pt-6 relative`}>
       <h2 className={`text-2xl font-bold pt-1 col-span-2`}>{title}</h2>
       <div className="col-span-6">{children}</div>
     </Container>

diff --git a/src/data/experience.json b/src/data/experience.json
@@ -10,8 +10,7 @@
     "highlights": [
       "Contracted by PEI Group to support the acquisition of FundFilter",
       "Integrated key FundFilter product features and data into PEI's existing infrastructure",
-      "Migrated the existing FundFilter data ingest pipeline into Databricks",
-      "I completed my work in May of 2024 and stepped away for some time off"
+      "Migrated the existing FundFilter data ingest pipeline into Databricks"
     ]
   },
   {
@@ -53,8 +52,7 @@
     "highlights": [
       "Onboarded as a minority partner a few months into product development",
       "Built companion web application to the company's flagship mobile app",
-      "Took over the company in late 2016 and led the company through a series of pivots",
-      "Ultimately failed to find a market fit for the product and folded the company in late 2018"
+      "Took over the company in late 2016 and led the company through a series of pivots"
     ]
   },
   {

diff --git a/vite.config.ts b/vite.config.ts
@@ -4,6 +4,7 @@ import react from '@vitejs/plugin-react';
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  base: '/resume/',
   build: {
     outDir: 'dist/resume',
   },