Merge pull request #56 from rachelsoae/feat/browser-tab

Feat/browser tab
rachelsoae · Jan 12, 2024 · deca649 · deca649
2 parents dc31f54 + c15a1b6
commit deca649
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 14 deletions.
diff --git a/src/components/About/About.js b/src/components/About/About.js
@@ -16,7 +16,7 @@ const About = () => {
             Hello! 👋 My name is Rachel Soae Prather. I'm a Korean-American Software Engineer and Web Developer located outside Portland, Oregon.
           </p>
           <p>
-            My mission is to Build Technology that Builds Community. In service of that mission, I work and volunteer with ethical organizations whose missions I strongly believe in. I am currently associated with Rita XYZ, Lesbians Who Tech & Allies, Out In Tech, Girls Who Code, and PDXWIT.
+            My mission is to build technology that builds community. In service of that mission, I work and volunteer with ethical organizations whose missions I strongly believe in. I am currently associated with Rita XYZ, PDX Women In Tech, Girls Who Code, Out In Tech, and Lesbians Who Tech & Allies.
           </p>
           <p>
             In my downtime, I can be found eating kimchi, searching for the best honey at the farmer's market, and making music with friends.

diff --git a/src/components/Contact/Contact.js b/src/components/Contact/Contact.js
@@ -12,10 +12,10 @@ const Contact = () => {
         </a>
       </div>
       <div className='contact__socials-container'>
-        <a href='https://www.linkedin.com/in/rachel-soae-prather'>
+        <a href='https://www.linkedin.com/in/rachel-soae-prather' target='_blank'>
           <img className='contact__social' src={linkedin} alt='LinkedIn' />
         </a>
-        <a href='https://github.com/rachelsoae'>
+        <a href='https://github.com/rachelsoae' target='_blank'>
           <img className='contact__social' src={github} alt='GitHub' />
         </a>
       </div>

diff --git a/src/components/Footer/Footer.js b/src/components/Footer/Footer.js
@@ -7,10 +7,10 @@ const Footer = () => {
   return (
     <section className='footer'>
       <div className='footer__socials'>
-        <a href='https://www.linkedin.com/in/rachel-soae-prather'>
+        <a href='https://www.linkedin.com/in/rachel-soae-prather' target='_blank'>
           <img className='footer__social' src={linkedin} alt='LinkedIn' />
         </a>
-        <a href='https://github.com/rachelsoae'>
+        <a href='https://github.com/rachelsoae' target='_blank'>
           <img className='footer__social' src={github} alt='GitHub' />
         </a>
       </div>

diff --git a/src/components/Project/Project.js b/src/components/Project/Project.js
@@ -64,22 +64,22 @@ const Project = ({project}) => {
         </div>
         {name === 'Humor Me' ?
           <div className='project__buttons-container'>
-            <a href={deployedLink}>
+            <a href={deployedLink} target='_blank'>
               <button className='primary-button card__button'>View Live</button>
             </a>
-            <a href={repoLinkFE}>
+            <a href={repoLinkFE} target='_blank'>
               <button className='primary-button card__button'>GitHub (FE)</button>
             </a>
-            <a href={repoLinkBE}>
+            <a href={repoLinkBE} target='_blank'>
               <button className='primary-button card__button'>GitHub (BE)</button>
             </a>
           </div>
           :
           <div className='project__buttons-container'>
-            <a href={deployedLink}>
+            <a href={deployedLink} target='_blank'>
               <button className='primary-button card__button'>View Live</button>
             </a>
-            <a href={repoLink}>
+            <a href={repoLink} target='_blank'>
               <button className='primary-button card__button'>GitHub</button>
             </a>
           </div> 

diff --git a/src/components/TopNav/TopNav.js b/src/components/TopNav/TopNav.js
@@ -3,10 +3,10 @@ import {Link} from 'react-router-dom';
 const TopNav = () => {
   return (
     <>
-      <Link to='/'>Home</Link>
-      <Link to='/about'>About</Link>
-      <Link to='/portfolio'>Portfolio</Link>
-      <Link to='/contact'>
+      <Link to='/' onClick={() => {window.scroll(0, 0)}}>Home</Link>
+      <Link to='/about' onClick={() => {window.scroll(0, 0)}}>About</Link>
+      <Link to='/portfolio' onClick={() => {window.scroll(0, 0)}}>Portfolio</Link>
+      <Link to='/contact' onClick={() => {window.scroll(0, 0)}}>
         <button  className='primary-button'>Contact Me</button>
       </Link>
     </>