Merge pull request #439 from Dev-Code24/main

making some links to open in a new tab

Author: SableRaf

i18n/react-intl/en.json

@@ -66,7 +66,7 @@
   "basicExamples": "Programs about form, data, images, color, typography, and more...",
   "contactUs": "Contact Us",
   "contactUsDescription": "Feel free to write us!",
-  "footer": "Processing is an open project initiated by <a href='https://benfry.com/'>Ben Fry</a> and <a href='http://reas.com/'>Casey Reas</a>. It is developed by a team of volunteers around the world.",
+  "footer": "Processing is an open project initiated by <a href='https://benfry.com/' target='_blank' rel='noreferrer'>Ben Fry</a> and <a href='http://reas.com/' target='_blank' rel='noreferrer'>Casey Reas</a>. It is developed by a team of volunteers around the world.",
   "overviewIntro": "A short introduction to the Processing software and projects from the community.",
   "peopleIntro": "Processing is a community effort led by a small group of volunteers.",
   "booksIntro": "Processing books cover topics from programming basics to visualization. Browse this page to find the right books for you.",

i18n/react-intl/es.json

@@ -66,7 +66,7 @@
   "basicExamples": "Programas sobre formas, datos, imágenes, colores, tipografía y más...",
   "contactUs": "Contáctanos",
   "contactUsDescription": "¡Siéntete libre de escribirnos!",
-  "footer": "Processing es un proyecto abierto iniciado por <a href='https://benfry.com/''>Ben Fry</a> y <a href='http://reas.com/'>Casey Reas</a>. Es desarrollado por un equipo de voluntarios alrededor del mundo.",
+  "footer": "Processing es un proyecto abierto iniciado por <a href='https://benfry.com/' target='_blank' rel='noreferrer'>Ben Fry</a> y <a href='http://reas.com/' target='_blank' rel='noreferrer'>Casey Reas</a>. Es desarrollado por un equipo de voluntarios alrededor del mundo.",
   "overviewIntro": "Una pequeña introducción al software Processing y a los proyectos de la comunidad.",
   "peopleIntro": "Processing es un esfuerzo comunitario lidereado por un pequeño grupo de voluntarios.",
   "booksIntro": "Los libros sobre Processing cubren temas desde los principios básicos de programación a la visualización. Navega esta pagina para encontrar un libro adecuado para ti.",

src/components/Footer.js

@@ -20,16 +20,16 @@ const Footer = ({ withSidebar }) => {
       <div className={classnames(grid.col, css.socialmediaWrapper)}>
         <ul>
           <li>
-            <a href={'https://twitter.com/ProcessingOrg'} target="_blank">Twitter</a>
+            <a href={'https://twitter.com/ProcessingOrg'} target="_blank" rel="noreferrer">Twitter</a>
           </li>
           <li>
-            <a href={'https://medium.com/@ProcessingOrg'} target="_blank">Medium</a>
+            <a href={'https://medium.com/@ProcessingOrg'} target="_blank" rel="noreferrer">Medium</a>
           </li>
           <li>
-            <a href={'https://www.instagram.com/processingorg/'} target="_blank">Instagram</a>
+            <a href={'https://www.instagram.com/processingorg/'} target="_blank" rel="noreferrer">Instagram</a>
           </li>
           <li>
-            <a href={'http://github.com/processing/'} target="_blank">GitHub</a>
+            <a href={'http://github.com/processing/'} target="_blank" rel="noreferrer">GitHub</a>
           </li>
         </ul>
         <p

src/pages/index.js

@@ -176,15 +176,15 @@ const IndexPage = ({ data }) => {
               <p>{intl.formatMessage({ id: 'contributeP1' })}</p>
               <p>
                 {intl.formatMessage({ id: 'contributeP2' })}
-                <a href="https://github.com/processing/processing/wiki/Build-Instructions">
+                <a href="https://github.com/processing/processing/wiki/Build-Instructions" target='_blank' rel='noreferrer'> 
                   {intl.formatMessage({ id: 'building' })}
                 </a>
                 ,{' '}
-                <a href="https://github.com/processing/processing/wiki/Report-Bugs">
+                <a href="https://github.com/processing/processing/wiki/Report-Bugs" target='_blank' rel='noreferrer'>
                   {intl.formatMessage({ id: 'reporting' })}
                 </a>
                 , {intl.formatMessage({ id: 'reporting' })}{' '}
-                <a href="https://github.com/processing/processing/wiki">
+                <a href="https://github.com/processing/processing/wiki" target='_blank' rel='noreferrer'>
                   {intl.formatMessage({ id: 'creating' })}
                 </a>
                 .
@@ -193,6 +193,8 @@ const IndexPage = ({ data }) => {
             <div className={css.contributeButton}>
               <Button
                 href={'https://github.com/processing'}
+                target='_blank' 
+                rel='noreferrer'
                 variant="animate1"
                 size="large">
                 {intl.formatMessage({ id: 'buttonContribute' })}