diff --git a/landing/feature-modal.react.js b/landing/feature-modal.react.js --- a/landing/feature-modal.react.js +++ b/landing/feature-modal.react.js @@ -35,7 +35,13 @@ } const links = feature.furtherReadingLinks.map((link, index) => ( - <a key={index} href={link} target="blank" className={linkClassName}> + <a + key={index} + href={link} + target="_blank" + rel="noreferrer" + className={linkClassName} + > {link} </a> )); diff --git a/landing/footer.react.js b/landing/footer.react.js --- a/landing/footer.react.js +++ b/landing/footer.react.js @@ -68,6 +68,8 @@ </NavLink> <a href="https://www.notion.so/How-Comm-works-d6217941db7c4237b9d08b427aef3234" + target="_blank" + rel="noreferrer" className={navLinkClassName} > Learn how Comm works @@ -79,6 +81,8 @@ </a> <a href="https://commapp.notion.site/Learn-more-about-Comm-1efb9b646d504dddae30a20b4f33200e" + target="_blank" + rel="noreferrer" className={navLinkClassName} > About Comm @@ -90,14 +94,22 @@ </a> </div> <div className={css.socialIconsContainer}> - <a href="https://twitter.com/commdotapp"> + <a + href="https://twitter.com/commdotapp" + target="_blank" + rel="noreferrer" + > <FontAwesomeIcon size="lg" className={css.socialIcons} icon={faTwitter} /> </a> - <a href="https://github.com/CommE2E/comm"> + <a + href="https://github.com/CommE2E/comm" + target="_blank" + rel="noreferrer" + > <FontAwesomeIcon size="lg" className={css.socialIcons} diff --git a/landing/header.react.js b/landing/header.react.js --- a/landing/header.react.js +++ b/landing/header.react.js @@ -83,7 +83,7 @@ </NavLink> </div> <div className={css.socialIconsContainer}> - <a href="https://web.comm.app"> + <a href="https://web.comm.app" target="_blank" rel="noreferrer"> <div className={css.webappIcon}> <FontAwesomeIcon icon={faExternalLinkAlt} @@ -92,7 +92,11 @@ /> </div> </a> - <a href="https://twitter.com/commdotapp"> + <a + href="https://twitter.com/commdotapp" + target="_blank" + rel="noreferrer" + > <div className={css.twitterIcon}> <FontAwesomeIcon icon={faTwitter} @@ -101,7 +105,11 @@ /> </div> </a> - <a href="https://github.com/CommE2E/comm"> + <a + href="https://github.com/CommE2E/comm" + target="_blank" + rel="noreferrer" + > <div className={css.githubIcon}> <FontAwesomeIcon icon={faGithub} className={css.icon} size="sm" /> </div> diff --git a/landing/mobile-nav.react.js b/landing/mobile-nav.react.js --- a/landing/mobile-nav.react.js +++ b/landing/mobile-nav.react.js @@ -69,10 +69,18 @@ </NavLink> </div> <div className={css.socialIconsContainer}> - <a href="https://twitter.com/commdotapp"> + <a + href="https://twitter.com/commdotapp" + target="_blank" + rel="noreferrer" + > <FontAwesomeIcon icon={faTwitter} className={css.icon} size="xl" /> </a> - <a href="https://github.com/CommE2E/comm"> + <a + href="https://github.com/CommE2E/comm" + target="_blank" + rel="noreferrer" + > <FontAwesomeIcon icon={faGithub} className={css.icon} size="xl" /> </a> </div>