Skip to content

Commit

Permalink
Wordpress Posts Update
Browse files Browse the repository at this point in the history
  • Loading branch information
odiengineering committed Sep 17, 2024
1 parent 155aa5c commit b9d2762
Show file tree
Hide file tree
Showing 6 changed files with 4 additions and 206 deletions.
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="540" src="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2024/05/infrastructure-site-screenshot-1024x540.webp" alt="The homepage of build.ca.gov. It highlights the main idea of the site through a concise headline and a bulleted list. It includes the image of a construction worker on a project." class="wp-image-1853" srcset="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2024/05/infrastructure-site-screenshot-1024x540.webp 1024w, https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2024/05/infrastructure-site-screenshot-576x304.webp 576w, https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2024/05/infrastructure-site-screenshot-768x405.webp 768w, https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2024/05/infrastructure-site-screenshot-1536x810.webp 1536w, https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2024/05/infrastructure-site-screenshot-2048x1080.webp 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<figure class="wp-block-image size-large"><img decoding="async" src="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2024/05/infrastructure-site-screenshot-1024x540.webp" alt="The homepage of build.ca.gov. It highlights the main idea of the site through a concise headline and a bulleted list. It includes the image of a construction worker on a project." class="wp-image-1853"/></figure>

<p>In January 2024, California launched <em>Building California’s future</em> (<a href="http://build.ca.gov">build.ca.gov</a>). It&#8217;s a website that shares how the state is investing billions in infrastructure.</p>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -98,78 +98,6 @@
"headless_tags": [],
"headless_publishing": [],
"headless_preview": [],
"wordpress_url": "https://live-digital-ca-gov.pantheonsite.io/2024/05/07/building-californias-future-plain-language/",
"media": [
{
"id": 1853,
"type": "2048x2048",
"path": "2024/05/infrastructure-site-screenshot-2048x1080.webp",
"wordpress_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2024/05/infrastructure-site-screenshot-2048x1080.webp",
"file": "infrastructure-site-screenshot-2048x1080.webp",
"width": 2048,
"height": 1080,
"filesize": 91060,
"mime_type": "image/webp",
"source_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2024/05/infrastructure-site-screenshot-2048x1080.webp",
"source_url_match": true,
"featured": false
},
{
"id": 1853,
"type": "1536x1536",
"path": "2024/05/infrastructure-site-screenshot-1536x810.webp",
"wordpress_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2024/05/infrastructure-site-screenshot-1536x810.webp",
"file": "infrastructure-site-screenshot-1536x810.webp",
"width": 1536,
"height": 810,
"filesize": 64756,
"mime_type": "image/webp",
"source_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2024/05/infrastructure-site-screenshot-1536x810.webp",
"source_url_match": true,
"featured": false
},
{
"id": 1853,
"type": "large",
"path": "2024/05/infrastructure-site-screenshot-1024x540.webp",
"wordpress_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2024/05/infrastructure-site-screenshot-1024x540.webp",
"file": "infrastructure-site-screenshot-1024x540.webp",
"width": 1024,
"height": 540,
"filesize": 39292,
"mime_type": "image/webp",
"source_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2024/05/infrastructure-site-screenshot-1024x540.webp",
"source_url_match": true,
"featured": false
},
{
"id": 1853,
"type": "medium_large",
"path": "2024/05/infrastructure-site-screenshot-768x405.webp",
"wordpress_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2024/05/infrastructure-site-screenshot-768x405.webp",
"file": "infrastructure-site-screenshot-768x405.webp",
"width": 768,
"height": 405,
"filesize": 27048,
"mime_type": "image/webp",
"source_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2024/05/infrastructure-site-screenshot-768x405.webp",
"source_url_match": true,
"featured": false
},
{
"id": 1853,
"type": "medium",
"path": "2024/05/infrastructure-site-screenshot-576x304.webp",
"wordpress_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2024/05/infrastructure-site-screenshot-576x304.webp",
"file": "infrastructure-site-screenshot-576x304.webp",
"width": 576,
"height": 304,
"filesize": 17718,
"mime_type": "image/webp",
"source_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2024/05/infrastructure-site-screenshot-576x304.webp",
"source_url_match": true,
"featured": false
}
]
"wordpress_url": "https://live-digital-ca-gov.pantheonsite.io/2024/05/07/building-californias-future-plain-language/"
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@ <h2 class="wp-block-heading">Focus on documentation</h2>

<p>We have extensive documentation on each component <a href="https://github.com/cagov/design-system/blob/main/components/feature-card/README.md" target="_blank" rel="noreferrer noopener">in a README</a>. </p>

<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="572" src="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/readme-feature-card-1024x572.png" alt="The feature card README on GitHub" class="wp-image-540" srcset="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/readme-feature-card-1024x572.png 1024w, https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/readme-feature-card-576x322.png 576w, https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/readme-feature-card-768x429.png 768w, https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/readme-feature-card-1536x858.png 1536w, https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/readme-feature-card-2048x1144.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<figure class="wp-block-image size-large"><img decoding="async" src="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/readme-feature-card-1024x572.png" alt="The feature card README on GitHub" class="wp-image-540"/></figure>

<p>We use the README markdown content for both:</p>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -399,71 +399,6 @@
"source_url_match": true,
"featured": false
},
{
"id": 540,
"type": "2048x2048",
"path": "2022/05/readme-feature-card-2048x1144.png",
"wordpress_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/readme-feature-card-2048x1144.png",
"file": "readme-feature-card-2048x1144.png",
"width": 2048,
"height": 1144,
"mime_type": "image/png",
"source_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/readme-feature-card-2048x1144.png",
"source_url_match": true,
"featured": false
},
{
"id": 540,
"type": "1536x1536",
"path": "2022/05/readme-feature-card-1536x858.png",
"wordpress_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/readme-feature-card-1536x858.png",
"file": "readme-feature-card-1536x858.png",
"width": 1536,
"height": 858,
"mime_type": "image/png",
"source_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/readme-feature-card-1536x858.png",
"source_url_match": true,
"featured": false
},
{
"id": 540,
"type": "large",
"path": "2022/05/readme-feature-card-1024x572.png",
"wordpress_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/readme-feature-card-1024x572.png",
"file": "readme-feature-card-1024x572.png",
"width": 1024,
"height": 572,
"mime_type": "image/png",
"source_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/readme-feature-card-1024x572.png",
"source_url_match": true,
"featured": false
},
{
"id": 540,
"type": "medium_large",
"path": "2022/05/readme-feature-card-768x429.png",
"wordpress_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/readme-feature-card-768x429.png",
"file": "readme-feature-card-768x429.png",
"width": 768,
"height": 429,
"mime_type": "image/png",
"source_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/readme-feature-card-768x429.png",
"source_url_match": true,
"featured": false
},
{
"id": 540,
"type": "medium",
"path": "2022/05/readme-feature-card-576x322.png",
"wordpress_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/readme-feature-card-576x322.png",
"file": "readme-feature-card-576x322.png",
"width": 576,
"height": 322,
"mime_type": "image/png",
"source_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/readme-feature-card-576x322.png",
"source_url_match": true,
"featured": false
},
{
"id": 525,
"type": "full",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ <h2 class="wp-block-heading">A recent collaboration</h2>

<p>This was a great idea. It required a full component rewrite. We collaborated with other teams by sharing codepens. Here’s an early version:</p>
<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="787" src="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-collaboration-1024x787.png" alt="" class="wp-image-478" srcset="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-collaboration-1024x787.png 1024w, https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-collaboration-576x443.png 576w, https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-collaboration-768x590.png 768w, https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-collaboration-1536x1181.png 1536w, https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-collaboration.png 1954w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>
<figure class="aligncenter size-large"><img decoding="async" src="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-collaboration-1024x787.png" alt="" class="wp-image-478"/></figure></div>
<p>The result was a big improvement on the component’s progressive enhancement. Now if all JavaScript on the page fails, the accordion will look different but function the same. This version lets the browser handle the open and close. This change simplified the component’s markup:</p>

<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-center" data-align="center"><strong>Before</strong></th><th class="has-text-align-center" data-align="center">After</th></tr></thead><tbody><tr><td class="has-text-align-center" data-align="center"><p class="cagov-reponsive-note">Before</p><img loading="lazy" decoding="async" width="410" height="1426" class="wp-image-482" style="width: 410px;" src="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-code-before.png" alt="The code for the accordion component. It's long, about 75 lines." srcset="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-code-before.png 410w, https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-code-before-166x576.png 166w, https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-code-before-294x1024.png 294w" sizes="(max-width: 410px) 100vw, 410px" /></td><td class="has-text-align-center" data-align="center"><p class="cagov-reponsive-note">After</p><img loading="lazy" decoding="async" width="520" height="290" class="wp-image-483" style="width: 520px;" src="https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-code-after.png" alt="The revised accordion component code. It's short, 11 lines long."></td></tr></tbody></table></figure>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -372,71 +372,6 @@
"source_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-code-jayli-2-576x321.png",
"source_url_match": true,
"featured": false
},
{
"id": 478,
"type": "full",
"path": "2022/05/working-in-open-collaboration.png",
"wordpress_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-collaboration.png",
"file": "working-in-open-collaboration.png",
"width": 1954,
"height": 1502,
"mime_type": "image/png",
"source_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-collaboration.png",
"source_url_match": true,
"featured": false
},
{
"id": 478,
"type": "1536x1536",
"path": "2022/05/working-in-open-collaboration-1536x1181.png",
"wordpress_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-collaboration-1536x1181.png",
"file": "working-in-open-collaboration-1536x1181.png",
"width": 1536,
"height": 1181,
"mime_type": "image/png",
"source_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-collaboration-1536x1181.png",
"source_url_match": true,
"featured": false
},
{
"id": 478,
"type": "large",
"path": "2022/05/working-in-open-collaboration-1024x787.png",
"wordpress_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-collaboration-1024x787.png",
"file": "working-in-open-collaboration-1024x787.png",
"width": 1024,
"height": 787,
"mime_type": "image/png",
"source_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-collaboration-1024x787.png",
"source_url_match": true,
"featured": false
},
{
"id": 478,
"type": "medium_large",
"path": "2022/05/working-in-open-collaboration-768x590.png",
"wordpress_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-collaboration-768x590.png",
"file": "working-in-open-collaboration-768x590.png",
"width": 768,
"height": 590,
"mime_type": "image/png",
"source_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-collaboration-768x590.png",
"source_url_match": true,
"featured": false
},
{
"id": 478,
"type": "medium",
"path": "2022/05/working-in-open-collaboration-576x443.png",
"wordpress_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-collaboration-576x443.png",
"file": "working-in-open-collaboration-576x443.png",
"width": 576,
"height": 443,
"mime_type": "image/png",
"source_url": "https://live-digital-ca-gov.pantheonsite.io/wp-content/uploads/2022/05/working-in-open-collaboration-576x443.png",
"source_url_match": true,
"featured": false
}
]
}
Expand Down

0 comments on commit b9d2762

Please sign in to comment.