paytonjewell · sayoung0820 · Jan 2, 2023 · Jan 3, 2023 · Jan 3, 2023
diff --git a/package-lock.json b/package-lock.json
diff --git a/public/index.html b/public/index.html
@@ -12,7 +12,7 @@
       content="developer portfolio"
     />
     <meta name="keyword" content="portfolio, javascript, developer, frontend, react, dev, front-end, tech, programmer">
-    <title>Developer Portfolio</title>
+    <title>Shannon's Portfolio</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/components/BaseLayout.js b/src/components/BaseLayout.js
@@ -31,7 +31,7 @@ export default function BaseLayout() {
             <Grid item>
                <Box component={'footer'} display={'flex'} flexDirection={'column'} alignItems={'center'}
                     py={'1.5rem'} sx={{opacity: 0.7}} width={'100%'}>
-                  <p>template created with &hearts; by <a href={'https://paytonpierce.dev'}>Payton Pierce</a></p>
+                  <p>created with &hearts; by <a href={'https://www.shannonashleyyoung.info/'}>Shannon Young</a></p>
                   <p>&copy; 2022</p>
                </Box>
             </Grid>

diff --git a/src/img/mock1.png b/src/img/mock1.png
diff --git a/src/img/mock2.png b/src/img/mock2.png
diff --git a/src/img/mock3.png b/src/img/mock3.png
diff --git a/src/img/mock4.png b/src/img/mock4.png
diff --git a/src/img/mock5.png b/src/img/mock5.png
diff --git a/src/img/self.png b/src/img/self.png
diff --git a/src/info/Info.js b/src/info/Info.js
@@ -2,8 +2,8 @@ import self from "../img/self.png"
 import mock1 from "../img/mock1.png"
 import mock2 from "../img/mock2.png"
 import mock3 from "../img/mock3.png"
-import mock4 from "../img/mock4.png"
-import mock5 from "../img/mock5.png"
+// import mock4 from "../img/mock4.png"
+// import mock5 from "../img/mock5.png"
 
 /* Hi there! Thanks for checking out my portfolio template. Be sure to read the comments to get a better understanding of
 how to make this template work best for you! */
@@ -23,80 +23,80 @@ of what each of the values mean.
  */
 
 export const info = {
-    firstName: "John",
-    lastName: "Smith",
-    initials: "js", // the example uses first and last, but feel free to use three or more if you like.
-    position: "a Full Stack Developer",
+    firstName: "Shannon",
+    lastName: "Young",
+    initials: "sy", // the example uses first and last, but feel free to use three or more if you like.
+    position: "a Full Stack Web Developer",
     selfPortrait: self, // don't change this unless you want to name your self-portrait in the "img" folder something else!
     gradient: `-webkit-linear-gradient(135deg, ${colors})`, // don't change this either
     baseColor: colors[0],
     miniBio: [ // these are just some "tidbits" about yourself. You can look at mine https://paytonjewell.github.io/#/ for an example if you'd like
         {
-            emoji: '☕',
-            text: 'fueled by coffee'
+            emoji: '🛻',
+            text: 'jeep life'
         },
         {
             emoji: '🌎',
             text: 'based in the US'
         },
         {
-            emoji: "💼",
-            text: "Systems Engineer at Google"
+            emoji: "🌱",
+            text: "plant mom"
         },
         {
             emoji: "📧",
-            text: "johnsmith@gmail.com"
+            text: "sayoung0820@gmail.com"
         }
     ],
     socials: [
         {
-            link: "https://facebook.com",
-            icon: 'fa fa-facebook',
-            label: 'facebook'
-        },
-        {
-            link: "https://instagram.com",
-            icon: 'fa fa-instagram',
-            label: 'instagram'
-        },
-        {
-            link: "https://github.com",
+            link: "https://github.com/sayoung0820",
             icon: "fa fa-github",
             label: 'github'
         },
         {
-            link: "https://linkedin.com",
+            link: "https://www.linkedin.com/in/shannon-young-0a915394/",
             icon: "fa fa-linkedin",
             label: 'linkedin'
         },
-        {
-            link: "https://twitter.com",
-            icon: "fa fa-twitter",
-            label: 'twitter'
-        }
+        // {
+        //     link: "https://facebook.com",
+        //     icon: 'fa fa-facebook',
+        //     label: 'facebook'
+        // },
+        // {
+        //     link: "https://instagram.com",
+        //     icon: 'fa fa-instagram',
+        //     label: 'instagram'
+        // },
+        // {
+        //     link: "https://twitter.com",
+        //     icon: "fa fa-twitter",
+        //     label: 'twitter'
+        // }
 // Feel free to remove any of these that you don't have. I'll write an FAQ on how to add new ones later, let me know if you have a request for an icon!
 // Just change the links so that they lead to your social profiles.
 
     ],
-    bio: "Hello! I'm John. I'm a systems engineer for Google. I studied CompSci at Harvard, I enjoy long walks on the beach, and I believe artificial intelligence will inevitably rule us all one day. You should hire me!",
+    bio: "Although new to coding, I have worked in the technical field for over seven years as a Technical and Quality Assurance Advisor for Apple, Inc. In that role, my main function was to solve problems with both hardware and software issues on iOS devices, iMacs and MacBooks. Now I can use those same problem solving skills I mastered at Apple, to solve coding problems. Here's a brief highlight of the other awesome skills I can bring to a coding team:",
     skills:
         {
-            proficientWith: ['javascript', 'react', 'git', 'github', 'bootstrap', 'html5', 'css3', 'figma'],
+            proficientWith: ['javascript', 'react', 'git', 'github', 'ruby', 'html5'],
             exposedTo: ['nodejs', 'python', 'adobe illustrator']
         }
     ,
     hobbies: [
         {
-            label: 'reading',
+            label: 'writing',
             emoji: '📖'
         },
         {
-            label: 'theater',
-            emoji: '🎭'
+            label: 'traveling',
+            emoji: '✈'
         },
         {
-            label: 'movies',
-            emoji: '🎥'
+            label: 'gardening',
+            emoji: '🪴'
         },
         {
             label: 'cooking',
@@ -107,34 +107,34 @@ export const info = {
     ],
     portfolio: [ // This is where your portfolio projects will be detailed
         {
-            title: "Project 1",
-            live: "https://paytonpierce.dev", //this should be a link to the live version of your project, think github pages, netlify, heroku, etc. Or your own domain, if you have it.
-            source: "https://github.com/paytonjewell", // this should be a link to the **repository** of the project, where the code is hosted.
+            title: "Pig Latin Translator",
+            live: "https://vimeo.com/785570079/feeb433f41", //this should be a link to the live version of your project, think github pages, netlify, heroku, etc. Or your own domain, if you have it.
+            source: "https://github.com/sayoung0820/Pig-Latin-Translator", // this should be a link to the **repository** of the project, where the code is hosted.
             image: mock1
         },
         {
-            title: "Project 2",
-            live: "https://paytonpierce.dev",
-            source: "https://github.com/paytonjewell",
+            title: "Text Based Game in Ruby",
+            live: "https://vimeo.com/785433569",
+            source: "https://github.com/sayoung0820/Ruby-Text-Based-Game",
             image: mock2
         },
         {
-            title: "Project 3",
-            live: "https://paytonpierce.dev",
-            source: "https://github.com/paytonjewell",
+            title: "Various Practice Projects",
+            live: "",
+            source: "https://github.com/sayoung0820/practicerepo",
             image: mock3
         },
-        {
-            title: "Project 4",
-            live: "https://paytonpierce.dev",
-            source: "https://github.com/paytonjewell",
-            image: mock4
-        },
-        {
-            title: "Project 5",
-            live: "https://paytonpierce.dev",
-            source: "https://github.com/paytonjewell",
-            image: mock5
-        }
+        // {
+        //     title: "Project 4",
+        //     live: "https://paytonpierce.dev",
+        //     source: "https://github.com/paytonjewell",
+        //     image: mock4
+        // },
+        // {
+        //     title: "Project 5",
+        //     live: "https://paytonpierce.dev",
+        //     source: "https://github.com/paytonjewell",
+        //     image: mock5
+        // }
     ]
 }