fix: all rel links

iconoir-icons · Feb 10, 2024 · f69b7f5 · f69b7f5
1 parent 0f5f811
commit f69b7f5
Show file tree

Hide file tree

Showing 5 changed files with 45 additions and 17 deletions.
diff --git a/iconoir.com/components/AvailableFor.tsx b/iconoir.com/components/AvailableFor.tsx
@@ -27,22 +27,30 @@ export function AvailableFor() {
           <a
             href={'https://github.com/iconoir-icons/iconoir#swift-package'}
             target={'_blank'}
-            rel={'noreferrer'}
+            rel={'nofollow noreferrer'}
           >
             <AvailableForImage
               src={'/logo-swift.svg'}
               alt={'Swift Logo'}
               title={'Swift'}
             />
           </a>
-          <a href={LIBRARY_LINKS.Flutter} target={'_blank'} rel={'noreferrer'}>
+          <a
+            href={LIBRARY_LINKS.Flutter}
+            target={'_blank'}
+            rel={'nofollow noreferrer'}
+          >
             <AvailableForImage
               src={'/logo-flutter.svg'}
               alt={'Flutter Logo'}
               title={'Flutter'}
             />
           </a>
-          <a href={LIBRARY_LINKS.Figma} target={'_blank'} rel={'noreferrer'}>
+          <a
+            href={LIBRARY_LINKS.Figma}
+            target={'_blank'}
+            rel={'nofollow noreferrer'}
+          >
             <AvailableForImage
               src={'/logo-figma.svg'}
               alt={'Figma Logo'}
@@ -52,33 +60,49 @@ export function AvailableFor() {
           <a
             href={LIBRARY_LINKS.ReactNative}
             target={'_blank'}
-            rel={'noreferrer'}
+            rel={'nofollow noreferrer'}
           >
             <AvailableForImage
               src={'/logo-react-native.svg'}
               alt={'React Native Logo'}
               title={'React Native'}
             />
           </a>
-          <a href={LIBRARY_LINKS.Vue} target={'_blank'} rel={'noreferrer'}>
+          <a
+            href={LIBRARY_LINKS.Vue}
+            target={'_blank'}
+            rel={'nofollow noreferrer'}
+          >
             <AvailableForImage
               src={'/logo-vue.svg'}
               alt={'Vue Logo'}
               title={'Vue'}
             />
           </a>
-          <a href={LIBRARY_LINKS.Framer} target={'_blank'} rel={'noreferrer'}>
+          <a
+            href={LIBRARY_LINKS.Framer}
+            target={'_blank'}
+            rel={'nofollow noreferrer'}
+          >
             <AvailableForImage
               src={'/logo-framer.svg'}
               alt={'Framer Logo'}
               title={'Framer'}
             />
           </a>
           <AreYouUsing>
-            <a href={SUGGEST_LIBRARY_LINK} target={'_blank'} rel={'noreferrer'}>
+            <a
+              href={SUGGEST_LIBRARY_LINK}
+              target={'_blank'}
+              rel={'nofollow noreferrer'}
+            >
               <Text14>More?</Text14>
             </a>
-            <a href={FEEDBACK_LINK} target={'_blank'} rel={'noreferrer'}>
+            <a
+              href={FEEDBACK_LINK}
+              target={'_blank'}
+              rel={'nofollow noreferrer'}
+            >
               <Text14>Are you using the library?</Text14>
             </a>
           </AreYouUsing>

diff --git a/iconoir.com/components/Footer.tsx b/iconoir.com/components/Footer.tsx
@@ -86,13 +86,13 @@ export function Footer() {
         <Text13 style={{ fontWeight: 400 }}>
           Parts of this content are &copy;2020-2023 by individual Iconoir
           contributors. Content available under a{' '}
-          <a href={LICENSE_LINK} target={'_blank'} rel={'noreferrer'}>
+          <a href={LICENSE_LINK} target={'_blank'} rel={'nofollow noreferrer'}>
             MIT License
           </a>
           .
         </Text13>
         <Text13 style={{ fontWeight: 400 }}>
-          <a href={PRIVACY_LINK} target={'_blank'} rel={'noreferrer'}>
+          <a href={PRIVACY_LINK} target={'_blank'} rel={'nofollow noreferrer'}>
             Privacy
           </a>
         </Text13>

diff --git a/iconoir.com/components/Header.tsx b/iconoir.com/components/Header.tsx
@@ -67,7 +67,7 @@ export function Header({ currentVersion }: HeaderProps) {
             <span>X (Twitter)</span>
           </a>
         </Share>
-        <a href={DISCORD_LINK}>
+        <a href={DISCORD_LINK} rel={'nofollow noreferrer'}>
           <StyledDiscord $isMobile />
         </a>
         <MobileMenuButton onClick={() => setMenuVisible((v) => !v)}>

diff --git a/iconoir.com/components/Streamline.tsx b/iconoir.com/components/Streamline.tsx
@@ -3,7 +3,11 @@ import styled from 'styled-components';
 
 export function Streamline() {
   return (
-    <a href="https://bit.ly/3SNgpKo" style={{ textDecoration: 'none' }}>
+    <a
+      rel="sponsored"
+      href="https://bit.ly/3SNgpKo"
+      style={{ textDecoration: 'none' }}
+    >
       <PromoContainer>
         <PromoContent>
           <PromoInfo>

diff --git a/iconoir.com/pages/index.tsx b/iconoir.com/pages/index.tsx
@@ -97,14 +97,14 @@ const Home: NextPage<HomeProps> = ({
               data-tooltip="Pierre Olivier Marec"
               as={'a'}
               href={'https://github.com/pomarec'}
-              rel="sponsored"
+              rel="noopener sponsored"
               src={'https://avatars.githubusercontent.com/u/802933?v=4'}
             />
             <Supporter
               data-tooltip="Tuan Hiep"
               as={'a'}
               href={'https://opencollective.com/iconoir/contribute'}
-              rel="sponsored"
+              rel="noopener sponsored"
               src={
                 'https://images.opencollective.com/tuan-hiep/17b1ef2/avatar.png?height=80'
               }
@@ -113,7 +113,7 @@ const Home: NextPage<HomeProps> = ({
               data-tooltip="Justin Kendrick"
               as={'a'}
               href={'https://opencollective.com/iconoir/contribute'}
-              rel="sponsored"
+              rel="noopener sponsored"
               src={
                 'https://images.opencollective.com/guest-39c79745/avatar.png?height=80'
               }
@@ -122,7 +122,7 @@ const Home: NextPage<HomeProps> = ({
               data-tooltip="Anon"
               as={'a'}
               href={'https://opencollective.com/iconoir/contribute'}
-              rel="sponsored"
+              rel="noopener sponsored"
               src={
                 'https://opencollective.com/static/images/default-guest-logo.svg'
               }
@@ -131,7 +131,7 @@ const Home: NextPage<HomeProps> = ({
               data-tooltip="Luca Burgio"
               as={'a'}
               href={'https://twitter.com/burgioluca'}
-              rel="sponsored"
+              rel="noopener sponsored"
               src={'https://lucaburgio.com/images/profile2.png'}
             />
           </Supporters>