Update image location sponsors 2458 (#2984)

* update image location for sponsors

* update image location for sponsors

* update class logo img

* update code in sponsors.hmtl

* add scss to cfa logo in citizen-engagement page

_data/internal/partners.yml

@@ -2,7 +2,7 @@
   image: /assets/images/partners/empower-la.png
   link: https://empowerla.org/
 - name: Code for America
-  image: /assets/images/about/sponsors/code-for-america.svg
+  image: /assets/images/sponsors/code-for-america.svg
   link: https://www.codeforamerica.org/
 - name: Yale Open Lab
   image: /assets/images/partners/yale-open-labs.svg

_data/internal/sponsors.yml

@@ -1,19 +1,19 @@
 - name: Code for America
   link: https://www.codeforamerica.org/
-  img_url: /assets/images/sponsors/logo-cfa.svg
+  img_url: /assets/images/sponsors/code-for-america.svg
   position: 1
 
 - name: Los Angeles Cleantech Incubator
   link: https://laincubator.org/
-  img_url: /assets/images/sponsors/logo-laci.svg
+  img_url: /assets/images/sponsors/laci.svg
   position: 2
 
 - name: Carbon Five
   link: https://www.carbonfive.com/
-  img_url: /assets/images/sponsors/logo-carbon-five.jpg
+  img_url: /assets/images/sponsors/carbon-five.svg
   position: 3
 
 - name: Sip & Sonder
   link: https://www.sipandsonder.com/
-  img_url: /assets/images/sponsors/logo-sip-and-sonder.png
+  img_url: /assets/images/sponsors/sip-sonder.svg
   position: 4

_includes/about-page/about-card-sponsors.html

@@ -13,17 +13,17 @@
             {% endfor %}
             {% endcomment %}
             <a href="https://www.codeforamerica.org" target="_blank" alt="Code for America">
-                <img src="/assets/images/about/sponsors/code-for-america.svg" title="Code for America">
+                <img src="/assets/images/sponsors/code-for-america.svg" title="Code for America">
             </a>
             <a href="https://laincubator.org" target="_blank" alt="LA Incubator">
-                <img src="/assets/images/about/sponsors/laci.svg" title="Los Angeles Cleantech Incubator">
+                <img src="/assets/images/sponsors/laci.svg" title="Los Angeles Cleantech Incubator">
             </a>
             <a href="https://www.carbonfive.com" target="_blank" alt="Carbon Five">
-                <img src="/assets/images/about/sponsors/carbon-five.svg" title="Carbon Five">
+                <img src="/assets/images/sponsors/carbon-five.svg" title="Carbon Five">
             </a>
             <a href="https://www.sipandsonder.com" target="_blank" alt="Sip and Sonder">
-                <img src="/assets/images/about/sponsors/sip-sonder.svg" title="Sip and Sonder">
+                <img src="/assets/images/sponsors/sip-sonder.svg" title="Sip and Sonder">
             </a>
         </div>
     </div>
-</div>
+</div>

_includes/sponsors.html

@@ -2,20 +2,22 @@
   <div class="section-inner page-contain">
     <div class="section-body-full">
       <h2 class="title2">Sponsors</h2>
-      <div class="logo-garden">
-        <ul class="unstyled-list">
-          {% assign sponsors = site.data.internal.sponsors | sort: 'position' %}
-          {% for item in sponsors %}
-          <li>
-            <div class="logo">
-              <a href="{{ item.link }}" rel="noopener" target="_blank">
-                <img src="{{ baseurl }}{{ item.img_url | absolute_url }}" alt="{{ item.name }}" />
-              </a>
-            </div>
-          </li>
-          {% endfor %}
-        </ul>
-      </div>
+        <div class="flex-container-row flex-container-row--partners">
+            <a href="https://www.codeforamerica.org" target="_blank" alt="Code for America">
+                <img src="/assets/images/sponsors/code-for-america.svg" title="Code for America">
+            </a>
+            <a href="https://laincubator.org" target="_blank" alt="LA Incubator">
+                <img src="/assets/images/sponsors/laci.svg" title="Los Angeles Cleantech Incubator">
+            </a>
+            <a href="https://www.carbonfive.com" target="_blank" alt="Carbon Five">
+                <img src="/assets/images/sponsors/carbon-five.svg" title="Carbon Five">
+            </a>
+            <a href="https://www.sipandsonder.com" target="_blank" alt="Sip and Sonder">
+                <img src="/assets/images/sponsors/sip-sonder.svg" title="Sip and Sonder">
+            </a>
+        </div>
     </div>
   </div>
 </section>
+
+

_sass/components/_citizen_engagement.scss

@@ -85,6 +85,13 @@
             align-self: center;
             border-radius: 0px;
         }
+        //This class is targeting the Code for LA logo image to mirror the appearance of the live page.
+        .org-img-large{
+            object-fit:cover;
+            height: 65px;
+            width: 185px;
+            max-width: 100%;
+        }
     }
 }
 
@@ -200,6 +207,7 @@
             border-radius: 10px;
         }
     }
+
 }
 
 @media #{$bp-tablet-up} {
@@ -304,6 +312,13 @@
                     border-radius: 0px;
                     min-height: 70px;
                 }
+                //This class is targeting the Code for LA logo image to mirror the appearance of the live page.    
+                .org-img-large{
+                    object-fit:cover;
+                    height: 75px;
+                    max-width: 100%;
+                }
+
             }
     }
 

_sass/components/_home.scss

@@ -50,7 +50,7 @@
       margin: 10px 80px;
 
       @media #{$bp-mobile-up} {
-        height: 70px;
+        height: 110px; //70px original
         margin: 10px;
       }
     }

pages/citizen-engagement.html

@@ -46,7 +46,7 @@ <h3>Organizations We Work With</h3>
                         A big thank you to:</p>
                 </div>
                 <div class="organizations-images">
-                    <img class="org-img" src="/assets/images/sponsors/logo-cfa.svg" alt="code for america logo"/>
+                    <img class="org-img org-img-large" src="/assets/images/sponsors/code-for-america.svg" alt="code for america logo"/>
                     <img class="org-img" src="/assets/images/citizen-engagement/la_neighborhood_councils.svg" alt="neighborhood councils empower LA: department of neighborhood empowerment logo">
                     <img class="org-img" src="/assets/images/citizen-engagement/palms_neighborhood_council.svg" alt="palms neighborhood council logo">
                     <img class="org-img" src="/assets/images/citizen-engagement/echo_park_neighborhood_council.svg" alt="echo park neighborhood council logo">