content update

airqo-platform · Jan 17, 2024 · f65e8a8 · f65e8a8
1 parent 58d5ac3
commit f65e8a8
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 14 deletions.
diff --git a/website/frontend/src/pages/CleanAir/CleanAirAbout.js b/website/frontend/src/pages/CleanAir/CleanAirAbout.js
@@ -27,13 +27,13 @@ const CleanAirAbout = () => {
       title: 'Collaboration and awareness',
       content:
         'Committed to fostering a deeper understanding, awareness and appreciation of air quality issues through evidence-informed and participatory advocacy, and knowledge sharing.',
-      imgURL: Placeholder2
+      imgURL: Placeholder3
     },
     {
       title: 'Clean air solutions for cities',
       content:
         'CLEAN-Air network is a nexus for developing tangible and contextual clean air solutions and frameworks for African cities.',
-      imgURL: Placeholder3
+      imgURL: Placeholder2
     }
   ];
 
@@ -95,7 +95,15 @@ const CleanAirAbout = () => {
           content={
             <>
               <div className="acronym-content-container">
-                <p>CLEAN-Air, is an acronym coined from</p>
+                <p>
+                  <b
+                    style={{
+                      color: '#135DFF'
+                    }}>
+                    CLEAN-Air
+                  </b>
+                  , is an acronym coined from
+                </p>
                 <h2 className="content-h">
                   “Championing Liveable urban Environments through African Networks for Air”
                 </h2>
@@ -110,8 +118,13 @@ const CleanAirAbout = () => {
                     href="https://docs.google.com/forms/d/e/1FAIpQLScIPz7VrhfO2ifMI0dPWIQRiGQ9y30LoKUCT-DDyorS7sAKUA/viewform"
                     target="_blank"
                     rel="noopener noreferrer">
-                    {' '}
-                    Join now
+                    <b
+                      style={{
+                        color: '#135DFF'
+                      }}>
+                      {' '}
+                      Join the network
+                    </b>
                   </a>
                 </p>
               </div>
@@ -147,7 +160,7 @@ const CleanAirAbout = () => {
         <SplitSection
           pillTitle="Membership"
           title="A Synergy for air quality in Africa"
-          content="The network comprises a diverse stakeholder landscape including research organisations, city and national governments, the private sector, development partners, and individuals who are championing the air quality agenda in African cities.<br/> 
+          content="The network comprises a diverse stakeholder landscape including research organisations, city and national governments, the private sector, development partners, and individuals who are championing the air quality agenda in African cities.<br/> <br/> 
           Are you an organization or individual interested in air quality in Africa? We welcome you to join the CLEAN-Air Network. 
         "
           imgURL={Section4}

diff --git a/website/frontend/styles/CleanAirPage.scss b/website/frontend/styles/CleanAirPage.scss
@@ -354,7 +354,6 @@
         justify-content: center;
         align-items: center;
         margin: 0 auto;
-        padding: 0px 16px;
 
         #first-pill {
           display: inline-flex;
@@ -401,19 +400,18 @@
           max-width: $maxWidth;
           margin: 0 auto;
           position: relative;
-          top: 56px;
+          top: 20px;
           z-index: 2;
         }
 
         .acronym-image {
           width: 100vw;
-          height: auto;
-          max-width: 100%;
+          height: 400px;
           position: relative;
           overflow: hidden;
-          margin-bottom: -2rem;
+          margin-bottom: -1rem;
           object-fit: cover;
-          object-position: center;
+          object-position: bottom;
         }
 
         .join-now {
@@ -491,7 +489,7 @@
 
                 .goal-title {
                   align-self: stretch;
-                  color: #121723;
+                  color: #135dff;
                   font-family: Inter;
                   font-size: 32px;
                   font-style: normal;
@@ -1471,7 +1469,7 @@
           }
 
           .acronym-content-container {
-            top: 25px;
+            top: 20px;
           }
 
           .goals-container {