diff options
Diffstat (limited to 'wp-content/themes/twentytwentytwo/inc')
67 files changed, 2716 insertions, 0 deletions
diff --git a/wp-content/themes/twentytwentytwo/inc/block-patterns.php b/wp-content/themes/twentytwentytwo/inc/block-patterns.php new file mode 100644 index 0000000..ce5e331 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/block-patterns.php @@ -0,0 +1,135 @@ +<?php +/** + * Twenty Twenty-Two: Block Patterns + * + * @since Twenty Twenty-Two 1.0 + */ + +/** + * Registers block patterns and categories. + * + * @since Twenty Twenty-Two 1.0 + * + * @return void + */ +function twentytwentytwo_register_block_patterns() { + $block_pattern_categories = array( + 'featured' => array( 'label' => __( 'Featured', 'twentytwentytwo' ) ), + 'footer' => array( 'label' => __( 'Footers', 'twentytwentytwo' ) ), + 'header' => array( 'label' => __( 'Headers', 'twentytwentytwo' ) ), + 'query' => array( 'label' => __( 'Query', 'twentytwentytwo' ) ), + 'pages' => array( 'label' => __( 'Pages', 'twentytwentytwo' ) ), + ); + + /** + * Filters the theme block pattern categories. + * + * @since Twenty Twenty-Two 1.0 + * + * @param array[] $block_pattern_categories { + * An associative array of block pattern categories, keyed by category name. + * + * @type array[] $properties { + * An array of block category properties. + * + * @type string $label A human-readable label for the pattern category. + * } + * } + */ + $block_pattern_categories = apply_filters( 'twentytwentytwo_block_pattern_categories', $block_pattern_categories ); + + foreach ( $block_pattern_categories as $name => $properties ) { + if ( ! WP_Block_Pattern_Categories_Registry::get_instance()->is_registered( $name ) ) { + register_block_pattern_category( $name, $properties ); + } + } + + $block_patterns = array( + 'footer-default', + 'footer-dark', + 'footer-logo', + 'footer-navigation', + 'footer-title-tagline-social', + 'footer-social-copyright', + 'footer-navigation-copyright', + 'footer-about-title-logo', + 'footer-query-title-citation', + 'footer-query-images-title-citation', + 'footer-blog', + 'general-subscribe', + 'general-featured-posts', + 'general-layered-images-with-duotone', + 'general-wide-image-intro-buttons', + 'general-large-list-names', + 'general-video-header-details', + 'general-list-events', + 'general-two-images-text', + 'general-image-with-caption', + 'general-video-trailer', + 'general-pricing-table', + 'general-divider-light', + 'general-divider-dark', + 'header-default', + 'header-large-dark', + 'header-small-dark', + 'header-image-background', + 'header-image-background-overlay', + 'header-with-tagline', + 'header-text-only-green-background', + 'header-text-only-salmon-background', + 'header-title-and-button', + 'header-text-only-with-tagline-black-background', + 'header-logo-navigation-gray-background', + 'header-logo-navigation-social-black-background', + 'header-title-navigation-social', + 'header-logo-navigation-offset-tagline', + 'header-stacked', + 'header-centered-logo', + 'header-centered-logo-black-background', + 'header-centered-title-navigation-social', + 'header-title-and-button', + 'hidden-404', + 'hidden-bird', + 'hidden-heading-and-bird', + 'page-about-media-left', + 'page-about-simple-dark', + 'page-about-media-right', + 'page-about-solid-color', + 'page-about-links', + 'page-about-links-dark', + 'page-about-large-image-and-buttons', + 'page-layout-image-and-text', + 'page-layout-image-text-and-video', + 'page-layout-two-columns', + 'page-sidebar-poster', + 'page-sidebar-grid-posts', + 'page-sidebar-blog-posts', + 'page-sidebar-blog-posts-right', + 'query-default', + 'query-simple-blog', + 'query-grid', + 'query-text-grid', + 'query-image-grid', + 'query-large-titles', + 'query-irregular-grid', + ); + + /** + * Filters the theme block patterns. + * + * @since Twenty Twenty-Two 1.0 + * + * @param array $block_patterns List of block patterns by name. + */ + $block_patterns = apply_filters( 'twentytwentytwo_block_patterns', $block_patterns ); + + foreach ( $block_patterns as $block_pattern ) { + $pattern_file = get_theme_file_path( '/inc/patterns/' . $block_pattern . '.php' ); + + register_block_pattern( + 'twentytwentytwo/' . $block_pattern, + require $pattern_file + ); + } +} +add_action( 'init', 'twentytwentytwo_register_block_patterns', 9 ); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-about-title-logo.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-about-title-logo.php new file mode 100644 index 0000000..dab9b04 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-about-title-logo.php @@ -0,0 +1,32 @@ +<?php +/** + * Footer with text, title, and logo + */ +return array( + 'title' => __( 'Footer with text, title, and logo', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","bottom":"6rem"}}},"backgroundColor":"secondary","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-secondary-background-color has-background" style="padding-top:var(--wp--custom--spacing--large, 8rem);padding-bottom:6rem"><!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column {"width":"33%"} --> + <div class="wp-block-column" style="flex-basis:33%"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} --> + <p style="text-transform:uppercase">' . esc_html__( 'About us', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:paragraph {"style":{"fontSize":"small"} --> + <p class="has-small-font-size">' . esc_html__( 'We are a rogue collective of bird watchers. We’ve been known to sneak through fences, climb perimeter walls, and generally trespass in order to observe the rarest of birds.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":180} --> + <div style="height:180px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:site-title {"level":0} /--></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"bottom"} --> + <div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:site-logo {"align":"right","width":60} /--></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-blog.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-blog.php new file mode 100644 index 0000000..c1306cb --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-blog.php @@ -0,0 +1,55 @@ +<?php +/** + * Blog footer + */ +return array( + 'title' => __( 'Blog footer', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--spacing--large, 8rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column --> + <div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} --> + <p style="text-transform:uppercase">' . esc_html__( 'About us', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:paragraph --> + <p>' . esc_html__( 'We are a rogue collective of bird watchers. We’ve been known to sneak through fences, climb perimeter walls, and generally trespass in order to observe the rarest of birds.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} --> + <p style="text-transform:uppercase">' . esc_html__( 'Latest posts', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:latest-posts /--></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} --> + <p style="text-transform:uppercase">' . esc_html__( 'Categories', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:categories /--></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:spacer {"height":50} --> + <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title {"level":0} /--> + + <!-- wp:paragraph {"align":"right"} --> + <p class="has-text-align-right">' . + sprintf( + /* Translators: WordPress link. */ + esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ), + '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>' + ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-dark.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-dark.php new file mode 100644 index 0000000..b2ec362 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-dark.php @@ -0,0 +1,23 @@ +<?php +/** + * Dark footer with title and citation + */ +return array( + 'title' => __( 'Dark footer with title and citation', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide"><!-- wp:site-title {"level":0} /--> + + <!-- wp:paragraph {"align":"right"} --> + <p class="has-text-align-right">' . + sprintf( + /* Translators: WordPress link. */ + esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ), + '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>' + ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-default.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-default.php new file mode 100644 index 0000000..3682643 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-default.php @@ -0,0 +1,23 @@ +<?php +/** + * Default footer + */ +return array( + 'title' => __( 'Default footer', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title {"level":0} /--> + + <!-- wp:paragraph {"align":"right"} --> + <p class="has-text-align-right">' . + sprintf( + /* Translators: WordPress link. */ + esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ), + '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>' + ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-logo.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-logo.php new file mode 100644 index 0000000..caa44e8 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-logo.php @@ -0,0 +1,23 @@ +<?php +/** + * Default footer with logo + */ +return array( + 'title' => __( 'Footer with logo and citation', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-logo {"width":60} /--> + + <!-- wp:paragraph {"align":"right"} --> + <p class="has-text-align-right">' . + sprintf( + /* Translators: WordPress link. */ + esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ), + '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>' + ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-navigation-copyright.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-navigation-copyright.php new file mode 100644 index 0000000..d0b5542 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-navigation-copyright.php @@ -0,0 +1,24 @@ +<?php +/** + * Footer with navigation and copyright + */ +return array( + 'title' => __( 'Footer with navigation and copyright', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}}} --> + <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"center"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --> + + <!-- wp:spacer {"height":50} --> + <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"16px"}}} --> + <p class="has-text-align-center" style="font-size:16px">' . esc_html__( '© Site Title', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-navigation.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-navigation.php new file mode 100644 index 0000000..79792c7 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-navigation.php @@ -0,0 +1,25 @@ +<?php +/** + * Footer with navigation and citation + */ +return array( + 'title' => __( 'Footer with navigation and citation', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:navigation --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --> + + <!-- wp:paragraph {"align":"right"} --> + <p class="has-text-align-right">' . + sprintf( + /* Translators: WordPress link. */ + esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ), + '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>' + ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-query-images-title-citation.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-query-images-title-citation.php new file mode 100644 index 0000000..a79c1d4 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-query-images-title-citation.php @@ -0,0 +1,41 @@ +<?php +/** + * Footer with query, featured images, title, and citation + */ +return array( + 'title' => __( 'Footer with query, featured images, title, and citation', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"flex","columns":3},"align":"wide"} --> + <div class="wp-block-query alignwide"><!-- wp:post-template --> + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --> + + <!-- wp:spacer --> + <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title {"level":0} /--> + <!-- wp:group {"layout":{"type":"flex","justifyContent":"right"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph --> + <p>' . + sprintf( + /* Translators: WordPress link. */ + esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ), + '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>' + ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:group --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-query-title-citation.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-query-title-citation.php new file mode 100644 index 0000000..13bb43d --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-query-title-citation.php @@ -0,0 +1,39 @@ +<?php +/** + * Footer with query, title, and citation + */ +return array( + 'title' => __( 'Footer with query, title, and citation', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"primary","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background has-link-color" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"flex","columns":3},"align":"wide"} --> + <div class="wp-block-query alignwide"><!-- wp:post-template --> + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"isLink":true} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --> + + <!-- wp:spacer --> + <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title {"level":0} /--> + <!-- wp:group {"layout":{"type":"flex","justifyContent":"right"}} --> + <div class="wp-block-group"> + <!-- wp:paragraph --> + <p>' . + sprintf( + /* Translators: WordPress link. */ + esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ), + '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>' + ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:group --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-social-copyright.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-social-copyright.php new file mode 100644 index 0000000..0c7e4ae --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-social-copyright.php @@ -0,0 +1,28 @@ +<?php +/** + * Footer with social links and copyright + */ +return array( + 'title' => __( 'Footer with social links and copyright', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}}} --> + <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:social-links {"iconColor":"foreground","iconColorValue":"var(--wp--preset--color--foreground)","iconBackgroundColor":"background","iconBackgroundColorValue":"var(--wp--preset--color--background)","layout":{"type":"flex","justifyContent":"center"}} --> + <ul class="wp-block-social-links has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> + <!-- /wp:social-links --> + + <!-- wp:spacer {"height":50} --> + <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"16px"}}} --> + <p class="has-text-align-center" style="font-size:16px">' . esc_html__( '© Site Title', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/footer-title-tagline-social.php b/wp-content/themes/twentytwentytwo/inc/patterns/footer-title-tagline-social.php new file mode 100644 index 0000000..84d888b --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/footer-title-tagline-social.php @@ -0,0 +1,26 @@ +<?php +/** + * Footer with title, tagline, and social links on a dark background + */ +return array( + 'title' => __( 'Footer with title, tagline, and social links on a dark background', 'twentytwentytwo' ), + 'categories' => array( 'footer' ), + 'blockTypes' => array( 'core/template-part/footer' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:group --> + <div class="wp-block-group"><!-- wp:site-title {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"textTransform":"uppercase"}}} /--> + + <!-- wp:site-tagline {"style":{"spacing":{"margin":{"top":"0.25em","bottom":"0px"}},"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div> + <!-- /wp:group --> + + <!-- wp:social-links {"iconBackgroundColor":"foreground","iconBackgroundColorValue":"var(--wp--preset--color--foreground)","layout":{"type":"flex","justifyContent":"right"}} --> + <ul class="wp-block-social-links has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> + <!-- /wp:social-links --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-divider-dark.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-divider-dark.php new file mode 100644 index 0000000..3255e9d --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-divider-dark.php @@ -0,0 +1,13 @@ +<?php +/** + * Divider with image and color (dark) block pattern + */ +return array( + 'title' => __( 'Divider with image and color (dark)', 'twentytwentytwo' ), + 'categories' => array( 'featured' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"1rem","right":"0px","bottom":"1rem","left":"0px"}}},"backgroundColor":"primary"} --> + <div class="wp-block-group alignfull has-primary-background-color has-background" style="padding-top:1rem;padding-right:0px;padding-bottom:1rem;padding-left:0px"><!-- wp:image {"id":473,"width":3001,"height":246,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/divider-white.png" alt="" class="wp-image-473" width="3001" height="246"/></figure> + <!-- /wp:image --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-divider-light.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-divider-light.php new file mode 100644 index 0000000..a29b825 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-divider-light.php @@ -0,0 +1,13 @@ +<?php +/** + * Divider with image and color (light) block pattern + */ +return array( + 'title' => __( 'Divider with image and color (light)', 'twentytwentytwo' ), + 'categories' => array( 'featured' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"1rem","right":"0px","bottom":"1rem","left":"0px"}}},"backgroundColor":"secondary"} --> + <div class="wp-block-group alignfull has-secondary-background-color has-background" style="padding-top:1rem;padding-right:0px;padding-bottom:1rem;padding-left:0px"><!-- wp:image {"id":473,"width":3001,"height":246,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/divider-black.png" alt="" class="wp-image-473" width="3001" height="246"/></figure> + <!-- /wp:image --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-featured-posts.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-featured-posts.php new file mode 100644 index 0000000..55cbdfd --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-featured-posts.php @@ -0,0 +1,25 @@ +<?php +/** + * Featured posts block pattern + */ +return array( + 'title' => __( 'Featured posts', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'query' ), + 'content' => '<!-- wp:group {"align":"wide","layout":{"inherit":false}} --> + <div class="wp-block-group alignwide"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} --> + <p style="text-transform:uppercase">' . esc_html__( 'Latest posts', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"displayLayout":{"type":"flex","columns":3}} --> + <div class="wp-block-query"><!-- wp:post-template --> + <!-- wp:post-featured-image {"isLink":true,"width":"","height":"310px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-image-with-caption.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-image-with-caption.php new file mode 100644 index 0000000..0870da3 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-image-with-caption.php @@ -0,0 +1,19 @@ +<?php +/** + * Image with caption block pattern + */ +return array( + 'title' => __( 'Image with caption', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'columns', 'gallery' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"6rem","bottom":"6rem"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"primary","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background has-link-color" style="padding-top:6rem;padding-bottom:6rem"><!-- wp:media-text {"mediaId":202,"mediaLink":"' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-gray.jpg","mediaType":"image","verticalAlignment":"bottom","imageFill":false} --> + <div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-bottom"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-gray.jpg" alt="' . esc_attr__( 'Hummingbird illustration', 'twentytwentytwo' ) . '" class="wp-image-202 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph --> + <p><strong>' . esc_html__( 'Hummingbird', 'twentytwentytwo' ) . '</strong></p> + <!-- /wp:paragraph --> + + <!-- wp:paragraph --> + <p>' . esc_html__( 'A beautiful bird featuring a surprising set of color feathers.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div></div> + <!-- /wp:media-text --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-large-list-names.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-large-list-names.php new file mode 100644 index 0000000..d7bd816 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-large-list-names.php @@ -0,0 +1,35 @@ +<?php +/** + * Large list of names block pattern + */ +return array( + 'title' => __( 'Large list of names', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'text' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"6rem","bottom":"6rem"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"backgroundColor":"tertiary","textColor":"primary","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-primary-color has-tertiary-background-color has-text-color has-background has-link-color" style="padding-top:6rem;padding-bottom:6rem"><!-- wp:group {"align":"wide"} --> + <div class="wp-block-group alignwide"><!-- wp:image {"width":175,"height":82,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/icon-binoculars.png" alt="' . esc_attr__( 'An icon representing binoculars.', 'twentytwentytwo' ) . '" width="175" height="82"/></figure> + <!-- /wp:image --></div> + <!-- /wp:group --> + + <!-- wp:group {"align":"wide"} --> + <div class="wp-block-group alignwide"><!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:paragraph {"style":{"typography":{"fontWeight":"300"}},"fontSize":"x-large"} --> + <p class="has-x-large-font-size" style="font-weight:300">' . esc_html__( 'Jesús Rodriguez, Doug Stilton, Emery Driscoll, Megan Perry, Rowan Price, Angelo Tso, Edward Stilton, Amy Jensen, Boston Bell, Shay Ford, Lee Cunningham, Evelynn Ray, Landen Reese, Ewan Hart, Jenna Chan, Phoenix Murray, Mel Saunders, Aldo Davidson, Zain Hall.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"primary","textColor":"background"} --> + <div class="wp-block-button"><a class="wp-block-button__link has-background-color has-primary-background-color has-text-color has-background">' . esc_html__( 'Read more', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-layered-images-with-duotone.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-layered-images-with-duotone.php new file mode 100644 index 0000000..629a0a2 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-layered-images-with-duotone.php @@ -0,0 +1,13 @@ +<?php +/** + * Layered images with duotone block pattern + */ +return array( + 'title' => __( 'Layered images with duotone', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'gallery' ), + 'content' => '<!-- wp:cover {"url":"' . esc_url( get_template_directory_uri() ) . '/assets/images/ducks.jpg","dimRatio":0,"minHeight":666,"contentPosition":"center center","isDark":false,"align":"wide","style":{"spacing":{"padding":{"top":"1em","right":"1em","bottom":"1em","left":"1em"}},"color":{"duotone":["#000000","#FFFFFF"]}}} --> + <div class="wp-block-cover alignwide is-light" style="padding-top:1em;padding-right:1em;padding-bottom:1em;padding-left:1em;min-height:666px"><span aria-hidden="true" class="has-background-dim-0 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="' . esc_attr__( 'Painting of ducks in the water.', 'twentytwentytwo' ) . '" src="' . esc_url( get_template_directory_uri() ) . '/assets/images/ducks.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:image {"align":"center","width":384,"height":580,"sizeSlug":"large"} --> + <div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-salmon.jpg" alt="' . esc_attr__( 'Illustration of a flying bird.', 'twentytwentytwo' ) . '" width="384" height="580"/></figure></div> + <!-- /wp:image --></div></div> + <!-- /wp:cover -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-list-events.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-list-events.php new file mode 100644 index 0000000..af680dc --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-list-events.php @@ -0,0 +1,133 @@ +<?php +/** + * List of events block pattern + */ +return array( + 'title' => __( 'List of events', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'text' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","bottom":"var(--wp--custom--spacing--large, 8rem)"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"primary","textColor":"background"} --> + <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--large, 8rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:heading {"align":"wide","style":{"typography":{"fontSize":"clamp(3.25rem, 8vw, 6.25rem)","lineHeight":"1.15"},"spacing":{"margin":{"bottom":"2rem"}}}} --> + <h2 class="alignwide" style="font-size:clamp(3.25rem, 8vw, 6.25rem);line-height:1.15;margin-bottom:2rem"><em>' . esc_html__( 'Speaker Series', 'twentytwentytwo' ) . '</em></h2> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:separator {"color":"background","align":"wide","className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide has-text-color has-background has-background-background-color has-background-color is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:columns {"verticalAlignment":"center","align":"wide"} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"210px"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:210px"><!-- wp:paragraph --> + <p>' . esc_html__( 'May 14th, 2022, 6 PM', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"fontSize":"x-large"} --> + <h2 class="has-x-large-font-size" id="jesus-rodriguez">' . esc_html__( 'Jesús Rodriguez', 'twentytwentytwo' ) . '</h2> + <!-- /wp:heading --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph --> + <p>' . wp_kses_post( __( 'The Vintagé Theater<br>245 Arden Rd.<br>Gardenville, NH', 'twentytwentytwo' ) ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:separator {"color":"background","align":"wide","className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide has-text-color has-background has-background-background-color has-background-color is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:columns {"verticalAlignment":"center","align":"wide"} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"210px"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:210px"><!-- wp:paragraph --> + <p>' . esc_html__( 'May 16th, 2022, 6 PM', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"fontSize":"x-large"} --> + <h2 class="has-x-large-font-size" id="jesus-rodriguez">' . esc_html__( 'Doug Stilton', 'twentytwentytwo' ) . '</h2> + <!-- /wp:heading --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph --> + <p>' . wp_kses_post( __( 'The Swell Theater<br>120 River Rd.<br>Rainfall, NH', 'twentytwentytwo' ) ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:separator {"color":"background","align":"wide","className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide has-text-color has-background has-background-background-color has-background-color is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:columns {"verticalAlignment":"center","align":"wide"} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"210px"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:210px"><!-- wp:paragraph --> + <p>' . esc_html__( 'May 18th, 2022, 7 PM', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"fontSize":"x-large"} --> + <h2 class="has-x-large-font-size" id="jesus-rodriguez">' . esc_html__( 'Amy Jensen', 'twentytwentytwo' ) . '</h2> + <!-- /wp:heading --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph --> + <p>' . wp_kses_post( __( 'The Vintagé Theater<br>245 Arden Rd.<br>Gardenville, NH', 'twentytwentytwo' ) ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:separator {"color":"background","align":"wide","className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide has-text-color has-background has-background-background-color has-background-color is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:columns {"verticalAlignment":"center","align":"wide"} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"210px"} --> + <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:210px"><!-- wp:paragraph --> + <p>' . esc_html__( 'May 20th, 2022, 6 PM', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"fontSize":"x-large"} --> + <h2 class="has-x-large-font-size" id="jesus-rodriguez">' . esc_html__( 'Emery Driscoll', 'twentytwentytwo' ) . '</h2> + <!-- /wp:heading --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph --> + <p>' . wp_kses_post( __( 'The Swell Theater<br>120 River Rd.<br>Rainfall, NH', 'twentytwentytwo' ) ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:separator {"color":"background","align":"wide","className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide has-text-color has-background has-background-background-color has-background-color is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:group {"align":"wide"} --> + <div class="wp-block-group alignwide"><!-- wp:social-links {"iconColor":"background","iconColorValue":"var(--wp--preset--color--background)","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"right"}} --> + <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"wordpress"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--></ul> + <!-- /wp:social-links --></div> + <!-- /wp:group --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-pricing-table.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-pricing-table.php new file mode 100644 index 0000000..b385edd --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-pricing-table.php @@ -0,0 +1,93 @@ +<?php +/** + * Pricing table block pattern + */ +return array( + 'title' => __( 'Pricing table', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'columns', 'buttons' ), + 'content' => '<!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column --> + <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} --> + <hr class="wp-block-separator is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:heading {"style":{"typography":{"fontSize":"var(--wp--custom--typography--font-size--gigantic, clamp(2.75rem, 6vw, 3.25rem))","lineHeight":"0.5"}}} --> + <h2 id="1" style="font-size:var(--wp--custom--typography--font-size--gigantic, clamp(2.75rem, 6vw, 3.25rem));line-height:0.5">' . esc_html( _x( '1', 'First item in a numbered list.', 'twentytwentytwo' ) ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:heading {"level":3,"fontSize":"x-large"} --> + <h3 class="has-x-large-font-size" id="pigeon"><em>' . esc_html__( 'Pigeon', 'twentytwentytwo' ) . '</em></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph --> + <p>' . esc_html__( 'Help support our growing community by joining at the Pigeon level. Your support will help pay our writers, and you’ll get access to our exclusive newsletter.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground","width":100} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-foreground-background-color has-background">' . esc_html__( '$25', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} --> + <hr class="wp-block-separator is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:heading {"style":{"typography":{"fontSize":"clamp(2.75rem, 6vw, 3.25rem)","lineHeight":"0.5"}}} --> + <h2 id="2" style="font-size:clamp(2.75rem, 6vw, 3.25rem);line-height:0.5">' . esc_html( _x( '2', 'Second item in a numbered list.', 'twentytwentytwo' ) ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:heading {"level":3,"fontSize":"x-large"} --> + <h3 class="has-x-large-font-size" id="sparrow"><meta charset="utf-8"><em>' . esc_html__( 'Sparrow', 'twentytwentytwo' ) . '</em></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph --> + <p>' . esc_html__( 'Join at the Sparrow level and become a member of our flock! You’ll receive our newsletter, plus a bird pin that you can wear with pride when you’re out in nature.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground","width":100} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-foreground-background-color has-background">' . esc_html__( '$75', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} --> + <hr class="wp-block-separator is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:heading {"style":{"typography":{"fontSize":"clamp(2.75rem, 6vw, 3.25rem)","lineHeight":"0.5"}}} --> + <h2 id="3" style="font-size:clamp(2.75rem, 6vw, 3.25rem);line-height:0.5">' . esc_html( _x( '3', 'Third item in a numbered list.', 'twentytwentytwo' ) ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:heading {"level":3,"fontSize":"x-large"} --> + <h3 class="has-x-large-font-size" id="falcon"><meta charset="utf-8"><em>' . esc_html__( 'Falcon', 'twentytwentytwo' ) . '</em></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph --> + <p>' . esc_html__( 'Play a leading role for our community by joining at the Falcon level. This level earns you a seat on our board, where you can help plan future birdwatching expeditions.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground","width":100} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-foreground-background-color has-background">' . esc_html__( '$150', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --></div> + <!-- /wp:column --></div> + <!-- /wp:columns -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-subscribe.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-subscribe.php new file mode 100644 index 0000000..34137cd --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-subscribe.php @@ -0,0 +1,27 @@ +<?php +/** + * Subscribe callout block pattern + */ +return array( + 'title' => __( 'Subscribe callout', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'buttons' ), + 'content' => '<!-- wp:columns {"verticalAlignment":"center","align":"wide"} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading --> + <h2>' . wp_kses_post( __( 'Watch birds<br>from your inbox', 'twentytwentytwo' ) ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"fontSize":"medium"} --> + <div class="wp-block-button has-custom-font-size has-medium-font-size"><a class="wp-block-button__link">' . esc_html__( 'Join our mailing list', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"2rem","bottom":"2rem"}}}} --> + <div class="wp-block-column is-vertically-aligned-center" style="padding-top:2rem;padding-bottom:2rem"><!-- wp:separator {"color":"primary","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/> + <!-- /wp:separator --></div> + <!-- /wp:column --></div> + <!-- /wp:columns -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-two-images-text.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-two-images-text.php new file mode 100644 index 0000000..5534b6f --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-two-images-text.php @@ -0,0 +1,47 @@ +<?php +/** + * Two images with text block pattern + */ +return array( + 'title' => __( 'Two images with text', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'columns', 'gallery' ), + 'content' => '<!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column {"style":{"spacing":{"padding":{"top":"0rem","right":"0rem","bottom":"0rem","left":"0rem"}}}} --> + <div class="wp-block-column" style="padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem"><!-- wp:image {"width":984,"height":1426,"sizeSlug":"large"} --> + <figure class="wp-block-image size-large is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-salmon.jpg" alt="' . esc_attr__( 'Illustration of a bird sitting on a branch.', 'twentytwentytwo' ) . '" width="984" height="1426"/></figure> + <!-- /wp:image --></div> + <!-- /wp:column --> + + <!-- wp:column {"style":{"spacing":{"padding":{"top":"0rem","right":"0rem","bottom":"0rem","left":"0rem"}}}} --> + <div class="wp-block-column" style="padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem"><!-- wp:image {"width":984,"height":1426,"sizeSlug":"large"} --> + <figure class="wp-block-image size-large is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-green.jpg" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '" width="984" height="1426"/></figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":30} --> + <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:heading {"fontSize":"x-large"} --> + <h2 class="has-x-large-font-size" id="screening">' . 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:spacer {"height":8} --> + <div style="height:8px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:spacer {"height":10} --> + <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground"} --> + <div class="wp-block-button"><a class="wp-block-button__link has-foreground-background-color has-background">' . esc_html__( 'Buy Tickets', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --></div> + <!-- /wp:columns -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-video-header-details.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-video-header-details.php new file mode 100644 index 0000000..3b15a52 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-video-header-details.php @@ -0,0 +1,47 @@ +<?php +/** + * Video with header and details block pattern + */ +return array( + 'title' => __( 'Video with header and details', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'columns' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","bottom":"var(--wp--custom--spacing--large, 8rem)"}},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"backgroundColor":"foreground","textColor":"secondary"} --> + <div class="wp-block-group alignfull has-secondary-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--large, 8rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:heading {"level":1,"align":"wide","style":{"typography":{"fontSize":"clamp(3rem, 6vw, 4.5rem)"}}} --> + <h1 class="alignwide" id="warble-a-film-about-hobbyist-bird-watchers-1" 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":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:video {"align":"wide"} --> + <figure class="wp-block-video alignwide"><video controls src="' . esc_url( get_template_directory_uri() ) . '/assets/videos/birds.mp4"></video></figure> + <!-- /wp:video --> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column {"width":"50%"} --> + <div class="wp-block-column" style="flex-basis:50%"><!-- wp:paragraph --> + <p><strong>' . esc_html__( 'Featuring', 'twentytwentytwo' ) . '</strong></p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:paragraph --> + <p>' . wp_kses_post( __( 'Jesús Rodriguez<br>Doug Stilton<br>Emery Driscoll<br>Megan Perry<br>Rowan Price', 'twentytwentytwo' ) ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:paragraph --> + <p>' . wp_kses_post( __( 'Angelo Tso<br>Edward Stilton<br>Amy Jensen<br>Boston Bell<br>Shay Ford', 'twentytwentytwo' ) ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-video-trailer.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-video-trailer.php new file mode 100644 index 0000000..22ed248 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-video-trailer.php @@ -0,0 +1,27 @@ +<?php +/** + * Video trailer block pattern + */ +return array( + 'title' => __( 'Video trailer', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'columns' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"spacing":{"padding":{"top":"6rem","bottom":"4rem"}}},"backgroundColor":"secondary","textColor":"foreground","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-foreground-color has-secondary-background-color has-text-color has-background has-link-color" style="padding-top:6rem;padding-bottom:4rem"><!-- 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":"x-large"} --> + <h2 class="has-x-large-font-size" id="extended-trailer">' . esc_html__( 'Extended Trailer', 'twentytwentytwo' ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:paragraph --> + <p>' . esc_html__( 'A film about hobbyist bird watchers, a catalog of different birds, paired with the noises they make. Each bird is listed by their scientific name so things seem more official.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --></div> + <!-- /wp:column --> + + <!-- wp:column {"width":"66.66%"} --> + <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:video --> + <figure class="wp-block-video"><video controls src="' . esc_url( get_template_directory_uri() ) . '/assets/videos/birds.mp4"></video></figure> + <!-- /wp:video --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-wide-image-intro-buttons.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-wide-image-intro-buttons.php new file mode 100644 index 0000000..373b0f4 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-wide-image-intro-buttons.php @@ -0,0 +1,41 @@ +<?php +/** + * Wide image with introduction and buttons block pattern + */ +return array( + 'title' => __( 'Wide image with introduction and buttons', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'columns' ), + 'content' => '<!-- wp:group {"align":"wide"} --> + <div class="wp-block-group alignwide"><!-- wp:image {"width":2100,"height":994,"sizeSlug":"large"} --> + <figure class="wp-block-image size-large is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-gray-a.jpg" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '" width="2100" height="994"/></figure> + <!-- /wp:image --> + + <!-- wp:columns {"verticalAlignment":null} --> + <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"bottom"} --> + <div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:heading {"style":{"typography":{"fontSize":"clamp(3.25rem, 8vw, 6.25rem)","lineHeight":"1.15"}}} --> + <h2 style="font-size:clamp(3.25rem, 8vw, 6.25rem);line-height:1.15"><em>' . wp_kses_post( __( 'Welcome to<br>the Aviary', 'twentytwentytwo' ) ) . '</em></h2> + <!-- /wp:heading --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"bottom","style":{"spacing":{"padding":{"bottom":"6rem"}}}} --> + <div class="wp-block-column is-vertically-aligned-bottom" style="padding-bottom:6rem"><!-- wp:paragraph --> + <p>' . esc_html__( 'A film about hobbyist bird watchers, a catalog of different birds, paired with the noises they make. Each bird is listed by their scientific name so things seem more official.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":20} --> + <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} --> + <div class="wp-block-button is-style-outline"><a class="wp-block-button__link">' . esc_html__( 'Learn More', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"className":"is-style-outline"} --> + <div class="wp-block-button is-style-outline"><a class="wp-block-button__link">' . esc_html__( 'Buy Tickets', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo-black-background.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo-black-background.php new file mode 100644 index 0000000..b10ed5b --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo-black-background.php @@ -0,0 +1,22 @@ +<?php +/** + * Header with centered logo and black background + */ +return array( + 'title' => __( 'Header with centered logo and background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--small, 1.25rem)","top":"var(--wp--custom--spacing--small, 1.25rem)"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"type":"flex","justifyContent":"center"}} --> + <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:navigation-link {"isTopLevelLink":true} /--> + + <!-- wp:navigation-link {"isTopLevelLink":true} /--> + + <!-- wp:site-logo {"width":90} /--> + + <!-- wp:navigation-link {"isTopLevelLink":true} /--> + + <!-- wp:navigation-link {"isTopLevelLink":true} /--> + <!-- /wp:navigation --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo.php new file mode 100644 index 0000000..a116c39 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-logo.php @@ -0,0 +1,26 @@ +<?php +/** + * Header with centered logo block pattern + */ +return array( + 'title' => __( 'Header with centered logo', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"backgroundColor":"primary","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem);"><!-- wp:columns {"verticalAlignment":"center","align":"wide"} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"400","textTransform":"uppercase"}}} /--></div> + <!-- /wp:column --> + + <!-- wp:column {"width":"64px"} --> + <div class="wp-block-column" style="flex-basis:64px"><!-- wp:site-logo {"width":64} /--></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-title-navigation-social.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-title-navigation-social.php new file mode 100644 index 0000000..cb1b310 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-centered-title-navigation-social.php @@ -0,0 +1,30 @@ +<?php +/** + * Centered header with navigation, social links, and salmon background block pattern + */ +return array( + 'title' => __( 'Centered header with navigation, social links, and background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"backgroundColor":"secondary","textColor":"primary","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-primary-color has-secondary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem);"><!-- wp:columns {"verticalAlignment":"center","align":"wide"} --> + <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left"}} --> + <!-- wp:page-list /--> + <!-- /wp:navigation --></div> + <!-- /wp:column --> + + <!-- wp:column {"width":""} --> + <div class="wp-block-column"><!-- wp:site-title {"textAlign":"center","style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700"}}} /--></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center"} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--custom--color--primary)","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"right"}} --> + <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"twitter"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> + <!-- /wp:social-links --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-default.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-default.php new file mode 100644 index 0000000..ff25793 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-default.php @@ -0,0 +1,23 @@ +<?php +/** + * Default header block pattern + */ +return array( + 'title' => __( 'Default header', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)","top":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"layout":{"type":"flex"}} --> + <div class="wp-block-group"> + <!-- wp:site-logo {"width":64} /--> + + <!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--></div> + <!-- /wp:group --> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-image-background-overlay.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-image-background-overlay.php new file mode 100644 index 0000000..55422aa --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-image-background-overlay.php @@ -0,0 +1,20 @@ +<?php +/** + * Header with image background and overlay block pattern + */ +return array( + 'title' => __( 'Header with image background and overlay', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:cover {"url":"' . esc_url( get_template_directory_uri() ) . '/assets/images/ducks.jpg","dimRatio":90,"overlayColor":"primary","focalPoint":{"x":"0.26","y":"0.34"},"minHeight":100,"minHeightUnit":"px","contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}},"color":{"duotone":["#000000","#ffffff"]}}} --> + <div class="wp-block-cover alignfull" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem);min-height:100px"><span aria-hidden="true" class="has-primary-background-color has-background-dim-90 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="' . esc_attr__( 'Painting of ducks in the water.', 'twentytwentytwo' ) . '" src="' . esc_url( get_template_directory_uri() ) . '/assets/images/ducks.jpg" style="object-position:26% 34%" data-object-fit="cover" data-object-position="26% 34%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0rem","top":"0px","right":"0px","left":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide has-background-color has-text-color has-link-color" style="padding-top:0px;padding-right:0px;padding-bottom:0rem;padding-left:0px"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /--> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div></div> + <!-- /wp:cover --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-image-background.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-image-background.php new file mode 100644 index 0000000..4afd36c --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-image-background.php @@ -0,0 +1,24 @@ +<?php +/** + * Header with image background block pattern + */ +return array( + 'title' => __( 'Header with image background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:cover {"url":"' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-gray-c.jpg","dimRatio":0,"focalPoint":{"x":"0.58","y":"0.58"},"minHeight":400,"contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--large, 8rem)"}},"color":{}}} --> + <div class="wp-block-cover alignfull" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem);min-height:400px"><span aria-hidden="true" class="has-background-dim-0 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="' . esc_attr__( 'Illustration of a flying bird', 'twentytwentytwo' ) . '" src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-gray-c.jpg" style="object-position:58% 58%" data-object-fit="cover" data-object-position="58% 58%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0rem","top":"0px","right":"0px","left":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground","layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide has-foreground-color has-text-color has-link-color" style="padding-top:0px;padding-right:0px;padding-bottom:0rem;padding-left:0px"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /--> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":500} --> + <div style="height:500px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --></div></div> + <!-- /wp:cover --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-large-dark.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-large-dark.php new file mode 100644 index 0000000..5e4fea6 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-large-dark.php @@ -0,0 +1,34 @@ +<?php +/** + * Large header with dark background block pattern + */ +return array( + 'title' => __( 'Large header with dark background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0px","bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:0px;padding-bottom:var(--wp--custom--spacing--large, 8rem);"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0px","bottom":"0px"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:0px;padding-bottom:0px;"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"layout":{"type":"flex"}} --> + <div class="wp-block-group"><!-- wp:site-logo {"width":64} /--> + + <!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--></div> + <!-- /wp:group --> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --> + + <!-- wp:heading {"align":"wide","style":{"typography":{"fontSize":"clamp(3.25rem, 8vw, 6.25rem)","lineHeight":"1.15"}}} --> + <h2 class="alignwide" style="font-size:clamp(3.25rem, 8vw, 6.25rem);line-height:1.15">' . wp_kses_post( __( '<em>The Hatchery</em>: a blog about my adventures in bird watching', 'twentytwentytwo' ) ) . '</h2> + <!-- /wp:heading --></div> + <!-- /wp:group --> + + <!-- wp:image {"align":"full","width":2400,"height":1020,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image alignfull size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-transparent-c.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '" width="2400" height="1020"/></figure> + <!-- /wp:image --></div> + <!-- /wp:group --><!-- wp:spacer {"height":66} --> + <div style="height:66px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-gray-background.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-gray-background.php new file mode 100644 index 0000000..3ddea75 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-gray-background.php @@ -0,0 +1,18 @@ +<?php +/** + * Logo and navigation header with gray background + */ +return array( + 'title' => __( 'Logo and navigation header with background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"backgroundColor":"tertiary","textColor":"foreground","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-foreground-color has-tertiary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0rem","top":"0px","right":"0px","left":"0px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:0px;padding-right:0px;padding-bottom:0rem;padding-left:0px"><!-- wp:site-logo {"width":64} /--> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-offset-tagline.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-offset-tagline.php new file mode 100644 index 0000000..299586f --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-offset-tagline.php @@ -0,0 +1,30 @@ +<?php +/** + * Logo, navigation, and offset tagline Header block pattern + */ +return array( + 'title' => __( 'Logo, navigation, and offset tagline Header', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)"}}}} --> + <div class="wp-block-group alignwide" style="padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:site-logo {"width":64} /--> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --> + + <!-- wp:columns {"isStackedOnMobile":false,"align":"wide"} --> + <div class="wp-block-columns alignwide is-not-stacked-on-mobile"><!-- wp:column {"width":"64px"} --> + <div class="wp-block-column" style="flex-basis:64px"></div> + <!-- /wp:column --> + + <!-- wp:column {"width":"380px"} --> + <div class="wp-block-column" style="flex-basis:380px"><!-- wp:site-tagline {"fontSize":"small"} /--></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-social-black-background.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-social-black-background.php new file mode 100644 index 0000000..c9b0f88 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-logo-navigation-social-black-background.php @@ -0,0 +1,24 @@ +<?php +/** + * Logo, navigation, and social links header with black background block pattern + */ +return array( + 'title' => __( 'Logo, navigation, and social links header with background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0rem","top":"0px","right":"0px","left":"0px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:0px;padding-right:0px;padding-bottom:0rem;padding-left:0px"><!-- wp:site-logo {"width":64} /--> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + + <!-- wp:social-links {"iconColor":"background","iconColorValue":"var(--wp--preset--color--background)","className":"is-style-logos-only"} --> + <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"instagram"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--></ul> + <!-- /wp:social-links --> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-small-dark.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-small-dark.php new file mode 100644 index 0000000..832f414 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-small-dark.php @@ -0,0 +1,31 @@ +<?php +/** + * Small header with dark background block pattern + */ +return array( + 'title' => __( 'Small header with dark background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0px","bottom":"0px"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:0px;padding-bottom:0px;"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0px","bottom":"0px"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:0px;padding-bottom:0px;"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"layout":{"type":"flex"}} --> + <div class="wp-block-group"><!-- wp:site-logo {"width":64} /--> + + <!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--></div> + <!-- /wp:group --> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group --> + + <!-- wp:image {"align":"wide","width":2000,"height":474,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image alignwide size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-transparent-d.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '" width="2000" height="474"/></figure> + <!-- /wp:image --></div> + <!-- /wp:group --> + <!-- wp:spacer {"height":66} --> + <div style="height:66px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-stacked.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-stacked.php new file mode 100644 index 0000000..bd36bbf --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-stacked.php @@ -0,0 +1,28 @@ +<?php +/** + * Logo and navigation header block pattern + */ +return array( + 'title' => __( 'Logo and navigation header', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)","top":"var(--wp--custom--spacing--small, 1.25rem)"}}}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:site-logo {"align":"center","width":128} /--> + + <!-- wp:spacer {"height":10} --> + <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:site-title {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400","textTransform":"uppercase"}}} /--> + + <!-- wp:spacer {"height":10} --> + <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"center"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-green-background.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-green-background.php new file mode 100644 index 0000000..468a696 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-green-background.php @@ -0,0 +1,22 @@ +<?php +/** + * Text-only header with green background block pattern + */ +return array( + 'title' => __( 'Text-only header with background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"backgroundColor":"primary","textColor":"background","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide"><!-- wp:group --> + <div class="wp-block-group"><!-- wp:site-title {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"700"}}} /--> + + <!-- wp:site-tagline {"style":{"spacing":{"margin":{"top":"0.25em","bottom":"0px"}},"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div> + <!-- /wp:group --> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-salmon-background.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-salmon-background.php new file mode 100644 index 0000000..4a4913e --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-salmon-background.php @@ -0,0 +1,18 @@ +<?php +/** + * Text-only header with salmon background block pattern + */ +return array( + 'title' => __( 'Text-only header with background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"backgroundColor":"secondary","textColor":"foreground","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-foreground-color has-secondary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide"><!-- wp:site-title {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"700"}}} /--> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-with-tagline-black-background.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-with-tagline-black-background.php new file mode 100644 index 0000000..d529fe8 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-text-only-with-tagline-black-background.php @@ -0,0 +1,22 @@ +<?php +/** + * Text-only header with tagline and black background block pattern + */ +return array( + 'title' => __( 'Text-only header with tagline and background', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"backgroundColor":"foreground","textColor":"secondary","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull has-secondary-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0rem","top":"0px","right":"0px","left":"0px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:0px;padding-right:0px;padding-bottom:0rem;padding-left:0px"><!-- wp:group {"layout":{"type":"flex","justifyContent":"left"}} --> + <div class="wp-block-group"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /--> + + <!-- wp:site-tagline {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div> + <!-- /wp:group --> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-title-and-button.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-title-and-button.php new file mode 100644 index 0000000..5c78069 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-title-and-button.php @@ -0,0 +1,18 @@ +<?php +/** + * Title and button header block pattern + */ +return array( + 'title' => __( 'Title and button header', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)","top":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:site-title {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"700"}}} /--> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"},"overlayMenu":"always"} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-title-navigation-social.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-title-navigation-social.php new file mode 100644 index 0000000..384cda5 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-title-navigation-social.php @@ -0,0 +1,24 @@ +<?php +/** + * Title, navigation, and social links header block pattern + */ +return array( + 'title' => __( 'Title, navigation, and social links header', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)","top":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + + <!-- wp:social-links {"iconColor":"foreground","iconColorValue":"var(--wp--preset--color--foreground)","className":"is-style-logos-only"} --> + <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"instagram"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--></ul> + <!-- /wp:social-links --> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/header-with-tagline.php b/wp-content/themes/twentytwentytwo/inc/patterns/header-with-tagline.php new file mode 100644 index 0000000..40e633a --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/header-with-tagline.php @@ -0,0 +1,26 @@ +<?php +/** + * Header with tagline block pattern + */ +return array( + 'title' => __( 'Header with tagline', 'twentytwentytwo' ), + 'categories' => array( 'header' ), + 'blockTypes' => array( 'core/template-part/header' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)","top":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"layout":{"type":"flex"}} --> + <div class="wp-block-group"><!-- wp:site-logo {"width":64} /--> + + <!-- wp:group --> + <div class="wp-block-group"><!-- wp:site-title {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"700"}}} /--> + + <!-- wp:site-tagline {"style":{"spacing":{"margin":{"top":"0.25em","bottom":"0px"}},"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div> + <!-- /wp:group --></div> + <!-- /wp:group --> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/hidden-404.php b/wp-content/themes/twentytwentytwo/inc/patterns/hidden-404.php new file mode 100644 index 0000000..9cfd50d --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/hidden-404.php @@ -0,0 +1,15 @@ +<?php +/** + * 404 content. + */ +return array( + 'title' => __( '404 content', 'twentytwentytwo' ), + 'inserter' => false, + 'content' => '<!-- wp:heading {"style":{"typography":{"fontSize":"clamp(4rem, 40vw, 20rem)","fontWeight":"200","lineHeight":"1"}},"className":"has-text-align-center"} --> + <h2 class="has-text-align-center" style="font-size:clamp(4rem, 40vw, 20rem);font-weight:200;line-height:1">' . esc_html( _x( '404', 'Error code for a webpage that is not found.', 'twentytwentytwo' ) ) . '</h2> + <!-- /wp:heading --> + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center">' . esc_html__( 'This page could not be found. Maybe try a search?', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + <!-- wp:search {"label":"' . esc_html_x( 'Search', 'label', 'twentytwentytwo' ) . '","showLabel":false,"width":50,"widthUnit":"%","buttonText":"' . esc_html__( 'Search', 'twentytwentytwo' ) . '","buttonUseIcon":true,"align":"center"} /-->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/hidden-bird.php b/wp-content/themes/twentytwentytwo/inc/patterns/hidden-bird.php new file mode 100644 index 0000000..cfc9db5 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/hidden-bird.php @@ -0,0 +1,14 @@ +<?php +/** + * Bird image + * + * This pattern is used only to reference a dynamic image URL. + * It does not appear in the inserter. + */ +return array( + 'title' => __( 'Heading and bird image', 'twentytwentytwo' ), + 'inserter' => false, + 'content' => '<!-- wp:image {"align":"wide","width":2000,"height":474,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image alignwide size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-transparent-d.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '" width="2000" height="474"/></figure> + <!-- /wp:image -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/hidden-heading-and-bird.php b/wp-content/themes/twentytwentytwo/inc/patterns/hidden-heading-and-bird.php new file mode 100644 index 0000000..d3f1788 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/hidden-heading-and-bird.php @@ -0,0 +1,21 @@ +<?php +/** + * Heading and bird image + * + * This pattern is used only for translation + * and to reference a dynamic image URL. It does + * not appear in the inserter. + */ +return array( + 'title' => __( 'Heading and bird image', 'twentytwentytwo' ), + 'inserter' => false, + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0px","bottom":"0px"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:0px;padding-bottom:0px;"><!-- wp:heading {"align":"wide","style":{"typography":{"fontSize":"var(--wp--custom--typography--font-size--colossal, clamp(3.25rem, 8vw, 6.25rem))","lineHeight":"1.15"}}} --> + <h2 class="alignwide" style="font-size:var(--wp--custom--typography--font-size--colossal, clamp(3.25rem, 8vw, 6.25rem));line-height:1.15">' . wp_kses_post( __( '<em>The Hatchery</em>: a blog about my adventures in bird watching', 'twentytwentytwo' ) ) . '</h2> + <!-- /wp:heading --></div> + <!-- /wp:group --> + + <!-- wp:image {"align":"full","width":2400,"height":1020,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image alignfull size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-transparent-c.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '" width="2400" height="1020"/></figure> + <!-- /wp:image -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-about-large-image-and-buttons.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-large-image-and-buttons.php new file mode 100644 index 0000000..12d44e7 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-large-image-and-buttons.php @@ -0,0 +1,79 @@ +<?php +/** + * About page with large image and buttons + */ +return array( + 'title' => __( 'About page with large image and buttons', 'twentytwentytwo' ), + 'categories' => array( 'pages', 'buttons' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:image {"align":"wide","width":2100,"height":1260,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image alignwide size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-gray-b.jpg" alt="" width="2100" height="1260"/></figure> + <!-- /wp:image --> + + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column --> + <div class="wp-block-column"><!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"width":100} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Purchase my work', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"width":100} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Support my studio', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"width":100} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Take a class', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column --> + <div class="wp-block-column"><!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"width":100} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Read about me', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"width":100} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Learn about my process', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"width":100} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Join my mailing list', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:spacer {"height":50} --> + <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--preset--color--primary)","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} --> + <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"wordpress"} /--> + + <!-- wp:social-link {"url":"#","service":"facebook"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> + <!-- /wp:social-links --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-about-links-dark.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-links-dark.php new file mode 100644 index 0000000..ccb0ec2 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-links-dark.php @@ -0,0 +1,47 @@ +<?php +/** + * About page links (dark) + */ +return array( + 'title' => __( 'About page links (dark)', 'twentytwentytwo' ), + 'categories' => array( 'pages', 'buttons' ), + 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"10rem","bottom":"10rem"}}},"backgroundColor":"primary","textColor":"background","layout":{"inherit":false,"contentSize":"400px"}} --> + <div class="wp-block-group alignfull has-background-color has-primary-background-color has-text-color has-background has-link-color" style="padding-top:10rem;padding-bottom:10rem;"><!-- wp:group --> + <div class="wp-block-group"> + + <!-- wp:image {"width":100,"height":100,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> + <figure class="wp-block-image size-full is-resized is-style-rounded"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/icon-bird.jpg" alt="' . esc_attr__( 'Logo featuring a flying bird', 'twentytwentytwo' ) . '" width="100" height="100"/></figure> + <!-- /wp:image --> + + <!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"}}} --> + <h2 class="has-text-align-left" style="font-size:var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))">' . esc_html__( 'A trouble of hummingbirds', 'twentytwentytwo' ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":40} --> + <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:buttons {"contentJustification":"left"} --> + <div class="wp-block-buttons is-content-justification-left"><!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-outline"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link" style="border-radius:6px">' . esc_html__( 'Watch our videos', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-outline"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link" style="border-radius:6px">' . esc_html__( 'Listen on iTunes Podcasts', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-outline"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link" style="border-radius:6px">' . esc_html__( 'Listen on Spotify', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-outline"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link" style="border-radius:6px">' . esc_html__( 'Support the show', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-outline"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link" style="border-radius:6px">' . esc_html__( 'About the hosts', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-about-links.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-links.php new file mode 100644 index 0000000..997cf03 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-links.php @@ -0,0 +1,65 @@ +<?php +/** + * About page links + */ +return array( + 'title' => __( 'About page links', 'twentytwentytwo' ), + 'categories' => array( 'pages', 'buttons' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"10rem","bottom":"10rem"}}},"layout":{"inherit":false,"contentSize":"400px"}} --> + <div class="wp-block-group alignfull" style="padding-top:10rem;padding-bottom:10rem;"><!-- wp:image {"align":"center","width":100,"height":100,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} --> + <div class="wp-block-image is-style-rounded"><figure class="aligncenter size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/icon-bird.jpg" alt="' . esc_attr__( 'Logo featuring a flying bird', 'twentytwentytwo' ) . '" width="100" height="100"/></figure></div> + <!-- /wp:image --> + + <!-- wp:group --> + <div class="wp-block-group"> + + <!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"}}} --> + <h2 class="has-text-align-center" style="font-size:var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))">' . esc_html__( 'Swoop', 'twentytwentytwo' ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:paragraph {"align":"center"} --> + <p class="has-text-align-center">' . esc_html__( 'A podcast about birds', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":40} --> + <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:buttons {"contentJustification":"left"} --> + <div class="wp-block-buttons is-content-justification-left"><!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-fill"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link" style="border-radius:6px">' . esc_html__( 'Watch our videos', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-fill"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link" style="border-radius:6px">' . esc_html__( 'Listen on iTunes Podcasts', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-fill"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link" style="border-radius:6px">' . esc_html__( 'Listen on Spotify', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-fill"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link" style="border-radius:6px">' . esc_html__( 'Support the show', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-fill"} --> + <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link" style="border-radius:6px">' . esc_html__( 'About the hosts', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":40} --> + <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--preset--color--primary)","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} --> + <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"wordpress"} /--> + + <!-- wp:social-link {"url":"#","service":"facebook"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> + <!-- /wp:social-links --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-about-media-left.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-media-left.php new file mode 100644 index 0000000..ea80594 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-media-left.php @@ -0,0 +1,41 @@ +<?php +/** + * About page with media on the left + */ +return array( + 'title' => __( 'About page with media on the left', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:media-text {"align":"full","mediaType":"image","imageFill":true,"focalPoint":{"x":"0.63","y":"0.16"},"backgroundColor":"foreground","className":"alignfull is-image-fill has-background-color has-text-color has-background has-link-color"} --> + <div class="wp-block-media-text alignfull is-stacked-on-mobile is-image-fill has-background-color has-text-color has-background has-link-color has-foreground-background-color has-background"><figure class="wp-block-media-text__media" style="background-image:url(' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-salmon.jpg);background-position:63% 16%"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-salmon.jpg" alt="' . esc_attr__( 'Image of a bird on a branch', 'twentytwentytwo' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:site-logo {"width":60} /--> + + <!-- wp:group {"style":{"spacing":{"padding":{"right":"min(8rem, 5vw)","top":"min(28rem, 28vw)"}}}} --> + <div class="wp-block-group" style="padding-top:min(28rem, 28vw);padding-right:min(8rem, 5vw)"><!-- wp:heading {"style":{"typography":{"fontWeight":"300","lineHeight":"1.115","fontSize":"clamp(3rem, 6vw, 4.5rem)"}}} --> + <h2 style="font-size:clamp(3rem, 6vw, 4.5rem);font-weight:300;line-height:1.115"><em>' . esc_html__( 'Doug', 'twentytwentytwo' ) . '<br>' . esc_html__( 'Stilton', 'twentytwentytwo' ) . '</em></h2> + <!-- /wp:heading --> + + <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}}} --> + <p style="line-height:1.6">' . esc_html__( 'Oh hello. My name’s Doug, and you’ve found your way to my website. I’m an avid bird watcher, and I also broadcast my own radio show on Tuesday evenings at 11PM EDT.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":40} --> + <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:social-links {"iconColor":"background","iconColorValue":"var(--wp--preset--color--background)","iconBackgroundColor":"foreground","iconBackgroundColorValue":"var(--wp--preset--color--foreground)"} --> + <ul class="wp-block-social-links has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"wordpress"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> + <!-- /wp:social-links --></div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --></div></div> + <!-- /wp:media-text -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-about-media-right.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-media-right.php new file mode 100644 index 0000000..2493d5d --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-media-right.php @@ -0,0 +1,40 @@ +<?php +/** + * About page with media on the right + */ +return array( + 'title' => __( 'About page with media on the right', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:media-text {"align":"full","mediaPosition":"right","mediaLink":"' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-black.jpg","mediaType":"image","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background"} --> + <div class="wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile has-background-color has-foreground-background-color has-text-color has-background has-link-color"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-black.jpg" alt="' . esc_attr__( 'An image of a bird flying', 'twentytwentytwo' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + <!-- wp:site-logo {"width":60} /--> + + <!-- wp:group {"style":{"spacing":{"padding":{"right":"min(8rem, 5vw)","top":"min(20rem, 20vw)"}}}} --> + <div class="wp-block-group" style="padding-top:min(20rem, 20vw);padding-right:min(8rem, 5vw)"><!-- wp:heading {"style":{"typography":{"fontWeight":"300","lineHeight":"1.115","fontSize":"clamp(3rem, 6vw, 4.5rem)"}}} --> + <h2 style="font-size:clamp(3rem, 6vw, 4.5rem);font-weight:300;line-height:1.115"><em>' . wp_kses_post( __( 'Emery<br>Driscoll', 'twentytwentytwo' ) ) . '</em></h2> + <!-- /wp:heading --> + + <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}}} --> + <p style="line-height:1.6">' . esc_html__( 'Oh hello. My name’s Emery, and you’ve found your way to my website. I’m an avid bird watcher, and I also broadcast my own radio show on Tuesday evenings at 11PM EDT.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":40} --> + <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:social-links {"iconColor":"background","iconColorValue":"var(--wp--preset--color--foreground)","iconBackgroundColor":"foreground","iconBackgroundColorValue":"var(--wp--preset--color--background)"} --> + <ul class="wp-block-social-links has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"wordpress"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> + <!-- /wp:social-links --></div> + <!-- /wp:group --></div> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --></div> + <!-- /wp:media-text -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-about-simple-dark.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-simple-dark.php new file mode 100644 index 0000000..131a48b --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-simple-dark.php @@ -0,0 +1,45 @@ +<?php +/** + * Simple dark about page + */ +return array( + 'title' => __( 'Simple dark about page', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:cover {"overlayColor":"foreground","minHeight":100,"minHeightUnit":"vh","contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"max(1.25rem, 8vw)","right":"max(1.25rem, 8vw)","bottom":"max(1.25rem, 8vw)","left":"max(1.25rem, 8vw)"}}}} --> + <div class="wp-block-cover alignfull has-foreground-background-color has-background-dim" style="padding-top:max(1.25rem, 8vw);padding-right:max(1.25rem, 8vw);padding-bottom:max(1.25rem, 8vw);padding-left:max(1.25rem, 8vw);min-height:100vh"><div class="wp-block-cover__inner-container"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"},"overlayMenu":"always"} --> + <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> + <!-- /wp:navigation --> + + <!-- wp:columns --> + <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"bottom","width":"45%","style":{"spacing":{"padding":{"top":"12rem"}}}} --> + <div class="wp-block-column is-vertically-aligned-bottom" style="padding-top:12rem;flex-basis:45%"><!-- wp:site-logo {"width":60} /--> + + <!-- wp:heading {"style":{"typography":{"fontWeight":"300","lineHeight":"1.115","fontSize":"clamp(3rem, 6vw, 4.5rem)"}}} --> + <h2 style="font-size:clamp(3rem, 6vw, 4.5rem);font-weight:300;line-height:1.115"><em>' . wp_kses_post( __( 'Jesús<br>Rodriguez', 'twentytwentytwo' ) ) . '</em></h2> + <!-- /wp:heading --> + + <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}}} --> + <p style="line-height:1.6">' . esc_html__( 'Oh hello. My name’s Jesús, and you’ve found your way to my website. I’m an avid bird watcher, and I also broadcast my own radio show on Tuesday evenings at 11PM EDT.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":40} --> + <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:social-links {"iconColor":"background","iconColorValue":"var(--wp--preset--color--foreground)","iconBackgroundColor":"foreground","iconBackgroundColorValue":"var(--wp--preset--color--background)"} --> + <ul class="wp-block-social-links has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"wordpress"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> + <!-- /wp:social-links --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"0rem","right":"0rem","bottom":"4rem","left":"0rem"}}}} --> + <div class="wp-block-column is-vertically-aligned-center" style="padding-top:0rem;padding-right:0rem;padding-bottom:4rem;padding-left:0rem"><!-- wp:separator {"color":"background","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-background has-background-background-color has-background-color is-style-wide"/> + <!-- /wp:separator --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div></div> + <!-- /wp:cover -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-about-solid-color.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-solid-color.php new file mode 100644 index 0000000..df8903d --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-about-solid-color.php @@ -0,0 +1,41 @@ +<?php +/** + * About page on solid color background + */ +return array( + 'title' => __( 'About page on solid color background', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"1.25rem","right":"1.25rem","bottom":"1.25rem","left":"1.25rem"}}}} --> + <div class="wp-block-group alignfull" style="padding-top:1.25rem;padding-right:1.25rem;padding-bottom:1.25rem;padding-left:1.25rem"><!-- wp:cover {"overlayColor":"secondary","minHeight":80,"minHeightUnit":"vh","isDark":false,"align":"full"} --> + <div class="wp-block-cover alignfull is-light" style="min-height:80vh"><span aria-hidden="true" class="has-secondary-background-color has-background-dim-100 wp-block-cover__gradient-background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"inherit":false,"contentSize":"400px"}} --> + <div class="wp-block-group"><!-- wp:spacer {"height":64} --> + <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --><!-- wp:heading {"style":{"typography":{"lineHeight":"1","textTransform":"uppercase","fontSize":"clamp(2.75rem, 6vw, 3.25rem)"}}} --> + <h2 id="edvard-smith" style="font-size:clamp(2.75rem, 6vw, 3.25rem);line-height:1;text-transform:uppercase">' . wp_kses_post( __( 'Edvard<br>Smith', 'twentytwentytwo' ) ) . '</h2> + <!-- /wp:heading --> + + <!-- wp:spacer {"height":8} --> + <div style="height:8px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:paragraph {"fontSize":"small"} --> + <p class="has-small-font-size">' . esc_html__( 'Oh hello. My name’s Edvard, and you’ve found your way to my website. I’m an avid bird watcher, and I also broadcast my own radio show every Tuesday evening at 11PM EDT. Listen in sometime!', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":8} --> + <div style="height:8px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:social-links {"iconColor":"foreground","iconColorValue":"var(--wp--preset--color--foreground)","className":"is-style-logos-only"} --> + <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"wordpress"} /--> + + <!-- wp:social-link {"url":"#","service":"twitter"} /--> + + <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul> + <!-- /wp:social-links --><!-- wp:spacer {"height":64} --> + <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --></div> + <!-- /wp:group --></div></div> + <!-- /wp:cover --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-image-and-text.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-image-and-text.php new file mode 100644 index 0000000..eec6e0d --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-image-and-text.php @@ -0,0 +1,32 @@ +<?php +/** + * Page layout with image and text. + */ +return array( + 'title' => __( 'Page layout with image and text', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","bottom":"2rem"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--spacing--large, 8rem);padding-bottom:2rem"><!-- 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","width":2400,"height":1800,"style":{"color":{}}} --> + <figure class="wp-block-image alignfull is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-transparent-b.png" alt="' . esc_attr_x( 'TBD', 'Short for to be determined', 'twentytwentytwo' ) . '" width="2400" height="1800"/></figure> + <!-- /wp:image --> + + <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"2rem","bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:2rem;padding-bottom:var(--wp--custom--spacing--large, 8rem)"> + <!-- 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 -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-image-text-and-video.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-image-text-and-video.php new file mode 100644 index 0000000..bfb4e6e --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-image-text-and-video.php @@ -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( 'pages' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"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:var(--wp--custom--spacing--large, 8rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"layout":{"inherit":true}} --> + <div class="wp-block-group"><!-- 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":"x-large"} --> + <h2 class="has-x-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","width":2400,"height":1178,"style":{"color":{}}} --> + <figure class="wp-block-image alignfull is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-transparent-a.png" alt="' . esc_attr__( 'An illustration of a bird in flight', 'twentytwentytwo' ) . '" width="2400" height="1178"/></figure> + <!-- /wp:image --> + + <!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- 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":"x-large"} --> + <h2 class="has-x-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/videos/birds.mp4"></video></figure> + <!-- /wp:video --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-two-columns.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-two-columns.php new file mode 100644 index 0000000..2a27dfe --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-layout-two-columns.php @@ -0,0 +1,73 @@ +<?php +/** + * Page layout with two columns. + */ +return array( + 'title' => __( 'Page layout with two columns', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--spacing--large, 8rem);padding-bottom:var(--wp--custom--spacing--large, 8rem);"><!-- 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 -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-blog-posts-right.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-blog-posts-right.php new file mode 100644 index 0000000..1601925 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-blog-posts-right.php @@ -0,0 +1,87 @@ +<?php +/** + * Blog posts with right sidebar block pattern + */ +return array( + 'title' => __( 'Blog posts with right sidebar', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"2rem","top":"0px","right":"0px","left":"0px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group alignwide" style="padding-top:0px;padding-right:0px;padding-bottom:2rem;padding-left:0px"><!-- wp:group {"layout":{"type":"flex"}} --> + <div class="wp-block-group"><!-- wp:site-logo {"width":64} /--></div> + <!-- /wp:group --> + + <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> + <!-- wp:page-list /--> + <!-- /wp:navigation --></div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":64} --> + <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"5%"},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} --> + <div class="wp-block-columns alignwide has-foreground-color has-text-color has-link-color" style="margin-top:0px;margin-bottom:0px"><!-- wp:column {"width":"66.66%","style":{"spacing":{"padding":{"bottom":"6rem"}}}} --> + <div class="wp-block-column" style="padding-bottom:6rem;flex-basis:66.66%"><!-- wp:query {"queryId":9,"query":{"perPage":"5","pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"displayLayout":{"type":"list"},"layout":{"inherit":true}} --> + <div class="wp-block-query"><!-- wp:post-template --> + <!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"0","bottom":"1rem"}},"typography":{"fontStyle":"normal","fontWeight":"300"},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground","fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"} /--> + + <!-- wp:post-featured-image {"isLink":true} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:group {"layout":{"type":"flex"}} --> + <div class="wp-block-group"><!-- wp:post-date {"format":"F j, Y","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} /--> + + <!-- wp:post-terms {"term":"category","fontSize":"small"} /--> + + <!-- wp:post-terms {"term":"post_tag","fontSize":"small"} /--></div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":64} --> + <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + <!-- /wp:post-template --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"fontSize":"small"} /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next {"fontSize":"small"} /--> + <!-- /wp:query-pagination --></div> + <!-- /wp:query --></div> + <!-- /wp:column --> + + <!-- wp:column {"width":"33.33%"} --> + <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"width":768,"height":1160,"sizeSlug":"large","linkDestination":"none"} --> + <figure class="wp-block-image size-large is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-salmon.jpg" alt="' . esc_attr__( 'Illustration of a flying bird.', 'twentytwentytwo' ) . '" width="768" height="1160"/></figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":4} --> + <div style="height:4px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:site-title {"isLink":false,"style":{"typography":{"fontStyle":"normal","fontWeight":"300","lineHeight":"1.2"}},"fontSize":"large","fontFamily":"source-serif-pro"} /--> + + <!-- wp:site-tagline /--> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:heading {"level":4,"fontSize":"large"} --> + <h4 class="has-large-font-size"><em>' . esc_html__( 'Categories', 'twentytwentytwo' ) . '</em></h4> + <!-- /wp:heading --> + + <!-- wp:tag-cloud {"taxonomy":"category","showTagCounts":true} /--> + + <!-- wp:heading {"level":4,"fontSize":"large"} --> + <h4 class="has-large-font-size"><em>' . esc_html__( 'Tags', 'twentytwentytwo' ) . '</em></h4> + <!-- /wp:heading --> + + <!-- wp:tag-cloud {"showTagCounts":true} /--></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-blog-posts.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-blog-posts.php new file mode 100644 index 0000000..c40b207 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-blog-posts.php @@ -0,0 +1,79 @@ +<?php +/** + * Blog posts with left sidebar block pattern + */ +return array( + 'title' => __( 'Blog posts with left sidebar', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"5%"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary"} --> + <div class="wp-block-columns alignwide has-primary-color has-text-color has-link-color" style="margin-top:0px;margin-bottom:0px"><!-- wp:column {"width":"33.33%"} --> + <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:cover {"overlayColor":"secondary","minHeight":400,"isDark":false} --> + <div class="wp-block-cover is-light" style="min-height:400px"><span aria-hidden="true" class="has-secondary-background-color has-background-dim-100 wp-block-cover__gradient-background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:site-logo {"align":"center","width":60} /--></div></div> + <!-- /wp:cover --> + + <!-- wp:spacer {"height":40} --> + <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:site-tagline {"fontSize":"small"} /--> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:separator {"color":"foreground","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-background has-foreground-background-color has-foreground-color is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:navigation {"orientation":"vertical"} --> + <!-- wp:page-list /--> + <!-- /wp:navigation --> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:separator {"color":"foreground","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-background has-foreground-background-color has-foreground-color is-style-wide"/> + <!-- /wp:separator --></div> + <!-- /wp:column --> + + <!-- wp:column {"width":"66.66%"} --> + <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:query {"query":{"perPage":"5","pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"layout":{"inherit":true}} --> + <div class="wp-block-query"><!-- wp:post-template --> + <!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"0","bottom":"1rem"}},"typography":{"fontStyle":"normal","fontWeight":"300"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"} /--> + + <!-- wp:post-featured-image {"isLink":true} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:group {"layout":{"type":"flex"}} --> + <div class="wp-block-group"><!-- wp:post-date {"format":"F j, Y","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} /--> + + <!-- wp:post-terms {"term":"category","fontSize":"small"} /--> + + <!-- wp:post-terms {"term":"post_tag","fontSize":"small"} /--></div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":128} --> + <div style="height:128px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + <!-- /wp:post-template --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"fontSize":"small"} /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next {"fontSize":"small"} /--> + <!-- /wp:query-pagination --></div> + <!-- /wp:query --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-grid-posts.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-grid-posts.php new file mode 100644 index 0000000..3a4f037 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-grid-posts.php @@ -0,0 +1,77 @@ +<?php +/** + * Grid of posts with left sidebar block pattern + */ +return array( + 'title' => __( 'Grid of posts with left sidebar', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"inherit":true}} --> + <div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} --> + <div class="wp-block-columns alignwide" style="margin-top:0px;margin-bottom:0px"><!-- wp:column {"width":"30%"} --> + <div class="wp-block-column" style="flex-basis:30%"><!-- wp:site-title {"isLink":false,"style":{"spacing":{"margin":{"top":"0px","bottom":"1rem"}},"typography":{"fontStyle":"italic","fontWeight":"300","lineHeight":"1.1"}},"fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))","fontFamily":"source-serif-pro"} /--> + + <!-- wp:site-tagline {"fontSize":"small"} /--> + + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:separator {"color":"foreground","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-background has-foreground-background-color has-foreground-color is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:navigation {"orientation":"vertical"} --> + <!-- wp:page-list /--> + <!-- /wp:navigation --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:separator {"color":"foreground","className":"is-style-wide"} --> + <hr class="wp-block-separator has-text-color has-background has-foreground-background-color has-foreground-color is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:site-logo {"width":60} /--></div> + <!-- /wp:column --> + + <!-- wp:column {"width":"70%"} --> + <div class="wp-block-column" style="flex-basis:70%"><!-- wp:query {"query":{"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":false,"perPage":12},"displayLayout":{"type":"flex","columns":3},"layout":{"inherit":true}} --> + <div class="wp-block-query"><!-- wp:post-template --> + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"200px"} /--> + + <!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between"}} --> + <div class="wp-block-group"><!-- wp:post-title {"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small","fontFamily":"system-font"} /--> + + <!-- wp:post-date {"format":"m.d.y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div> + <!-- /wp:group --> + <!-- /wp:post-template --> + + <!-- wp:separator {"className":"alignwide is-style-wide"} --> + <hr class="wp-block-separator alignwide is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"fontSize":"small"} /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next {"fontSize":"small"} /--> + <!-- /wp:query-pagination --></div> + <!-- /wp:query --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-poster.php b/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-poster.php new file mode 100644 index 0000000..bc744b1 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/page-sidebar-poster.php @@ -0,0 +1,65 @@ +<?php +/** + * Poster with right sidebar block pattern + */ +return array( + 'title' => __( 'Poster with right sidebar', 'twentytwentytwo' ), + 'categories' => array( 'pages' ), + 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> + <div class="wp-block-group alignfull"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"5%"}}} --> + <div class="wp-block-columns alignwide"><!-- wp:column {"width":"70%"} --> + <div class="wp-block-column" style="flex-basis:70%"> + + <!-- wp:heading {"level":1,"align":"wide","style":{"typography":{"fontSize":"clamp(3rem, 6vw, 4.5rem)"},"spacing":{"margin":{"bottom":"0px"}}}} --> + <h1 class="alignwide" style="font-size:clamp(3rem, 6vw, 4.5rem);margin-bottom:0px">' . wp_kses_post( __( '<em>Flutter</em>, a collection of bird-related ephemera', 'twentytwentytwo' ) ) . '</h1> + <!-- /wp:heading --></div> + <!-- /wp:column --> + + <!-- wp:column {"width":""} --> + <div class="wp-block-column"></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"5%"}}} --> + <div class="wp-block-columns alignwide"><!-- wp:column {"width":"70%","style":{"spacing":{"padding":{"bottom":"32px"}}}} --> + <div class="wp-block-column" style="padding-bottom:32px;flex-basis:70%"><!-- wp:image {"width":984,"height":1426,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-salmon.jpg" alt="' . esc_attr__( 'Image of a bird on a branch', 'twentytwentytwo' ) . '" width="984" height="1426"/></figure> + <!-- /wp:image --></div> + <!-- /wp:column --> + + <!-- wp:column {"width":""} --> + <div class="wp-block-column"><!-- wp:image {"width":100,"height":47,"sizeSlug":"full","linkDestination":"none"} --> + <figure class="wp-block-image size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/icon-binoculars.png" alt="' . esc_attr__( 'An icon representing binoculars.', 'twentytwentytwo' ) . '" width="100" height="47"/></figure> + <!-- /wp:image --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:heading {"level":3,"fontSize":"large"} --> + <h3 class="has-large-font-size"><em>' . esc_html__( 'Date', 'twentytwentytwo' ) . '</em></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph --> + <p>' . esc_html__( 'February, 12 2021', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:heading {"level":3,"fontSize":"large"} --> + <h3 class="has-large-font-size"><em>' . esc_html__( 'Location', 'twentytwentytwo' ) . '</em></h3> + <!-- /wp:heading --> + + <!-- wp:paragraph --> + <p>' . wp_kses_post( __( 'The Grand Theater<br>154 Eastern Avenue<br>Maryland NY, 12345', 'twentytwentytwo' ) ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/query-default.php b/wp-content/themes/twentytwentytwo/inc/patterns/query-default.php new file mode 100644 index 0000000..7cebacc --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/query-default.php @@ -0,0 +1,50 @@ +<?php +/** + * Default posts block pattern + */ +return array( + 'title' => __( 'Default posts', 'twentytwentytwo' ), + 'categories' => array( 'query' ), + 'blockTypes' => array( 'core/query' ), + 'content' => '<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":""},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:group {"layout":{"inherit":true}} --> + <div class="wp-block-group"><!-- wp:post-title {"isLink":true,"align":"wide","fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"} /--> + + <!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"top":"calc(1.75 * var(--wp--style--block-gap))"}}}} /--> + + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column {"width":"650px"} --> + <div class="wp-block-column" style="flex-basis:650px"><!-- wp:post-excerpt /--> + + <!-- wp:post-date {"isLink":true,"format":"F j, Y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div> + <!-- /wp:column --> + + <!-- wp:column {"width":""} --> + <div class="wp-block-column"></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:separator {"align":"wide","className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:spacer {"height":16} --> + <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --></div> + <!-- /wp:group --> + <!-- /wp:post-template --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"fontSize":"small"} /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next {"fontSize":"small"} /--> + <!-- /wp:query-pagination --></div> + <!-- /wp:query -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/query-grid.php b/wp-content/themes/twentytwentytwo/inc/patterns/query-grid.php new file mode 100644 index 0000000..f695eba --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/query-grid.php @@ -0,0 +1,32 @@ +<?php +/** + * Grid of posts block pattern + */ +return array( + 'title' => __( 'Grid of posts', 'twentytwentytwo' ), + 'categories' => array( 'query' ), + 'blockTypes' => array( 'core/query' ), + 'content' => '<!-- wp:query {"query":{"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":12},"displayLayout":{"type":"flex","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --> + + <!-- wp:separator {"align":"wide","className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"fontSize":"small"} /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next {"fontSize":"small"} /--> + <!-- /wp:query-pagination --></div> + <!-- /wp:query -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/query-image-grid.php b/wp-content/themes/twentytwentytwo/inc/patterns/query-image-grid.php new file mode 100644 index 0000000..e5672e3 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/query-image-grid.php @@ -0,0 +1,36 @@ +<?php +/** + * Grid of image posts block pattern + */ +return array( + 'title' => __( 'Grid of image posts', 'twentytwentytwo' ), + 'categories' => array( 'query' ), + 'blockTypes' => array( 'core/query' ), + 'content' => '<!-- wp:query {"query":{"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":false,"perPage":12},"displayLayout":{"type":"flex","columns":3},"layout":{"inherit":true}} --> + <div class="wp-block-query"><!-- wp:post-template --> + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"200px"} /--> + + <!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":"0.5rem"}}} --> + <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column --> + <div class="wp-block-column"><!-- wp:post-title {"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"margin":{"top":"0.2em"}}},"fontSize":"small","fontFamily":"system-font"} /--></div> + <!-- /wp:column --> + + <!-- wp:column {"width":"4em"} --> + <div class="wp-block-column" style="flex-basis:4em"><!-- wp:post-date {"textAlign":"right","format":"m.d.y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + <!-- /wp:post-template --> + + <!-- wp:separator {"className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"fontSize":"small"} /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next {"fontSize":"small"} /--> + <!-- /wp:query-pagination --></div> + <!-- /wp:query -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/query-irregular-grid.php b/wp-content/themes/twentytwentytwo/inc/patterns/query-irregular-grid.php new file mode 100644 index 0000000..c5da08a --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/query-irregular-grid.php @@ -0,0 +1,170 @@ +<?php +/** + * Irregular grid of posts block pattern + */ +return array( + 'title' => __( 'Irregular grid of posts', 'twentytwentytwo' ), + 'categories' => array( 'query' ), + 'blockTypes' => array( 'core/query' ), + 'content' => '<!-- wp:group {"align":"wide"} --> + <div class="wp-block-group alignwide"><!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column --> + <div class="wp-block-column"><!-- wp:query {"query":{"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":"1"},"displayLayout":{"type":"list","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:query {"query":{"offset":"1","postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":"1"},"displayLayout":{"type":"list","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:spacer {"height":64} --> + <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:query {"query":{"offset":"2","postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":"1"},"displayLayout":{"type":"list","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:spacer {"height":128} --> + <div style="height:128px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column --> + <div class="wp-block-column"><!-- wp:query {"query":{"offset":"3","postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":"1"},"displayLayout":{"type":"list","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:query {"query":{"offset":"4","postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":"1"},"displayLayout":{"type":"list","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:spacer {"height":96} --> + <div style="height:96px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:query {"query":{"offset":"5","postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":"1"},"displayLayout":{"type":"list","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:spacer {"height":160} --> + <div style="height:160px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:columns {"align":"wide"} --> + <div class="wp-block-columns alignwide"><!-- wp:column --> + <div class="wp-block-column"><!-- wp:query {"query":{"offset":"6","postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":"1"},"displayLayout":{"type":"list","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:spacer {"height":32} --> + <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:query {"query":{"offset":"7","postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":"1"},"displayLayout":{"type":"list","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:spacer {"height":160} --> + <div style="height:160px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:column --> + + <!-- wp:column --> + <div class="wp-block-column"><!-- wp:query {"query":{"offset":"8","postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":"1"},"displayLayout":{"type":"list","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + <!-- wp:spacer {"height":96} --> + <div style="height:96px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /--> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --></div> + <!-- /wp:query --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/query-large-titles.php b/wp-content/themes/twentytwentytwo/inc/patterns/query-large-titles.php new file mode 100644 index 0000000..6ff8afa --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/query-large-titles.php @@ -0,0 +1,26 @@ +<?php +/** + * Large post titles block pattern + */ +return array( + 'title' => __( 'Large post titles', 'twentytwentytwo' ), + 'categories' => array( 'query' ), + 'blockTypes' => array( 'core/query' ), + 'content' => '<!-- wp:query {"query":{"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"perPage":8},"align":"wide"} --> + <div class="wp-block-query alignwide"><!-- wp:post-template --> + <!-- wp:columns --> + <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"top","width":"4em"} --> + <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:4em"><!-- wp:post-date {"format":"M j","fontSize":"small"} /--></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"center","width":""} --> + <div class="wp-block-column is-vertically-aligned-center"><!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontSize":"clamp(2.75rem, 6vw, 3.25rem)"}}} /--></div> + <!-- /wp:column --></div> + <!-- /wp:columns --> + + <!-- wp:separator {"className":"is-style-wide"} --> + <hr class="wp-block-separator is-style-wide"/> + <!-- /wp:separator --> + <!-- /wp:post-template --></div> + <!-- /wp:query -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/query-simple-blog.php b/wp-content/themes/twentytwentytwo/inc/patterns/query-simple-blog.php new file mode 100644 index 0000000..4b08984 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/query-simple-blog.php @@ -0,0 +1,38 @@ +<?php +/** + * Simple blog posts block pattern + */ +return array( + 'title' => __( 'Simple blog posts', 'twentytwentytwo' ), + 'categories' => array( 'query' ), + 'blockTypes' => array( 'core/query' ), + 'content' => '<!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"perPage":10},"layout":{"inherit":true}} --> + <div class="wp-block-query"><!-- wp:post-template --> + <!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"1rem","bottom":"1rem"}},"typography":{"fontStyle":"normal","fontWeight":"300"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"} /--> + + <!-- wp:post-featured-image {"isLink":true} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:group {"layout":{"type":"flex"}} --> + <div class="wp-block-group"><!-- wp:post-date {"format":"F j, Y","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} /--> + + <!-- wp:post-terms {"term":"category","fontSize":"small"} /--> + + <!-- wp:post-terms {"term":"post_tag","fontSize":"small"} /--></div> + <!-- /wp:group --> + + <!-- wp:spacer {"height":128} --> + <div style="height:128px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + <!-- /wp:post-template --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"fontSize":"small"} /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next {"fontSize":"small"} /--> + <!-- /wp:query-pagination --></div> + <!-- /wp:query -->', +); diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/query-text-grid.php b/wp-content/themes/twentytwentytwo/inc/patterns/query-text-grid.php new file mode 100644 index 0000000..a8f84d3 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/query-text-grid.php @@ -0,0 +1,31 @@ +<?php +/** + * Text-based grid of posts block pattern + */ +return array( + 'title' => __( 'Text-based grid of posts', 'twentytwentytwo' ), + 'categories' => array( 'query' ), + 'blockTypes' => array( 'core/query' ), + 'content' => '<!-- wp:query {"query":{"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","perPage":12},"displayLayout":{"type":"flex","columns":3},"align":"wide","layout":{"inherit":true}} --> + <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} --> + + <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /--> + + <!-- wp:post-excerpt /--> + + <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /--> + <!-- /wp:post-template --> + + <!-- wp:separator {"align":"wide","className":"is-style-wide"} --> + <hr class="wp-block-separator alignwide is-style-wide"/> + <!-- /wp:separator --> + + <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} --> + <!-- wp:query-pagination-previous {"fontSize":"small"} /--> + + <!-- wp:query-pagination-numbers /--> + + <!-- wp:query-pagination-next {"fontSize":"small"} /--> + <!-- /wp:query-pagination --></div> + <!-- /wp:query -->', +); |