Merge pull request #923 from usds/tomn-usds/fix-project-carousel

Make project carousels more like blog

_includes/carousel-projects.html

@@ -1,17 +1,14 @@
-{% assign titles = "Continuously improving SSA.gov, Preparing for the next pandemic while building tech for COVID-19, Modernizing the child care application process, Optimizing benefits for families, Changing how the government hires technical talent, Simplifying Veteran‑facing services through VA.gov" | split: ", " %}  
 
 <div class="grid-container">
   <section class="site-c-section">
     <div class="site-c-section__body">
       <ul class="site-c-cards margin-x-neg-2 grid-row">
-        {% for title in titles %}
-          {% assign projects = site.projects | where_exp:"project","project.title == title" %} 
-          {% assign project = projects[0] %}
-          {% unless project.hide %}
+        {% assign projects = site.projects | where: "carousel_show", "true" %}
+        {% for project in projects %}
           {% if project.carousel_title %}
             <li class="tablet:grid-col-6 desktop:grid-col-4 padding-x-2 margin-bottom-4">
               <a class="site-c-card site-c-card--linked" href="{{ site.baseurl }}/{{ project.permalink }}">
-                <img class="site-c-card__image" src="{{ site.baseurl }}/images/{{ project.carousel_image_name }}" alt="Project photo" />
+                <img class="site-c-card__image" src="{{ site.baseurl }}/images/{{ project.carousel_image_name }}" alt="{{ item.carousel_image_alt_text }}" />
                 <div class="site-c-card__body">
                   <span class="site-c-flag">{{ project.agency }}</span>
                   <h3 class="site-c-card__title">{{ project.carousel_title }}</h3>
@@ -23,7 +20,6 @@ <h3 class="site-c-card__title">{{ project.carousel_title }}</h3>
               </a>
             </li>
           {% endif %}
-          {% endunless %}
         {% endfor %}
       </ul>
     </div>

_projects/0006_ssa.md

@@ -9,6 +9,10 @@ project_page: true
 carousel_title: "Continuously improving SSA.gov"
 carousel_summary: "The Social Security Administration is building on the momentum from their partnership with the U.S. Digital Service by implementing iterative research, best practices, and a data-informed approach to ensure the website is usable and useful."
 carousel_image_name: project-ssa-card.jpg
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: true
 
 # Project detail page (Edit this)
 title: "Making it easier to navigate services from the Social Security Administration by continuously improving SSA.gov"

_projects/0007_cdc-simple-report.md

@@ -9,6 +9,10 @@ project_page: true
 carousel_title: "Preparing for the next pandemic while building tech for COVID-19"
 carousel_summary: "We worked with the Centers for Disease Control and Prevention to quickly create and scale technology programs that digitize and share infectious disease test results in real-time."
 carousel_image_name: project-cdc-simple-report-card.jpg
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: true
 
 # Project detail page (Edit this)
 title: "Preparing for the Next Pandemic While Building Tech for COVID-19"

_projects/0008_acf.md

@@ -9,6 +9,10 @@ project_page: true
 carousel_title: "Modernizing the child care application process"
 carousel_summary: "USDS partnered with ACF’s policy and subject matter experts to create a Model Child Care Assistance Application and eligibility verification practices that met federal guidelines and demonstrated the “art of what’s possible."
 carousel_image_name: project-acf-card.jpg
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: true
 
 # Project detail page (Edit this)
 title: "Using human-centered solutions to optimize and modernize the child care application process"

_projects/0010-vaccines-dot-gov.md

@@ -9,6 +9,10 @@ project_page: true
 carousel_title: "Critical code: building COVID-19 vaccine finder tools"
 carousel_summary: "With the American public eager for COVID-19 vaccinations, The White House partnered with the U.S. Digital Service, the Centers for Disease Control & Prevention, the Department of Health & Human Services, and Boston Children’s Hospital to launch a fleet of tools connecting people to life-saving vaccines."
 carousel_image_name: project-vaccines-card.jpg
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: false
 
 # Project detail page (Edit this)
 title: "Critical code: building COVID-19 vaccine finder tools"

_projects/0025-childcare-tax-credit.md

@@ -9,6 +9,10 @@ project_page: true
 carousel_title: "Optimizing benefits for families"
 carousel_summary: "Working alongside The Department of Treasury and the White House, we built ChildTaxCredit.gov to educate families about the expanded Earned Income Credit and Child Tax Credit. The USDS team relied on in-depth research to create a site that is accessible, easy-to-read, and provides resources to find free tax services."
 carousel_image_name: project-childcare-tax-credit-card.jpg
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: true
 
 # Project detail page (Edit this)
 title: "Optimizing benefits for families"

_projects/0050_smeqa.md

@@ -9,6 +9,10 @@ project_page: true
 carousel_title: "Changing how the government hires technical talent"
 carousel_summary: "We helped develop a process that allows HR to leverage subject matter experts to evaluate candidates for specialized roles. The result restores fair and open access for all applicants, shortens the hiring timeline, and ensures applicants are truly qualified."
 carousel_image_name: project-smeqa-card.jpg
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: true
 
 # Project detail page (Edit this)
 title: "Changing how the government hires technical talent"

_projects/0100_medicare-payment-program.md

@@ -9,6 +9,10 @@ project_page: true
 carousel_title: "Modernizing the Medicare Payment System"
 carousel_summary: "Eight million lines of COBOL and 2.5 million lines of assembly running on 15 mainframes. 4.5 percent of the entire American economy is fueled by Medicare payments and 53 million people depend on it for their healthcare."
 carousel_image_name: project-hhs-payment-mod-card.jpg
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: false
 
 # Project detail page (Edit this)
 title: "Modernizing the Medicare Payment System"

_projects/0300_discharge-upgrade-tool.md

@@ -7,9 +7,12 @@ project_page: true
 
 # Carousel (Edit this)
 carousel_title: "Helping Veterans upgrade their Discharge Status"
-carousel_summary: "A customized, plain language tool gives Veterans
-step-by-step guidance for submitting a strong application to upgrade their discharge status."
+carousel_summary: "A customized, plain language tool gives Veterans step-by-step guidance for submitting a strong application to upgrade their discharge status."
 carousel_image_name: project-va-discharge-upgrade-card.jpg
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: false
 
 # Project detail page (Edit this)
 title: "Helping Veterans upgrade their Discharge Status"

_projects/0400_blue-button-2.md

@@ -9,6 +9,10 @@ project_page: true
 carousel_title: "Empowering beneficiaries with their own health data"
 carousel_summary: "Leveraging CMS APIs, providers can view of their patients’ full healthcare history without patient intervention. Providers save valuable time that they can better spend talking to patients and preventing conflicts or gaps in care."
 carousel_image_name: project-hhs-bbdpc-card.jpg
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: false
 
 # Project detail page (Edit this)
 title: "Empowering beneficiaries with their own health data"

_projects/0500_va-dot-gov.md

@@ -9,6 +9,10 @@ project_page: true
 carousel_title: "Simplifying Veteran‑facing services through VA.gov"
 carousel_summary: "Each month, over 10 million people attempt to access the digital tools and content at the Department of Veterans Affairs (VA) and have historically struggled to find what they’re looking for. Digital modernization efforts needed to focus on improving the user experience."
 carousel_image_name: project-va-va-dot-gov-card2.jpg
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: true
 
 # Project detail page (Edit this)
 title: "Simplifying Veteran‑facing services through VA.gov"

_projects/0550_school-safety.md

@@ -9,7 +9,12 @@ project_page: true
 carousel_title: "Helping schools keep students safe"
 carousel_summary: "A website that empowers emergency managers and K–12 administrators with the information they need to improve school safety."
 carousel_image_name: project-dhs-school-safety-card.jpg
+# hides on project listing page (poorly named)
 hide: true
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: false
 
 # Project detail page (Edit this)
 title: "Helping schools keep students safe"

_projects/0600_disability-compensation-application.md

@@ -9,7 +9,12 @@ project_page: true
 carousel_title: "Disability Compensation Application"
 carousel_summary: "Simplifying Veterans' application for disability compensation."
 carousel_image_name: project-va-seal-card.gif
+# hides on project listing page (poorly named)
 hide: true
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: false
 
 # Project detail page (Edit this)
 title: "Disability Compensation Application"

_projects/0600_ditap.md

@@ -7,9 +7,12 @@ project_page: true
 
 # Carousel (Edit this)
 carousel_title: "Improving how the government buys technology"
-carousel_summary: "As the pace of innovation has accelerated, the government’s ability to meet people’s expectations of functional digital solutions has not kept pace. To meet this demand, we created an immersive development and training program to improve digital services acquisition expertise across government agencies.
-"
+carousel_summary: "As the pace of innovation has accelerated, the government’s ability to meet people’s expectations of functional digital solutions has not kept pace. To meet this demand, we created an immersive development and training program to improve digital services acquisition expertise across government agencies."
 carousel_image_name: project-ditap-card.jpg
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: false
 
 # Project detail page (Edit this)
 title: "Improving how the government buys technology"

_projects/0700_qpp.md

@@ -9,6 +9,10 @@ project_page: true
 carousel_title: "Implementing a new, quality-based Medicare payment system"
 carousel_summary: "The Quality Payment Program API makes it easy for clinicians to submit quality metrics to CMS and for the government to review and return feedback promptly, which leads to greater health outcomes for patients and a more positive experience with value-based care for providers."
 carousel_image_name: project-hhs-quality-payment-card.jpg
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: false
 
 # Project detail page (Edit this)
 title: "Implementing a new, quality-based Medicare payment system"

_projects/0800_personalized-dashboard.md

@@ -9,7 +9,12 @@ project_page: true
 carousel_title: "Personalized Dashboard"
 carousel_summary: "A personalized homepage for Veterans on VA.gov"
 carousel_image_name: project-va-seal-card.gif
+# hides on project listing page (poorly named)
 hide: true
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: false
 
 # Project detail page (Edit this)
 title: "A personalized homepage for Veterans on VA.gov"

_projects/0900_disability-appeals-status.md

@@ -9,7 +9,12 @@ project_page: true
 carousel_title: "Disability Appeals Status"
 carousel_summary: ""
 carousel_image_name: project-va-disability-appeals-card.jpg
+# hides on project listing page (poorly named)
 hide: true
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: false
 
 # Project detail page (Edit this)
 title: "Disability Appeals Status"

_projects/1100_hack-the-pentagon.md

@@ -9,7 +9,12 @@ project_page: true
 carousel_title: "Hacking the Pentagon"
 carousel_summary: "Since kicking off in 2016, the Hack the Pentagon program has engaged ethical hackers across the globe to help the Department of Defense identify and remedy thousands of security vulnerabilities."
 carousel_image_name: project-dod-hack-the-pentagon-card.jpg
+# hides on project listing page (poorly named)
 hide: true
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: false
 
 # Project detail page (Edit this)
 title: "Hacking the Pentagon"

_projects/1400_gi-bill-comparison-tool.md

@@ -9,7 +9,12 @@ project_page: true
 carousel_title: "GI Bill Comparison Tool"
 carousel_summary: "Designing with Veterans to make sense of their education and training benefits."
 carousel_image_name: project-va-seal-card.gif
+# hides on project listing page (poorly named)
 hide: true
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: false
 
 # Project detail page (Edit this)
 title: "GI Bill Comparison Tool"

_projects/1500_advisor-network.md

@@ -9,7 +9,12 @@ project_page: true
 carousel_title: "Providing NATO advisors mission-critical information"
 carousel_summary: "Our defense team spent 18 weeks building a critical software system with small teams on rotation to Afghanistan, working directly with NATO advisors and leadership."
 carousel_image_name: project-dod-advisor-network-card.jpg
+# hides on project listing page (poorly named)
 hide: true
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: false
 
 # Project detail page (Edit this)
 title: "Providing NATO advisors mission-critical information"

_projects/1800_n-400.md

@@ -9,6 +9,10 @@ project_page: true
 carousel_title: "Modernizing our Immigration System"
 carousel_summary: "We partnered with U.S. Citizenship and Immigration Services to move the paper-based immigration process online, providing applicants with a better experience and improving USCIS's processes."
 carousel_image_name: project-dhs-n400-card.jpg
+# accessibility text for image
+carousel_image_alt_text: "Project photo"
+# should show on home page. ordered by date prefix in filename
+carousel_show: false
 
 # Project detail page (Edit this)
 title: "Modernizing our Immigration System"