Merge pull request #88 from wri/feat/new-gfw-logo-FLAG-1033

[FLAG-1033] Add GFW 10 years logo
wri · Apr 16, 2024 · 0f438a7 · 0f438a7
2 parents e780e0f + 7b109f4
commit 0f438a7
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 12 deletions.
diff --git a/src/assets/logos/gfw10years.png b/src/assets/logos/gfw10years.png
diff --git a/src/components/footer/index.js b/src/components/footer/index.js
@@ -9,7 +9,7 @@ import Row from 'components/grid/row';
 import Column from 'components/grid/column';
 import P from 'components/html/p';
 
-import LclIcon from 'assets/logos/lcl.svg';
+import gfw10Years from 'assets/logos/gfw10years.png';
 import ArrowIcon from 'assets/icons/arrow-down.svg';
 
 import config from './config';
@@ -131,16 +131,19 @@ class Footer extends PureComponent {
           <Row className="footer-partners">
             <Column width={[1, 1, 4 / 16]}>
               <div className="footer-partnership">
-                <P>A partnership convened by</P>
-                <P>World Resources Institute&apos;s</P>
+                <hr />
                 <div className="footer-partnership-logos">
                   <a
-                    href="https://www.landcarbonlab.org/"
-                    target="_blank"
+                    href="https://www.globalforestwatch.org/about"
+                    target="_self"
                     rel="noopener noreferrer"
-                    aria-label="Land & Carbon Lab"
+                    aria-label="Global Forest Watch"
                   >
-                    <LclIcon className="lcl-logo" />
+                    <img
+                      className="gfw-logo"
+                      src={gfw10Years}
+                      alt="GFW 10 years of Impact"
+                    />
                   </a>
                 </div>
               </div>

diff --git a/src/components/footer/styles.js b/src/components/footer/styles.js
@@ -131,18 +131,16 @@ export const FooterWrapper = styled.div`
           align-items: center;
         }
 
-        .wri-logo,
-        .lcl-logo {
+        .wri-logo {
           width: auto;
         }
 
         .wri-logo {
           height: 47px;
         }
 
-        .lcl-logo {
-          height: 42px;
-          opacity: 0.9;
+        .gfw-logo {
+          width: 12rem;
         }
       }
     }