Content updates from Page Editor

[github-actions]

The following pages have been updated in the Page Editor.

Guides [https://wordpress.org/data-liberation/guides/]
Data Liberation [https://wordpress.org/data-liberation/]

Screenshots: https://github.com/WordPress/wporg-main-2022/actions/runs/12320561757/artifacts/2318679720

Please review, merge, and deploy.

[jasmussen]

Noting that I'm working on this, but it's not yet fully ready. Here are "before" screenshots:

I'm updating mainly to adjust some headings, some spacings, and I'm tentatively changing the h1 on the "Guides" subpage to just say "Guides" instead of "Data Liberation".

I'll update this thread when this is ready.

[jasmussen]

I think this should be ready now. Updates to data-liberation, and data-liberation/guides:

• A few changes to spacings and margins
• Removed the h1 from "Guides" that said "Data Liberation", and changed the h2 that said "Guides" to be the new h1
• Added a separator, some grouping, a gray color in the intro section
• Used a Columns block to ensure the text content was overall left aligned, so it lined up with the "Data liberation" header in the top gray area.

Let me know if I got anything wrong!

[ryelle]

changed the h2 that said "Guides" to be the new h1

The reason I didn't just do this is that the individual guide headings would need to change to h2s, which would put Tools at the same level and that seemed odd. Just changing this heading creates an invalid level jump. The outline view is a great way to check:

However, I realized it's not right to have these links as headings in the first place, since they're not "heading" any content on the page. I've switched them to paragraph blocks and tweaked the styles so it should look the same, and the headings are correct now.

I've also switched these to Group blocks with left alignment, since the Columns blocks were adding extra space on smaller screens. In case you had tried that, it wouldn't have worked without a CSS override, see #465.