Fix SDG background bug (hackforla#5740)

Chrisklangley · Oct 22, 2023 · 45c1398 · 45c1398
1 parent 5615477
commit 45c1398
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 2 deletions.
diff --git a/_layouts/project.html b/_layouts/project.html
@@ -110,7 +110,8 @@ <h2 class='project-page-card-title title6'>Value</h2>
                 <p><strong>Impact</strong></p>
                 <p>{{ page.impact }}</p>
             </div>
-            <div class='sdg-description-card'>
+            {%- assign background_color = page.sdg-color-variable |  replace_first: "$", "background-" -%}
+            <div class='sdg-description-card {{ background_color }}'>
                 <h2 class='sdg-card-title title7'>Sustainable Development Goal</h2>
                 <div class='sdg-description-wrapper'>
                     <img class='sdg-img' src='{{ page.sdg-image-src }}'>

diff --git a/_projects/311-data.md b/_projects/311-data.md
@@ -75,4 +75,5 @@ impact: Neighborhood Councils are able to use visualizations to demonstrate and
 sdg: '<strong>16.8:</strong> Broaden and strengthen the awareness and participation of City and local communities, especially those traditionally underserved and marginalized, in the institutions of local and global governance.'
 sdg-image-src: /assets/images/sdg/sdg16.svg
 sdg-image-alt: '16: peace, justice and strong institutions'
+sdg-color-variable: $color-sdg16
 ---
diff --git a/_projects/access-the-data.md b/_projects/access-the-data.md
@@ -105,4 +105,5 @@ visible: true
 sdg: '<strong>16.8:</strong> Broaden and strengthen the awareness and participation of City and local communities, especially those traditionally underserved and marginalized, in the institutions of local and global governance.'
 sdg-image-src: /assets/images/sdg/sdg16.svg
 sdg-image-alt: '16: peace, justice and strong institutions'
+sdg-color-variable: $color-sdg16
 ---
diff --git a/_projects/engage.md b/_projects/engage.md
@@ -70,4 +70,5 @@ impact: Our platform will make important local conversations much more represent
 sdg: '<strong>16.8:</strong> Broaden and strengthen the awareness and participation of City and local communities, especially those traditionally underserved and marginalized, in the institutions of local and global governance.'
 sdg-image-src: /assets/images/sdg/sdg16.svg
 sdg-image-alt: '16: peace, justice and strong institutions'
+sdg-color-variable: $color-sdg16
 ---
diff --git a/_projects/lucky-parking.md b/_projects/lucky-parking.md
@@ -150,4 +150,5 @@ impact: Our project seeks to educate and inform city leaders and the community a
 sdg: '<strong>11.2:</strong> By 2030, provide access to safe, affordable, accessible and sustainable transport systems for all, improving road safety, notably by expanding public transport, with special attention to the needs of those in vulnerable situations, women, children, persons with disabilities and older persons.'
 sdg-image-src: /assets/images/sdg/sdg11.svg
 sdg-image-alt: '11: sustainable cities and communities'
+sdg-color-variable: $color-sdg11
 ---
diff --git a/_projects/open-community-survey.md b/_projects/open-community-survey.md
@@ -78,4 +78,5 @@ impact: <i>We are currently drafting the Impact statement for this project.</i>
 sdg: '<strong>16.8:</strong> Broaden and strengthen the awareness and participation of City and local communities, especially those traditionally underserved and marginalized, in the institutions of local and global governance.'
 sdg-image-src: /assets/images/sdg/sdg16.svg
 sdg-image-alt: '16: peace, justice and strong institutions'
+sdg-color-variable: $color-sdg16
 ---
diff --git a/_sass/components/_project-page.scss b/_sass/components/_project-page.scss
@@ -239,7 +239,6 @@
   flex-direction: column;
   flex-wrap: wrap;
   margin-right: auto;
-  background: #02548B;
   text-align: center;
   border-radius: 10px 10px 11px 11px;
   height: fit-content;