Add page block patterns

[MaggieCabrera]

Description

Closes #19

This PR creates a blank page template that only adds the post-content block and the 3 page layout patterns from #19

Testing Instructions

1. Create a new page
2. Select the Blank page template on the sidebar
3. Insert one of the new patterns under the Twenty Twenty-Two Page layouts category and check that everything works and looks as intended

[MaggieCabrera]

@melchoyce @kjellr I'm missing the alt text for the 2 images on these patterns.

[jffng]

Thanks for picking these up @MaggieCabrera !

When used with the blank template, it looks like each of these patterns could use some top and bottom padding:

[melchoyce]

Thanks for picking these up @MaggieCabrera !

When used with the blank template, it looks like each of these patterns could use some top and bottom padding

In my test site, I made my own blank template with a 100px spacer above and below the page content, fwiw.

[kjellr]

In my test site, I made my own blank template with a 100px spacer above and below the page content, fwiw.

I think we can just add something like that to each of these patterns. Maybe borrow the padding values used around our header templates?

[MaggieCabrera]

I added a group to all of these patterns and the 8rem vertical padding that the header and footer of the theme applies is applied here too:

[MaggieCabrera]

this should be ready for another review, pending my comments about the colors and the missing alt texts, I think these patterns should be ready now.

[kjellr]

I left some font size updates above. One other small comment: Some of these bump up against the edges of the screen:

We should apply the same (admittedly weird) left + right padding values to these that we use for the main body content in our templates:

twentytwentytwo/block-templates/index.html

Line 3 in 1a98ab4

<!-- wp:group {"style":{"spacing":{"padding":{"right":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)"}}}} -->

(this should apply to the interior left/right padding of the green group container as well.)

[MaggieCabrera]

I added the lateral paddings and changed the font sizes as suggested

[kjellr]

Thanks, Maggie! I made a few adjustments:

• Added alt text where it was missing.
• Changed the padding around so that the full-width bird images could go full-width.
• Switched away from using a Cover block for the green one, for better responsive behavior.
• Indented to match the format of existing patterns.
• Compressed/trimmed the video so it's 3.6mb (it was over 20mb before!)
• Changed the category name from "Layout Pages" to simply "Pages".
• Added more complete image credits.

This should be in a good spot for another review!

[jffng]

👏 So nice.