This repository has been archived by the owner on Jan 26, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 92
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* added a blank page template * added block pattern for two column layout * corrected the markup with latest version * assets and block pattern for image + text * added block pattern with video * linting errors * fixed background, spacing and colors for video page layout * fixed spacing for the other two patterns * lateral padding and responsive font sizes * Update inc/block-patterns.php Co-authored-by: Kjell Reigstad <[email protected]> * Allow bird to go full-width * Restructure green pattern, replace birds video. * Tidy up wrapper, indent. * Indent * Additional image credits. * Shorten the category name. * Update readme.txt Co-authored-by: Kjell Reigstad <[email protected]> Co-authored-by: Kjell Reigstad <[email protected]>
- Loading branch information
3 people
authored
Oct 14, 2021
1 parent
5444784
commit 69bb33d
Showing
9 changed files
with
186 additions
and
1 deletion.
There are no files selected for viewing
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| <!-- wp:post-content {"layout":{"inherit":true}} /--> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,32 @@ | ||
| <?php | ||
| /** | ||
| * Page layout with image and text. | ||
| */ | ||
| return array( | ||
| 'title' => __( 'Page layout with image and text', 'twentytwentytwo' ), | ||
| 'categories' => array( 'twentytwentytwo-pages' ), | ||
| 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"8rem","bottom":"2rem","right":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)"}}},"layout":{"inherit":true}} --> | ||
| <div class="wp-block-group alignfull" style="padding-top:8rem;padding-right:max(1.25rem, 5vw);padding-bottom:2rem;padding-left:max(1.25rem, 5vw)"><!-- wp:heading {"align":"wide","style":{"typography":{"fontSize":"clamp(4rem, 8vw, 7.5rem)","lineHeight":"1.15","fontWeight":"300"}}} --> | ||
| <h2 class="alignwide" style="font-size:clamp(4rem, 8vw, 7.5rem);font-weight:300;line-height:1.15">' . wp_kses_post( __( '<em>Watching Birds </em><br><em>in the Garden</em>', 'twentytwentytwo' ) ) . '</h2> | ||
| <!-- /wp:heading --></div> | ||
| <!-- /wp:group --> | ||
| <!-- wp:image {"align":"full","style":{"color":{}}} --> | ||
| <figure class="wp-block-image alignfull"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/img/patterns/watching-birds.png" alt="' . esc_attr__( 'TBD', 'twentytwentytwo' ) . '"/></figure> | ||
| <!-- /wp:image --> | ||
| <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"2rem","bottom":"8rem","right":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)"}}},"layout":{"inherit":true}} --> | ||
| <div class="wp-block-group alignfull" style="padding-top:2rem;padding-right:max(1.25rem, 5vw);padding-bottom:8rem;padding-left:max(1.25rem, 5vw)"> | ||
| <!-- wp:columns {"align":"wide"} --> | ||
| <div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"bottom","style":{"spacing":{"padding":{"bottom":"1em"}}}} --> | ||
| <div class="wp-block-column is-vertically-aligned-bottom" style="padding-bottom:1em"><!-- wp:site-logo {"width":60} /--></div> | ||
| <!-- /wp:column --> | ||
| <!-- wp:column {"verticalAlignment":"bottom"} --> | ||
| <div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:paragraph --> | ||
| <p>' . wp_kses_post( __( 'Oh hello. My name’s Angelo, and I operate this blog. I was born in Portland, but I currently live in upstate New York. You may recognize me from publications with names like <a href="#">Eagle Beagle</a> and <a href="#">Mourning Dive</a>. I write for a living.<br><br>I usually use this blog to catalog extensive lists of birds and other things that I find interesting. If you find an error with one of my lists, please keep it to yourself.<br><br>If that’s not your cup of tea, <a href="#">I definitely recommend this tea</a>. It’s my favorite.', 'twentytwentytwo' ) ) . '</p> | ||
| <!-- /wp:paragraph --></div> | ||
| <!-- /wp:column --></div> | ||
| <!-- /wp:columns --></div> | ||
| <!-- /wp:group -->', | ||
| ); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,65 @@ | ||
| <?php | ||
| /** | ||
| * Page layout with image, text and video. | ||
| */ | ||
| return array( | ||
| 'title' => __( 'Page layout with image, text and video', 'twentytwentytwo' ), | ||
| 'categories' => array( 'twentytwentytwo-pages' ), | ||
| 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"8rem","bottom":"8rem","left":"0px","right":"0px"}}},"backgroundColor":"primary","textColor":"background"} --> | ||
| <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background" style="padding-top:8rem;padding-bottom:8rem;padding-left:0px;padding-right:0px"><!-- wp:group {"align":"full","layout":{"inherit":true},"style":{"spacing":{"padding":{"left":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)"}}}} --> | ||
| <div class="wp-block-group alignfull" style="padding-left:max(1.25rem, 5vw);padding-right:max(1.25rem, 5vw)"><!-- wp:heading {"level":1,"align":"wide","style":{"typography":{"fontSize":"clamp(3rem, 6vw, 4.5rem)"}}} --> | ||
| <h1 class="alignwide" style="font-size:clamp(3rem, 6vw, 4.5rem)">' . wp_kses_post( __( '<em>Warble</em>, a film about <br>hobbyist bird watchers.', 'twentytwentytwo' ) ) . '</h1> | ||
| <!-- /wp:heading --> | ||
| <!-- wp:spacer {"height":50} --> | ||
| <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> | ||
| <!-- /wp:spacer --> | ||
| <!-- wp:columns {"align":"wide"} --> | ||
| <div class="wp-block-columns alignwide"><!-- wp:column {"width":"33.33%"} --> | ||
| <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:heading {"fontSize":"large"} --> | ||
| <h2 class="has-large-font-size">' . esc_html__( 'Screening', 'twentytwentytwo' ) . '</h2> | ||
| <!-- /wp:heading --> | ||
| <!-- wp:paragraph --> | ||
| <p>' . wp_kses_post( __( 'May 14th, 2022 @ 7:00PM<br>The Vintagé Theater,<br>245 Arden Rd.<br>Gardenville, NH', 'twentytwentytwo' ) ) . '</p> | ||
| <!-- /wp:paragraph --> | ||
| <!-- wp:buttons --> | ||
| <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"secondary","textColor":"primary"} --> | ||
| <div class="wp-block-button"><a class="wp-block-button__link has-primary-color has-secondary-background-color has-text-color has-background">' . esc_html__( 'Buy Tickets', 'twentytwentytwo' ) . '</a></div> | ||
| <!-- /wp:button --></div> | ||
| <!-- /wp:buttons --></div> | ||
| <!-- /wp:column --> | ||
| <!-- wp:column {"width":"66.66%"} --> | ||
| <div class="wp-block-column" style="flex-basis:66.66%"></div> | ||
| <!-- /wp:column --></div> | ||
| <!-- /wp:columns --></div> | ||
| <!-- /wp:group --> | ||
| <!-- wp:image {"align":"full","style":{"color":{}}} --> | ||
| <figure class="wp-block-image alignfull"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/img/patterns/warble.png" alt="' . esc_attr__( 'An illustration of a bird in flight', 'twentytwentytwo' ) . '"/></figure> | ||
| <!-- /wp:image --> | ||
| <!-- wp:group {"align":"full","layout":{"inherit":true},"style":{"spacing":{"padding":{"left":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)"}}}} --> | ||
| <div class="wp-block-group alignfull" style="padding-left:max(1.25rem, 5vw);padding-right:max(1.25rem, 5vw)"><!-- wp:columns {"align":"wide"} --> | ||
| <div class="wp-block-columns alignwide"><!-- wp:column {"width":"33.33%"} --> | ||
| <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:heading {"fontSize":"large"} --> | ||
| <h2 class="has-large-font-size">' . esc_html__( 'Extended Trailer', 'twentytwentytwo' ) . '</h2> | ||
| <!-- /wp:heading --> | ||
| <!-- wp:paragraph --> | ||
| <p>' . esc_html__( 'Oh hello. My name’s Angelo, and you’ve found your way to my blog. I write about a range of topics, but lately I’ve been sharing my hopes for next year.', 'twentytwentytwo' ) . '</p> | ||
| <!-- /wp:paragraph --></div> | ||
| <!-- /wp:column --> | ||
| <!-- wp:column {"width":"66.66%"} --> | ||
| <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:video {"id":181} --> | ||
| <figure class="wp-block-video"><video controls src="' . esc_url( get_template_directory_uri() ) . '/assets/img/patterns/birds.mp4"></video></figure> | ||
| <!-- /wp:video --></div> | ||
| <!-- /wp:column --></div> | ||
| <!-- /wp:columns --></div> | ||
| <!-- /wp:group --></div> | ||
| <!-- /wp:group -->', | ||
| ); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,73 @@ | ||
| <?php | ||
| /** | ||
| * Page layout with two columns. | ||
| */ | ||
| return array( | ||
| 'title' => __( 'Page layout with two columns', 'twentytwentytwo' ), | ||
| 'categories' => array( 'twentytwentytwo-pages' ), | ||
| 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"8rem","bottom":"8rem","right":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)"}}},"layout":{"inherit":true}} --> | ||
| <div class="wp-block-group alignfull" style="padding-top:8rem;padding-right:max(1.25rem, 5vw);padding-bottom:8rem;padding-left:max(1.25rem, 5vw)"><!-- wp:heading {"level":1,"align":"wide","style":{"typography":{"fontSize":"clamp(4rem, 15vw, 12.5rem)","lineHeight":"1","fontWeight":"200"}}} --> | ||
| <h1 class="alignwide" style="font-size:clamp(4rem, 15vw, 12.5rem);font-weight:200;line-height:1">' . wp_kses_post( __( '<em>Goldfinch </em><br><em>& Sparrow</em>', 'twentytwentytwo' ) ) . '</h1> | ||
| <!-- /wp:heading --> | ||
| <!-- wp:spacer {"height":50} --> | ||
| <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> | ||
| <!-- /wp:spacer --> | ||
| <!-- wp:group {"align":"wide","layout":{"inherit":false}} --> | ||
| <div class="wp-block-group alignwide"><!-- wp:columns --> | ||
| <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"20%"} --> | ||
| <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:paragraph --> | ||
| <p>' . esc_html__( 'WELCOME', 'twentytwentytwo' ) . '</p> | ||
| <!-- /wp:paragraph --></div> | ||
| <!-- /wp:column --> | ||
| <!-- wp:column {"verticalAlignment":"center","width":"80%"} --> | ||
| <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:80%"><!-- wp:separator {"className":"is-style-wide"} --> | ||
| <hr class="wp-block-separator is-style-wide"/> | ||
| <!-- /wp:separator --></div> | ||
| <!-- /wp:column --></div> | ||
| <!-- /wp:columns --></div> | ||
| <!-- /wp:group --> | ||
| <!-- wp:columns {"align":"wide"} --> | ||
| <div class="wp-block-columns alignwide"><!-- wp:column --> | ||
| <div class="wp-block-column"><!-- wp:paragraph --> | ||
| <p>' . wp_kses_post( __( 'Oh hello. My name’s Angelo, and I operate this blog. I was born in Portland, but I currently live in upstate New York. You may recognize me from publications with names like <a href="#">Eagle Beagle</a> and <a href="#">Mourning Dive</a>. I write for a living.<br><br>I usually use this blog to catalog extensive lists of birds and other things that I find interesting. If you find an error with one of my lists, please keep it to yourself.<br><br>If that’s not your cup of tea, <a href="#">I definitely recommend this tea</a>. It’s my favorite.', 'twentytwentytwo' ) ) . '</p> | ||
| <!-- /wp:paragraph --></div> | ||
| <!-- /wp:column --> | ||
| <!-- wp:column --> | ||
| <div class="wp-block-column"></div> | ||
| <!-- /wp:column --></div> | ||
| <!-- /wp:columns --> | ||
| <!-- wp:spacer --> | ||
| <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> | ||
| <!-- /wp:spacer --> | ||
| <!-- wp:columns {"align":"wide"} --> | ||
| <div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center"} --> | ||
| <div class="wp-block-column is-vertically-aligned-center"><!-- wp:separator {"className":"is-style-wide"} --> | ||
| <hr class="wp-block-separator is-style-wide"/> | ||
| <!-- /wp:separator --></div> | ||
| <!-- /wp:column --> | ||
| <!-- wp:column {"verticalAlignment":"center"} --> | ||
| <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph --> | ||
| <p>' . esc_html__( 'POSTS', 'twentytwentytwo' ) . '</p> | ||
| <!-- /wp:paragraph --></div> | ||
| <!-- /wp:column --></div> | ||
| <!-- /wp:columns --> | ||
| <!-- wp:columns {"align":"wide"} --> | ||
| <div class="wp-block-columns alignwide"><!-- wp:column --> | ||
| <div class="wp-block-column"></div> | ||
| <!-- /wp:column --> | ||
| <!-- wp:column --> | ||
| <div class="wp-block-column"><!-- wp:latest-posts /--></div> | ||
| <!-- /wp:column --></div> | ||
| <!-- /wp:columns --></div> | ||
| <!-- /wp:group -->', | ||
| ); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters