203 - adding program logos to the cards on the home page

_data/assetPaths.json

@@ -21,7 +21,7 @@
   "check_circle.svg": "/assets/assets/check_circle-FKYRF36F.svg",
   "checkbox-indeterminate.svg": "/assets/assets/checkbox-indeterminate-HJACJSU3.svg",
   "checkbox-indeterminate-alt.svg": "/assets/assets/checkbox-indeterminate-alt-SXGAHOOI.svg",
-  "close.svg": "/assets/assets/close-D6X4FKTZ.svg",
+  "close.svg": "/assets/images/close-x.svg",
   "correct8.svg": "/assets/assets/correct8-BW6WT7U2.svg",
   "correct8-alt.svg": "/assets/assets/correct8-alt-M4H3GT6Q.svg",
   "delna.webp": "/assets/assets/delna-Y7FFIQ4T.webp",
@@ -37,7 +37,7 @@
   "frank.webp": "/assets/assets/frank-WEGTXKFN.webp",
   "header-bottom-border.webp": "/assets/assets/header-bottom-border-K2INIIYM.webp",
   "hero.jpg": "/assets/assets/hero-OXUBFI7L.jpg",
-  "homepage-gradient-bg.jpg": "/assets/assets/homepage-gradient-bg-L552LDA4.jpg",
+  "homepage-gradient-bg.jpg": "/assets/images/homepage-gradient-bg-mobile.jpg",
   "homepage-gradient-bg-mobile.jpg": "/assets/assets/homepage-gradient-bg-mobile-7NX7I3DV.jpg",
   "impact-report_pdf-icon.webp": "/assets/assets/impact-report_pdf-icon-ARH2FAXH.webp",
   "info.svg": "/assets/assets/info-TBKQSD4V.svg",
@@ -83,8 +83,73 @@
   "tts-inclusive-grid-map.svg": "/assets/assets/tts-inclusive-grid-map-D5DPHQNA.svg",
   "unfold_more.svg": "/assets/assets/unfold_more-WL443JWS.svg",
   "warning.svg": "/assets/assets/warning-5OR6W6GJ.svg",
+  "merriweathe": "/assets/fonts/merriweather",
+  "poppin": "/assets/fonts/poppins",
+  "public": "/assets/fonts/public-sans",
+  "roboto": "/assets/fonts/roboto-mono",
+  "source-sans": "/assets/fonts/source-sans-pro",
+  "10x.png": "/assets/images/10x-logo.png",
+  "10x.webp": "/assets/images/10x-logo.webp",
+  "10x_og_imag.png": "/assets/images/10x_og_image.png",
+  "10x_og_image_githu.png": "/assets/images/10x_og_image_github.png",
+  "10x_og_image_impac.png": "/assets/images/10x_og_image_impact.png",
+  "10x_og_image_investmen.png": "/assets/images/10x_og_image_investment.png",
+  "10x_og_image_new.png": "/assets/images/10x_og_image_news.png",
+  "access-to-data.png": "/assets/images/access-to-data-icon.png",
+  "access-to-data.webp": "/assets/images/access-to-data-icon.webp",
+  "benefits-eligibility.png": "/assets/images/benefits-eligibility-icon.png",
+  "benefits-eligibility.webp": "/assets/images/benefits-eligibility-icon.webp",
+  "cloud_go.png": "/assets/images/cloud_gov.png",
+  "current-report-icon.png": "/assets/images/current-report-icon-solid.png",
+  "current-report-icon.svg": "/assets/images/current-report-icon-floated.svg",
+  "current-report.svg": "/assets/images/current-report-icon.svg",
+  "customer-experience.png": "/assets/images/customer-experience-icon.png",
+  "customer-experience.webp": "/assets/images/customer-experience-icon.webp",
+  "digitalgov.png": "/assets/images/digitalgov-logo.png",
+  "equity-project.png": "/assets/images/equity-project-icon.png",
+  "equity-project.webp": "/assets/images/equity-project-icon.webp",
+  "external-link.svg": "/assets/images/external-link-icon.svg",
+  "gradient.png": "/assets/images/gradient-bg.png",
+  "gradient_her.png": "/assets/images/gradient_hero.png",
+  "gsa.svg": "/assets/images/gsa-logo.svg",
+  "header-bottom.png": "/assets/images/header-bottom-border.png",
+  "header-bottom.webp": "/assets/images/header-bottom-border.webp",
+  "homepage-gradient.jpg": "/assets/images/homepage-gradient-bg.jpg",
+  "homepage-gradient.png": "/assets/images/homepage-gradient-bg.png",
+  "impact": "/assets/images/impact-reports",
+  "left.svg": "/assets/images/left-arrow.svg",
+  "logingo.svg": "/assets/images/logingov.svg",
+  "logo.png": "/assets/images/logo-alt.png",
+  "logo.svg": "/assets/images/logo-alt.svg",
+  "log.svg": "/assets/images/logo.svg",
+  "menu-close.png": "/assets/images/menu-close-X.png",
+  "menu-close.webp": "/assets/images/menu-close-X.webp",
+  "menu.svg": "/assets/images/menu-icon.svg",
+  "notif.svg": "/assets/images/notify.svg",
+  "optimal-digital-experience.png": "/assets/images/optimal-digital-experience-icon.png",
+  "optimal-digital-experience.webp": "/assets/images/optimal-digital-experience-icon.webp",
+  "placeholder.png": "/assets/images/placeholder-icon.png",
+  "placeholder.svg": "/assets/images/placeholder-icon.svg",
+  "public-service.png": "/assets/images/public-service-icon.png",
+  "public-service.webp": "/assets/images/public-service-icon.webp",
+  "purple.svg": "/assets/images/purple-US.svg",
+  "science-medicine.png": "/assets/images/science-medicine-icon.png",
+  "science-medicine.webp": "/assets/images/science-medicine-icon.webp",
+  "section2-purple.png": "/assets/images/section2-purple-bg.png",
+  "section2-purple.svg": "/assets/images/section2-purple-bg.svg",
+  "section2-purple.webp": "/assets/images/section2-purple-bg.webp",
+  "security-project.png": "/assets/images/security-project-icon.png",
+  "security-project.webp": "/assets/images/security-project-icon.webp",
+  "sewer": "/assets/images/sewer-spills",
+  "sprit.svg": "/assets/images/sprite.svg",
+  "technology.svg": "/assets/images/technology-services.svg",
+  "tts-inclusive-grid.png": "/assets/images/tts-inclusive-grid-map.png",
+  "tts-inclusive-grid.svg": "/assets/images/tts-inclusive-grid-map.svg",
+  "uswd": "/assets/images/uswds",
+  "uswd.svg": "/assets/images/uswds.svg",
   "app.js": "/assets/js/app-EDZES2YK.js",
   "app.map": "/assets/js/app-EDZES2YK.js.map",
-  "index.css": "/assets/styles/index-S45RFLJF.css",
-  "index.map": "/assets/styles/index-S45RFLJF.css.map"
+  "index.css": "/assets/styles/index-EOLKYCAV.css",
+  "index.map": "/assets/styles/index-EOLKYCAV.css.map",
+  "j": "/assets/uswds/js"
 }

_includes/layouts/home.html

@@ -89,7 +89,10 @@ <h2 class="margin-top-1 margin-bottom-5">{{ section_3_content.title }}</h2>
                 </div>
                 <div class="usa-card__body">
                   <h3>
-                    <span>{{ card.title }}</span>
+                      {% if card.img %}
+                        <img src="{{ card.img }}" alt="{{ card.title }} logo icon"/>
+                      {% endif %}
+                      <span>{{ card.title }}</span>
                   </h3>
                   <p>
                     <span>{{ card.text }}</span>

_includes/theme/styles/_templates.scss

@@ -497,10 +497,23 @@ h2,
 
         .usa-card {
             .usa-card__container {
+                .usa-card__body h3 {
+                    display: flex; 
+                    align-items: center;
+                    img {
+                        width: 40px; 
+                        height: auto; 
+                        margin-right: units(1);
+                    }
+                    span {
+                        padding: 4px 0;
+                    }
+                }
                 &:hover {
                     .usa-card__body {
                         h3 {
                             span {
+                                padding: 4px 0 2px; 
                                 border-bottom: 2px solid color("violet-90");
                             }
                         }

pages/homepage.md

@@ -41,6 +41,7 @@ section_3_content:
   title: "Take a look at some of our best investments so far"
   cards:
   - subtitle: "Digital Trust and Security"
+    img: "/assets/images/logingov.svg"
     title: "Login.gov"
     text: Supporting the need for a centralized identity system – one username, one password – for better user experience, and stronger security.
     button_link: "/news/login/"  
@@ -57,10 +58,12 @@ section_3_content:
     text: Emerging technologies often raise concerns around justice and equity; 10x is looking at how to combat bias in AI as its use increases across government agencies.
     button_link: "/news/combating-bias-ai/"
   - subtitle: "Improved Digital Experiences"
+    img: "/assets/images/notify.svg"
     title: "Notify.gov"
     text: Helping all levels of government communicate with the public via text message, whether it’s fraud or severe weather alerts, or reminders to re-apply for benefits.
     button_link: "/news/notify/"
   - subtitle: "Tools for Federal Teams"
+    img: "/assets/images/uswds.svg"
     title: "U.S. Web Design System"
     text: Supporting digital teams in building consistent, trustworthy, effective customer experiences within the government's digital services landscape.
     button_link: "/news/us-web-design-system/"