diff --git a/assets/blog/18f-folks/error.png b/assets/blog/18f-folks/error.png deleted file mode 100644 index dc84d8d7c..000000000 Binary files a/assets/blog/18f-folks/error.png and /dev/null differ diff --git a/assets/common/styles/pages/blog.scss b/assets/common/styles/pages/blog.scss index 9bf54657b..7075a3730 100644 --- a/assets/common/styles/pages/blog.scss +++ b/assets/common/styles/pages/blog.scss @@ -33,6 +33,11 @@ margin-inline-end: 10%; } +.post-article figure.no-margin { + margin-inline-start: 0; + margin-inline-end: 0; +} + .post-article blockquote, .post-article .testimonial-blockquote { @include u-font('sans', 'lg'); diff --git a/content/posts/2024-10-21-18f-folks.md b/content/posts/2024-10-21-18f-folks.md index e4aa5c713..a82f4bad3 100644 --- a/content/posts/2024-10-21-18f-folks.md +++ b/content/posts/2024-10-21-18f-folks.md @@ -47,16 +47,12 @@ each other and their environments. This helps us narrate stories about the world we want to build. -
+
{% image "assets/blog/18f-folks/dc-walking.png" "A cartoon vignette with two people walking, with government buildings and trees in the background" %}
-
-{% image "assets/blog/18f-folks/error.png" "A cartoon of a woman looking worried while holding a phone. A large phone is next to her, showing an X on the screen" %} -
-
{% image "assets/blog/18f-folks/us-map.png" "Two people standing in front of a map of the US. One person appears pregnant, the other has a prosthetic leg." %}
@@ -75,7 +71,7 @@ Consider this simple presentation slide.
-{% image_with_class "assets/blog/18f-folks/slide-confused.png" "border border-ink" "A presentation slide showing a list on the left of common timekeep mistakes. Next to the list is a shrugging woman in the style of 18F Folks cartoon." %} +{% image_with_class "assets/blog/18f-folks/slide-confused.png" "border border-base-lighter" "A presentation slide showing a list on the left of common timekeep mistakes. Next to the list is a shrugging woman in the style of 18F Folks cartoon." %}
@@ -96,7 +92,7 @@ several illustration libraries. Open Peeps was selected as the basis of the 18F Folks style because it balances professional with approachable.
-{% image_with_class "assets/blog/18f-folks/scorecard.png" "border border-ink" "A spreadsheet grid. The left column has criteria such as open source, matches 18F's voice, etc. The following columns determine if different visual libraries meet the criteria. Green, yellow, and red cells suggest if criteria are met or not." %} +{% image_with_class "assets/blog/18f-folks/scorecard.png" "border border-base-lighter" "A spreadsheet grid. The left column has criteria such as open source, matches 18F's voice, etc. The following columns determine if different visual libraries meet the criteria. Green, yellow, and red cells suggest if criteria are met or not." %}
We created a scorecard to narrow down our options for an illustration library
@@ -106,16 +102,16 @@ Product managers compiled a list of additional characteristics to make the 18F Folks library even more inclusive. Considerations included diverse religious dress, physical abilities, and body types. -
+
-{% image "assets/blog/18f-folks/custom.png" "Two cartoon characters talking. One wears a shirt with 18F, the other a shirt with a rainbow flag." %} +{% image "assets/blog/18f-folks/custom2.png" "A pregnant woman stands next to a child in 18F Folks illustration style" %}
-{% image "assets/blog/18f-folks/custom2.png" "A pregnant woman stands next to a child in 18F Folks illustration style" %} +{% image "assets/blog/18f-folks/custom.png" "Two cartoon characters talking. One wears a shirt with 18F, the other a shirt with a rainbow flag." %}