Skip to content

Jeff Balicki / FP_Canada

Go to a project
Toggle navigation
Toggle navigation pinning
e59a229d by Jeff Balicki
Options

www

1 parent 887c203c
Expand all
Inline Side-by-side
Showing 118 changed files with 0 additions and 3226 deletions
1 Copyright 2014 - 2021 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe Systems Incorporated in the United States and/or other countries.
2
3 This Font Software is licensed under the SIL Open Font License, Version 1.1.
4
5 This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
6
7
8 -----------------------------------------------------------
9 SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
10 -----------------------------------------------------------
11
12 PREAMBLE
13 The goals of the Open Font License (OFL) are to stimulate worldwide
14 development of collaborative font projects, to support the font creation
15 efforts of academic and linguistic communities, and to provide a free and
16 open framework in which fonts may be shared and improved in partnership
17 with others.
18
19 The OFL allows the licensed fonts to be used, studied, modified and
20 redistributed freely as long as they are not sold by themselves. The
21 fonts, including any derivative works, can be bundled, embedded,
22 redistributed and/or sold with any software provided that any reserved
23 names are not used by derivative works. The fonts and derivatives,
24 however, cannot be released under any other type of license. The
25 requirement for fonts to remain under this license does not apply
26 to any document created using the fonts or their derivatives.
27
28 DEFINITIONS
29 "Font Software" refers to the set of files released by the Copyright
30 Holder(s) under this license and clearly marked as such. This may
31 include source files, build scripts and documentation.
32
33 "Reserved Font Name" refers to any names specified as such after the
34 copyright statement(s).
35
36 "Original Version" refers to the collection of Font Software components as
37 distributed by the Copyright Holder(s).
38
39 "Modified Version" refers to any derivative made by adding to, deleting,
40 or substituting -- in part or in whole -- any of the components of the
41 Original Version, by changing formats or by porting the Font Software to a
42 new environment.
43
44 "Author" refers to any designer, engineer, programmer, technical
45 writer or other person who contributed to the Font Software.
46
47 PERMISSION & CONDITIONS
48 Permission is hereby granted, free of charge, to any person obtaining
49 a copy of the Font Software, to use, study, copy, merge, embed, modify,
50 redistribute, and sell modified and unmodified copies of the Font
51 Software, subject to the following conditions:
52
53 1) Neither the Font Software nor any of its individual components,
54 in Original or Modified Versions, may be sold by itself.
55
56 2) Original or Modified Versions of the Font Software may be bundled,
57 redistributed and/or sold with any software, provided that each copy
58 contains the above copyright notice and this license. These can be
59 included either as stand-alone text files, human-readable headers or
60 in the appropriate machine-readable metadata fields within text or
61 binary files as long as those fields can be easily viewed by the user.
62
63 3) No Modified Version of the Font Software may use the Reserved Font
64 Name(s) unless explicit written permission is granted by the corresponding
65 Copyright Holder. This restriction only applies to the primary font name as
66 presented to the users.
67
68 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
69 Software shall not be used to promote, endorse or advertise any
70 Modified Version, except to acknowledge the contribution(s) of the
71 Copyright Holder(s) and the Author(s) or with their explicit written
72 permission.
73
74 5) The Font Software, modified or unmodified, in part or in whole,
75 must be distributed entirely under this license, and must not be
76 distributed under any other license. The requirement for fonts to
77 remain under this license does not apply to any document created
78 using the Font Software.
79
80 TERMINATION
81 This license becomes null and void if any of the above conditions are
82 not met.
83
84 DISCLAIMER
85 THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
86 EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
87 MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
88 OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
89 COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
90 INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
91 DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
92 FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
93 OTHER DEALINGS IN THE FONT SOFTWARE.
1 <?php
2 /**
3 * Twenty Twenty-Two functions and definitions
4 *
5 * @link https://developer.wordpress.org/themes/basics/theme-functions/
6 *
7 * @package WordPress
8 * @subpackage Twenty_Twenty_Two
9 * @since Twenty Twenty-Two 1.0
10 */
11
12
13 if ( ! function_exists( 'twentytwentytwo_support' ) ) :
14
15 /**
16 * Sets up theme defaults and registers support for various WordPress features.
17 *
18 * @since Twenty Twenty-Two 1.0
19 *
20 * @return void
21 */
22 function twentytwentytwo_support() {
23
24 // Add support for block styles.
25 add_theme_support( 'wp-block-styles' );
26
27 // Enqueue editor styles.
28 add_editor_style( 'style.css' );
29
30 }
31
32 endif;
33
34 add_action( 'after_setup_theme', 'twentytwentytwo_support' );
35
36 if ( ! function_exists( 'twentytwentytwo_styles' ) ) :
37
38 /**
39 * Enqueue styles.
40 *
41 * @since Twenty Twenty-Two 1.0
42 *
43 * @return void
44 */
45 function twentytwentytwo_styles() {
46 // Register theme stylesheet.
47 $theme_version = wp_get_theme()->get( 'Version' );
48
49 $version_string = is_string( $theme_version ) ? $theme_version : false;
50 wp_register_style(
51 'twentytwentytwo-style',
52 get_template_directory_uri() . '/style.css',
53 array(),
54 $version_string
55 );
56
57 // Add styles inline.
58 wp_add_inline_style( 'twentytwentytwo-style', twentytwentytwo_get_font_face_styles() );
59
60 // Enqueue theme stylesheet.
61 wp_enqueue_style( 'twentytwentytwo-style' );
62
63 }
64
65 endif;
66
67 add_action( 'wp_enqueue_scripts', 'twentytwentytwo_styles' );
68
69 if ( ! function_exists( 'twentytwentytwo_editor_styles' ) ) :
70
71 /**
72 * Enqueue editor styles.
73 *
74 * @since Twenty Twenty-Two 1.0
75 *
76 * @return void
77 */
78 function twentytwentytwo_editor_styles() {
79
80 // Add styles inline.
81 wp_add_inline_style( 'wp-block-library', twentytwentytwo_get_font_face_styles() );
82
83 }
84
85 endif;
86
87 add_action( 'admin_init', 'twentytwentytwo_editor_styles' );
88
89
90 if ( ! function_exists( 'twentytwentytwo_get_font_face_styles' ) ) :
91
92 /**
93 * Get font face styles.
94 * Called by functions twentytwentytwo_styles() and twentytwentytwo_editor_styles() above.
95 *
96 * @since Twenty Twenty-Two 1.0
97 *
98 * @return string
99 */
100 function twentytwentytwo_get_font_face_styles() {
101
102 return "
103 @font-face{
104 font-family: 'Source Serif Pro';
105 font-weight: 200 900;
106 font-style: normal;
107 font-stretch: normal;
108 font-display: swap;
109 src: url('" . get_theme_file_uri( 'assets/fonts/SourceSerif4Variable-Roman.ttf.woff2' ) . "') format('woff2');
110 }
111
112 @font-face{
113 font-family: 'Source Serif Pro';
114 font-weight: 200 900;
115 font-style: italic;
116 font-stretch: normal;
117 font-display: swap;
118 src: url('" . get_theme_file_uri( 'assets/fonts/SourceSerif4Variable-Italic.ttf.woff2' ) . "') format('woff2');
119 }
120 ";
121
122 }
123
124 endif;
125
126 if ( ! function_exists( 'twentytwentytwo_preload_webfonts' ) ) :
127
128 /**
129 * Preloads the main web font to improve performance.
130 *
131 * Only the main web font (font-style: normal) is preloaded here since that font is always relevant (it is used
132 * on every heading, for example). The other font is only needed if there is any applicable content in italic style,
133 * and therefore preloading it would in most cases regress performance when that font would otherwise not be loaded
134 * at all.
135 *
136 * @since Twenty Twenty-Two 1.0
137 *
138 * @return void
139 */
140 function twentytwentytwo_preload_webfonts() {
141 ?>
142 <link rel="preload" href="<?php echo esc_url( get_theme_file_uri( 'assets/fonts/SourceSerif4Variable-Roman.ttf.woff2' ) ); ?>" as="font" type="font/woff2" crossorigin>
143 <?php
144 }
145
146 endif;
147
148 add_action( 'wp_head', 'twentytwentytwo_preload_webfonts' );
149
150 // Add block patterns
151 require get_template_directory() . '/inc/block-patterns.php';
1 <?php
2 /**
3 * Twenty Twenty-Two: Block Patterns
4 *
5 * @since Twenty Twenty-Two 1.0
6 */
7
8 /**
9 * Registers block patterns and categories.
10 *
11 * @since Twenty Twenty-Two 1.0
12 *
13 * @return void
14 */
15 function twentytwentytwo_register_block_patterns() {
16 $block_pattern_categories = array(
17 'featured' => array( 'label' => __( 'Featured', 'twentytwentytwo' ) ),
18 'footer' => array( 'label' => __( 'Footers', 'twentytwentytwo' ) ),
19 'header' => array( 'label' => __( 'Headers', 'twentytwentytwo' ) ),
20 'query' => array( 'label' => __( 'Query', 'twentytwentytwo' ) ),
21 'pages' => array( 'label' => __( 'Pages', 'twentytwentytwo' ) ),
22 );
23
24 /**
25 * Filters the theme block pattern categories.
26 *
27 * @since Twenty Twenty-Two 1.0
28 *
29 * @param array[] $block_pattern_categories {
30 * An associative array of block pattern categories, keyed by category name.
31 *
32 * @type array[] $properties {
33 * An array of block category properties.
34 *
35 * @type string $label A human-readable label for the pattern category.
36 * }
37 * }
38 */
39 $block_pattern_categories = apply_filters( 'twentytwentytwo_block_pattern_categories', $block_pattern_categories );
40
41 foreach ( $block_pattern_categories as $name => $properties ) {
42 if ( ! WP_Block_Pattern_Categories_Registry::get_instance()->is_registered( $name ) ) {
43 register_block_pattern_category( $name, $properties );
44 }
45 }
46
47 $block_patterns = array(
48 'footer-default',
49 'footer-dark',
50 'footer-logo',
51 'footer-navigation',
52 'footer-title-tagline-social',
53 'footer-social-copyright',
54 'footer-navigation-copyright',
55 'footer-about-title-logo',
56 'footer-query-title-citation',
57 'footer-query-images-title-citation',
58 'footer-blog',
59 'general-subscribe',
60 'general-featured-posts',
61 'general-layered-images-with-duotone',
62 'general-wide-image-intro-buttons',
63 'general-large-list-names',
64 'general-video-header-details',
65 'general-list-events',
66 'general-two-images-text',
67 'general-image-with-caption',
68 'general-video-trailer',
69 'general-pricing-table',
70 'general-divider-light',
71 'general-divider-dark',
72 'header-default',
73 'header-large-dark',
74 'header-small-dark',
75 'header-image-background',
76 'header-image-background-overlay',
77 'header-with-tagline',
78 'header-text-only-green-background',
79 'header-text-only-salmon-background',
80 'header-title-and-button',
81 'header-text-only-with-tagline-black-background',
82 'header-logo-navigation-gray-background',
83 'header-logo-navigation-social-black-background',
84 'header-title-navigation-social',
85 'header-logo-navigation-offset-tagline',
86 'header-stacked',
87 'header-centered-logo',
88 'header-centered-logo-black-background',
89 'header-centered-title-navigation-social',
90 'header-title-and-button',
91 'hidden-404',
92 'hidden-bird',
93 'hidden-heading-and-bird',
94 'page-about-media-left',
95 'page-about-simple-dark',
96 'page-about-media-right',
97 'page-about-solid-color',
98 'page-about-links',
99 'page-about-links-dark',
100 'page-about-large-image-and-buttons',
101 'page-layout-image-and-text',
102 'page-layout-image-text-and-video',
103 'page-layout-two-columns',
104 'page-sidebar-poster',
105 'page-sidebar-grid-posts',
106 'page-sidebar-blog-posts',
107 'page-sidebar-blog-posts-right',
108 'query-default',
109 'query-simple-blog',
110 'query-grid',
111 'query-text-grid',
112 'query-image-grid',
113 'query-large-titles',
114 'query-irregular-grid',
115 );
116
117 /**
118 * Filters the theme block patterns.
119 *
120 * @since Twenty Twenty-Two 1.0
121 *
122 * @param array $block_patterns List of block patterns by name.
123 */
124 $block_patterns = apply_filters( 'twentytwentytwo_block_patterns', $block_patterns );
125
126 foreach ( $block_patterns as $block_pattern ) {
127 $pattern_file = get_theme_file_path( '/inc/patterns/' . $block_pattern . '.php' );
128
129 register_block_pattern(
130 'twentytwentytwo/' . $block_pattern,
131 require $pattern_file
132 );
133 }
134 }
135 add_action( 'init', 'twentytwentytwo_register_block_patterns', 9 );
1 <?php
2 /**
3 * Footer with text, title, and logo
4 */
5 return array(
6 'title' => __( 'Footer with text, title, and logo', 'twentytwentytwo' ),
7 'categories' => array( 'footer' ),
8 'blockTypes' => array( 'core/template-part/footer' ),
9 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","bottom":"6rem"}}},"backgroundColor":"secondary","layout":{"inherit":true}} -->
10 <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"} -->
11 <div class="wp-block-columns alignwide"><!-- wp:column {"width":"33%"} -->
12 <div class="wp-block-column" style="flex-basis:33%"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} -->
13 <p style="text-transform:uppercase">' . esc_html__( 'About us', 'twentytwentytwo' ) . '</p>
14 <!-- /wp:paragraph -->
15
16 <!-- wp:paragraph {"style":{"fontSize":"small"} -->
17 <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>
18 <!-- /wp:paragraph -->
19
20 <!-- wp:spacer {"height":180} -->
21 <div style="height:180px" aria-hidden="true" class="wp-block-spacer"></div>
22 <!-- /wp:spacer -->
23
24 <!-- wp:site-title {"level":0} /--></div>
25 <!-- /wp:column -->
26
27 <!-- wp:column {"verticalAlignment":"bottom"} -->
28 <div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:site-logo {"align":"right","width":60} /--></div>
29 <!-- /wp:column --></div>
30 <!-- /wp:columns --></div>
31 <!-- /wp:group -->',
32 );
1 <?php
2 /**
3 * Blog footer
4 */
5 return array(
6 'title' => __( 'Blog footer', 'twentytwentytwo' ),
7 'categories' => array( 'footer' ),
8 'blockTypes' => array( 'core/template-part/footer' ),
9 '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}} -->
10 <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"} -->
11 <div class="wp-block-columns alignwide"><!-- wp:column -->
12 <div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} -->
13 <p style="text-transform:uppercase">' . esc_html__( 'About us', 'twentytwentytwo' ) . '</p>
14 <!-- /wp:paragraph -->
15
16 <!-- wp:paragraph -->
17 <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>
18 <!-- /wp:paragraph --></div>
19 <!-- /wp:column -->
20
21 <!-- wp:column -->
22 <div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} -->
23 <p style="text-transform:uppercase">' . esc_html__( 'Latest posts', 'twentytwentytwo' ) . '</p>
24 <!-- /wp:paragraph -->
25
26 <!-- wp:latest-posts /--></div>
27 <!-- /wp:column -->
28
29 <!-- wp:column -->
30 <div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} -->
31 <p style="text-transform:uppercase">' . esc_html__( 'Categories', 'twentytwentytwo' ) . '</p>
32 <!-- /wp:paragraph -->
33
34 <!-- wp:categories /--></div>
35 <!-- /wp:column --></div>
36 <!-- /wp:columns -->
37
38 <!-- wp:spacer {"height":50} -->
39 <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
40 <!-- /wp:spacer -->
41
42 <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
43 <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title {"level":0} /-->
44
45 <!-- wp:paragraph {"align":"right"} -->
46 <p class="has-text-align-right">' .
47 sprintf(
48 /* Translators: WordPress link. */
49 esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ),
50 '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>'
51 ) . '</p>
52 <!-- /wp:paragraph --></div>
53 <!-- /wp:group --></div>
54 <!-- /wp:group -->',
55 );
1 <?php
2 /**
3 * Dark footer wtih title and citation
4 */
5 return array(
6 'title' => __( 'Dark footer with title and citation', 'twentytwentytwo' ),
7 'categories' => array( 'footer' ),
8 'blockTypes' => array( 'core/template-part/footer' ),
9 '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}} -->
10 <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"}} -->
11 <div class="wp-block-group alignwide"><!-- wp:site-title {"level":0} /-->
12
13 <!-- wp:paragraph {"align":"right"} -->
14 <p class="has-text-align-right">' .
15 sprintf(
16 /* Translators: WordPress link. */
17 esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ),
18 '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>'
19 ) . '</p>
20 <!-- /wp:paragraph --></div>
21 <!-- /wp:group --></div>
22 <!-- /wp:group -->',
23 );
1 <?php
2 /**
3 * Default footer
4 */
5 return array(
6 'title' => __( 'Default footer', 'twentytwentytwo' ),
7 'categories' => array( 'footer' ),
8 'blockTypes' => array( 'core/template-part/footer' ),
9 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
10 <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
11 <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title {"level":0} /-->
12
13 <!-- wp:paragraph {"align":"right"} -->
14 <p class="has-text-align-right">' .
15 sprintf(
16 /* Translators: WordPress link. */
17 esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ),
18 '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>'
19 ) . '</p>
20 <!-- /wp:paragraph --></div>
21 <!-- /wp:group --></div>
22 <!-- /wp:group -->',
23 );
1 <?php
2 /**
3 * Default footer with logo
4 */
5 return array(
6 'title' => __( 'Footer with logo and citation', 'twentytwentytwo' ),
7 'categories' => array( 'footer' ),
8 'blockTypes' => array( 'core/template-part/footer' ),
9 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
10 <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
11 <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-logo {"width":60} /-->
12
13 <!-- wp:paragraph {"align":"right"} -->
14 <p class="has-text-align-right">' .
15 sprintf(
16 /* Translators: WordPress link. */
17 esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ),
18 '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>'
19 ) . '</p>
20 <!-- /wp:paragraph --></div>
21 <!-- /wp:group --></div>
22 <!-- /wp:group -->',
23 );
1 <?php
2 /**
3 * Footer with navigation and copyright
4 */
5 return array(
6 'title' => __( 'Footer with navigation and copyright', 'twentytwentytwo' ),
7 'categories' => array( 'footer' ),
8 'blockTypes' => array( 'core/template-part/footer' ),
9 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
10 <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}}} -->
11 <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"center"}} -->
12 <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
13 <!-- /wp:navigation -->
14
15 <!-- wp:spacer {"height":50} -->
16 <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
17 <!-- /wp:spacer -->
18
19 <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"16px"}}} -->
20 <p class="has-text-align-center" style="font-size:16px">' . esc_html__( '© Site Title', 'twentytwentytwo' ) . '</p>
21 <!-- /wp:paragraph --></div>
22 <!-- /wp:group --></div>
23 <!-- /wp:group -->',
24 );
1 <?php
2 /**
3 * Footer with navigation and citation
4 */
5 return array(
6 'title' => __( 'Footer with navigation and citation', 'twentytwentytwo' ),
7 'categories' => array( 'footer' ),
8 'blockTypes' => array( 'core/template-part/footer' ),
9 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
10 <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
11 <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:navigation -->
12 <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
13 <!-- /wp:navigation -->
14
15 <!-- wp:paragraph {"align":"right"} -->
16 <p class="has-text-align-right">' .
17 sprintf(
18 /* Translators: WordPress link. */
19 esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ),
20 '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>'
21 ) . '</p>
22 <!-- /wp:paragraph --></div>
23 <!-- /wp:group --></div>
24 <!-- /wp:group -->',
25 );
1 <?php
2 /**
3 * Footer with query, featured images, title, and citation
4 */
5 return array(
6 'title' => __( 'Footer with query, featured images, title, and citation', 'twentytwentytwo' ),
7 'categories' => array( 'footer' ),
8 'blockTypes' => array( 'core/template-part/footer' ),
9 '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}} -->
10 <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"} -->
11 <div class="wp-block-query alignwide"><!-- wp:post-template -->
12 <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /-->
13
14 <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /-->
15
16 <!-- wp:post-excerpt /-->
17
18 <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /-->
19 <!-- /wp:post-template --></div>
20 <!-- /wp:query -->
21
22 <!-- wp:spacer -->
23 <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
24 <!-- /wp:spacer -->
25
26 <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
27 <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title {"level":0} /-->
28 <!-- wp:group {"layout":{"type":"flex","justifyContent":"right"}} -->
29 <div class="wp-block-group">
30 <!-- wp:paragraph -->
31 <p>' .
32 sprintf(
33 /* Translators: WordPress link. */
34 esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ),
35 '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>'
36 ) . '</p>
37 <!-- /wp:paragraph --></div>
38 <!-- /wp:group --></div>
39 <!-- /wp:group --></div>
40 <!-- /wp:group -->',
41 );
1 <?php
2 /**
3 * Footer with query, title, and citation
4 */
5 return array(
6 'title' => __( 'Footer with query, title, and citation', 'twentytwentytwo' ),
7 'categories' => array( 'footer' ),
8 'blockTypes' => array( 'core/template-part/footer' ),
9 '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}} -->
10 <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"} -->
11 <div class="wp-block-query alignwide"><!-- wp:post-template -->
12 <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /-->
13
14 <!-- wp:post-excerpt /-->
15
16 <!-- wp:post-date {"isLink":true} /-->
17 <!-- /wp:post-template --></div>
18 <!-- /wp:query -->
19
20 <!-- wp:spacer -->
21 <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
22 <!-- /wp:spacer -->
23
24 <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
25 <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:site-title {"level":0} /-->
26 <!-- wp:group {"layout":{"type":"flex","justifyContent":"right"}} -->
27 <div class="wp-block-group">
28 <!-- wp:paragraph -->
29 <p>' .
30 sprintf(
31 /* Translators: WordPress link. */
32 esc_html__( 'Proudly powered by %s', 'twentytwentytwo' ),
33 '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentytwo' ) ) . '" rel="nofollow">WordPress</a>'
34 ) . '</p>
35 <!-- /wp:paragraph --></div>
36 <!-- /wp:group --></div>
37 <!-- /wp:group --></div>
38 <!-- /wp:group -->',
39 );
1 <?php
2 /**
3 * Footer with social links and copyright
4 */
5 return array(
6 'title' => __( 'Footer with social links and copyright', 'twentytwentytwo' ),
7 'categories' => array( 'footer' ),
8 'blockTypes' => array( 'core/template-part/footer' ),
9 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
10 <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}}} -->
11 <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"}} -->
12 <ul class="wp-block-social-links has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
13
14 <!-- wp:social-link {"url":"#","service":"twitter"} /-->
15
16 <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
17 <!-- /wp:social-links -->
18
19 <!-- wp:spacer {"height":50} -->
20 <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
21 <!-- /wp:spacer -->
22
23 <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"16px"}}} -->
24 <p class="has-text-align-center" style="font-size:16px">' . esc_html__( '© Site Title', 'twentytwentytwo' ) . '</p>
25 <!-- /wp:paragraph --></div>
26 <!-- /wp:group --></div>
27 <!-- /wp:group -->',
28 );
1 <?php
2 /**
3 * Footer with title, tagline, and social links on a dark background
4 */
5 return array(
6 'title' => __( 'Footer with title, tagline, and social links on a dark background', 'twentytwentytwo' ),
7 'categories' => array( 'footer' ),
8 'blockTypes' => array( 'core/template-part/footer' ),
9 'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
10 <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"}} -->
11 <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:group -->
12 <div class="wp-block-group"><!-- wp:site-title {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"textTransform":"uppercase"}}} /-->
13
14 <!-- wp:site-tagline {"style":{"spacing":{"margin":{"top":"0.25em","bottom":"0px"}},"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div>
15 <!-- /wp:group -->
16
17 <!-- wp:social-links {"iconBackgroundColor":"foreground","iconBackgroundColorValue":"var(--wp--preset--color--foreground)","layout":{"type":"flex","justifyContent":"right"}} -->
18 <ul class="wp-block-social-links has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
19
20 <!-- wp:social-link {"url":"#","service":"twitter"} /-->
21
22 <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
23 <!-- /wp:social-links --></div>
24 <!-- /wp:group --></div>
25 <!-- /wp:group -->',
26 );
1 <?php
2 /**
3 * Divider with image and color (dark) block pattern
4 */
5 return array(
6 'title' => __( 'Divider with image and color (dark)', 'twentytwentytwo' ),
7 'categories' => array( 'featured' ),
8 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"1rem","right":"0px","bottom":"1rem","left":"0px"}}},"backgroundColor":"primary"} -->
9 <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,"sizeSlug":"full","linkDestination":"none"} -->
10 <figure class="wp-block-image size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/divider-white.png" alt="" class="wp-image-473"/></figure>
11 <!-- /wp:image --></div>
12 <!-- /wp:group -->',
13 );
1 <?php
2 /**
3 * Divider with image and color (light) block pattern
4 */
5 return array(
6 'title' => __( 'Divider with image and color (light)', 'twentytwentytwo' ),
7 'categories' => array( 'featured' ),
8 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"1rem","right":"0px","bottom":"1rem","left":"0px"}}},"backgroundColor":"secondary"} -->
9 <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,"sizeSlug":"full","linkDestination":"none"} -->
10 <figure class="wp-block-image size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/divider-black.png" alt="" class="wp-image-473"/></figure>
11 <!-- /wp:image --></div>
12 <!-- /wp:group -->',
13 );
1 <?php
2 /**
3 * Featured posts block pattern
4 */
5 return array(
6 'title' => __( 'Featured posts', 'twentytwentytwo' ),
7 'categories' => array( 'featured', 'query' ),
8 'content' => '<!-- wp:group {"align":"wide","layout":{"inherit":false}} -->
9 <div class="wp-block-group alignwide"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} -->
10 <p style="text-transform:uppercase">' . esc_html__( 'Latest posts', 'twentytwentytwo' ) . '</p>
11 <!-- /wp:paragraph -->
12
13 <!-- 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}} -->
14 <div class="wp-block-query"><!-- wp:post-template -->
15 <!-- wp:post-featured-image {"isLink":true,"width":"","height":"310px"} /-->
16
17 <!-- wp:post-title {"isLink":true,"fontSize":"large"} /-->
18
19 <!-- wp:post-excerpt /-->
20
21 <!-- wp:post-date {"fontSize":"small"} /-->
22 <!-- /wp:post-template --></div>
23 <!-- /wp:query --></div>
24 <!-- /wp:group -->',
25 );
1 <?php
2 /**
3 * Image with caption block pattern
4 */
5 return array(
6 'title' => __( 'Image with caption', 'twentytwentytwo' ),
7 'categories' => array( 'featured', 'columns', 'gallery' ),
8 '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}} -->
9 <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} -->
10 <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 -->
11 <p><strong>' . esc_html__( 'Hummingbird', 'twentytwentytwo' ) . '</strong></p>
12 <!-- /wp:paragraph -->
13
14 <!-- wp:paragraph -->
15 <p>' . esc_html__( 'A beautiful bird featuring a surprising set of color feathers.', 'twentytwentytwo' ) . '</p>
16 <!-- /wp:paragraph --></div></div>
17 <!-- /wp:media-text --></div>
18 <!-- /wp:group -->',
19 );
1 <?php
2 /**
3 * Large list of names block pattern
4 */
5 return array(
6 'title' => __( 'Large list of names', 'twentytwentytwo' ),
7 'categories' => array( 'featured', 'text' ),
8 '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}} -->
9 <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"} -->
10 <div class="wp-block-group alignwide"><!-- wp:image {"width":175,"height":82,"sizeSlug":"full","linkDestination":"none"} -->
11 <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>
12 <!-- /wp:image --></div>
13 <!-- /wp:group -->
14
15 <!-- wp:group {"align":"wide"} -->
16 <div class="wp-block-group alignwide"><!-- wp:spacer {"height":32} -->
17 <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
18 <!-- /wp:spacer -->
19
20 <!-- wp:paragraph {"style":{"typography":{"fontWeight":"300"}},"fontSize":"x-large"} -->
21 <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>
22 <!-- /wp:paragraph -->
23
24 <!-- wp:spacer {"height":32} -->
25 <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
26 <!-- /wp:spacer -->
27
28 <!-- wp:buttons -->
29 <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"primary","textColor":"background"} -->
30 <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>
31 <!-- /wp:button --></div>
32 <!-- /wp:buttons --></div>
33 <!-- /wp:group --></div>
34 <!-- /wp:group -->',
35 );
1 <?php
2 /**
3 * Layered images with duotone block pattern
4 */
5 return array(
6 'title' => __( 'Layered images with duotone', 'twentytwentytwo' ),
7 'categories' => array( 'featured', 'gallery' ),
8 '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"]}}} -->
9 <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"} -->
10 <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>
11 <!-- /wp:image --></div></div>
12 <!-- /wp:cover -->',
13 );
1 <?php
2 /**
3 * List of events block pattern
4 */
5 return array(
6 'title' => __( 'List of events', 'twentytwentytwo' ),
7 'categories' => array( 'featured', 'text' ),
8 '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"} -->
9 <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}} -->
10 <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"}}}} -->
11 <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>
12 <!-- /wp:heading -->
13
14 <!-- wp:spacer {"height":32} -->
15 <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
16 <!-- /wp:spacer -->
17
18 <!-- wp:separator {"color":"background","align":"wide","className":"is-style-wide"} -->
19 <hr class="wp-block-separator alignwide has-text-color has-background has-background-background-color has-background-color is-style-wide"/>
20 <!-- /wp:separator -->
21
22 <!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
23 <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"210px"} -->
24 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:210px"><!-- wp:paragraph -->
25 <p>' . esc_html__( 'May 14th, 2022, 6 PM', 'twentytwentytwo' ) . '</p>
26 <!-- /wp:paragraph --></div>
27 <!-- /wp:column -->
28
29 <!-- wp:column {"verticalAlignment":"center"} -->
30 <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"fontSize":"x-large"} -->
31 <h2 class="has-x-large-font-size" id="jesus-rodriguez">' . esc_html__( 'Jesús Rodriguez', 'twentytwentytwo' ) . '</h2>
32 <!-- /wp:heading --></div>
33 <!-- /wp:column -->
34
35 <!-- wp:column {"verticalAlignment":"center"} -->
36 <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph -->
37 <p>' . wp_kses_post( __( 'The Vintagé Theater<br>245 Arden Rd.<br>Gardenville, NH', 'twentytwentytwo' ) ) . '</p>
38 <!-- /wp:paragraph --></div>
39 <!-- /wp:column --></div>
40 <!-- /wp:columns -->
41
42 <!-- wp:separator {"color":"background","align":"wide","className":"is-style-wide"} -->
43 <hr class="wp-block-separator alignwide has-text-color has-background has-background-background-color has-background-color is-style-wide"/>
44 <!-- /wp:separator -->
45
46 <!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
47 <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"210px"} -->
48 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:210px"><!-- wp:paragraph -->
49 <p>' . esc_html__( 'May 16th, 2022, 6 PM', 'twentytwentytwo' ) . '</p>
50 <!-- /wp:paragraph --></div>
51 <!-- /wp:column -->
52
53 <!-- wp:column {"verticalAlignment":"center"} -->
54 <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"fontSize":"x-large"} -->
55 <h2 class="has-x-large-font-size" id="jesus-rodriguez">' . esc_html__( 'Doug Stilton', 'twentytwentytwo' ) . '</h2>
56 <!-- /wp:heading --></div>
57 <!-- /wp:column -->
58
59 <!-- wp:column {"verticalAlignment":"center"} -->
60 <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph -->
61 <p>' . wp_kses_post( __( 'The Swell Theater<br>120 River Rd.<br>Rainfall, NH', 'twentytwentytwo' ) ) . '</p>
62 <!-- /wp:paragraph --></div>
63 <!-- /wp:column --></div>
64 <!-- /wp:columns -->
65
66 <!-- wp:separator {"color":"background","align":"wide","className":"is-style-wide"} -->
67 <hr class="wp-block-separator alignwide has-text-color has-background has-background-background-color has-background-color is-style-wide"/>
68 <!-- /wp:separator -->
69
70 <!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
71 <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"210px"} -->
72 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:210px"><!-- wp:paragraph -->
73 <p>' . esc_html__( 'May 18th, 2022, 7 PM', 'twentytwentytwo' ) . '</p>
74 <!-- /wp:paragraph --></div>
75 <!-- /wp:column -->
76
77 <!-- wp:column {"verticalAlignment":"center"} -->
78 <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"fontSize":"x-large"} -->
79 <h2 class="has-x-large-font-size" id="jesus-rodriguez">' . esc_html__( 'Amy Jensen', 'twentytwentytwo' ) . '</h2>
80 <!-- /wp:heading --></div>
81 <!-- /wp:column -->
82
83 <!-- wp:column {"verticalAlignment":"center"} -->
84 <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph -->
85 <p>' . wp_kses_post( __( 'The Vintagé Theater<br>245 Arden Rd.<br>Gardenville, NH', 'twentytwentytwo' ) ) . '</p>
86 <!-- /wp:paragraph --></div>
87 <!-- /wp:column --></div>
88 <!-- /wp:columns -->
89
90 <!-- wp:separator {"color":"background","align":"wide","className":"is-style-wide"} -->
91 <hr class="wp-block-separator alignwide has-text-color has-background has-background-background-color has-background-color is-style-wide"/>
92 <!-- /wp:separator -->
93
94 <!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
95 <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"210px"} -->
96 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:210px"><!-- wp:paragraph -->
97 <p>' . esc_html__( 'May 20th, 2022, 6 PM', 'twentytwentytwo' ) . '</p>
98 <!-- /wp:paragraph --></div>
99 <!-- /wp:column -->
100
101 <!-- wp:column {"verticalAlignment":"center"} -->
102 <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"fontSize":"x-large"} -->
103 <h2 class="has-x-large-font-size" id="jesus-rodriguez">' . esc_html__( 'Emery Driscoll', 'twentytwentytwo' ) . '</h2>
104 <!-- /wp:heading --></div>
105 <!-- /wp:column -->
106
107 <!-- wp:column {"verticalAlignment":"center"} -->
108 <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph -->
109 <p>' . wp_kses_post( __( 'The Swell Theater<br>120 River Rd.<br>Rainfall, NH', 'twentytwentytwo' ) ) . '</p>
110 <!-- /wp:paragraph --></div>
111 <!-- /wp:column --></div>
112 <!-- /wp:columns -->
113
114 <!-- wp:separator {"color":"background","align":"wide","className":"is-style-wide"} -->
115 <hr class="wp-block-separator alignwide has-text-color has-background has-background-background-color has-background-color is-style-wide"/>
116 <!-- /wp:separator -->
117
118 <!-- wp:spacer {"height":32} -->
119 <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
120 <!-- /wp:spacer -->
121
122 <!-- wp:group {"align":"wide"} -->
123 <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"}} -->
124 <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"wordpress"} /-->
125
126 <!-- wp:social-link {"url":"#","service":"instagram"} /-->
127
128 <!-- wp:social-link {"url":"#","service":"twitter"} /--></ul>
129 <!-- /wp:social-links --></div>
130 <!-- /wp:group --></div>
131 <!-- /wp:group --></div>
132 <!-- /wp:group -->',
133 );
1 <?php
2 /**
3 * Pricing table block pattern
4 */
5 return array(
6 'title' => __( 'Pricing table', 'twentytwentytwo' ),
7 'categories' => array( 'featured', 'columns', 'buttons' ),
8 'content' => '<!-- wp:columns {"align":"wide"} -->
9 <div class="wp-block-columns alignwide"><!-- wp:column -->
10 <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} -->
11 <hr class="wp-block-separator is-style-wide"/>
12 <!-- /wp:separator -->
13
14 <!-- wp:heading {"style":{"typography":{"fontSize":"var(--wp--custom--typography--font-size--gigantic, clamp(2.75rem, 6vw, 3.25rem))","lineHeight":"0.5"}}} -->
15 <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>
16 <!-- /wp:heading -->
17
18 <!-- wp:heading {"level":3,"fontSize":"x-large"} -->
19 <h3 class="has-x-large-font-size" id="pigeon"><em>' . esc_html__( 'Pigeon', 'twentytwentytwo' ) . '</em></h3>
20 <!-- /wp:heading -->
21
22 <!-- wp:paragraph -->
23 <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>
24 <!-- /wp:paragraph -->
25
26 <!-- wp:buttons -->
27 <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground","width":100} -->
28 <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>
29 <!-- /wp:button --></div>
30 <!-- /wp:buttons -->
31
32 <!-- wp:spacer {"height":16} -->
33 <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
34 <!-- /wp:spacer --></div>
35 <!-- /wp:column -->
36
37 <!-- wp:column -->
38 <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} -->
39 <hr class="wp-block-separator is-style-wide"/>
40 <!-- /wp:separator -->
41
42 <!-- wp:heading {"style":{"typography":{"fontSize":"clamp(2.75rem, 6vw, 3.25rem)","lineHeight":"0.5"}}} -->
43 <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>
44 <!-- /wp:heading -->
45
46 <!-- wp:heading {"fontSize":"x-large"} -->
47 <h2 class="has-x-large-font-size" id="sparrow"><meta charset="utf-8"><em>' . esc_html__( 'Sparrow', 'twentytwentytwo' ) . '</em></h2>
48 <!-- /wp:heading -->
49
50 <!-- wp:paragraph -->
51 <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>
52 <!-- /wp:paragraph -->
53
54 <!-- wp:buttons -->
55 <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground","width":100} -->
56 <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>
57 <!-- /wp:button --></div>
58 <!-- /wp:buttons -->
59
60 <!-- wp:spacer {"height":16} -->
61 <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
62 <!-- /wp:spacer --></div>
63 <!-- /wp:column -->
64
65 <!-- wp:column -->
66 <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} -->
67 <hr class="wp-block-separator is-style-wide"/>
68 <!-- /wp:separator -->
69
70 <!-- wp:heading {"style":{"typography":{"fontSize":"clamp(2.75rem, 6vw, 3.25rem)","lineHeight":"0.5"}}} -->
71 <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>
72 <!-- /wp:heading -->
73
74 <!-- wp:heading {"fontSize":"x-large"} -->
75 <h2 class="has-x-large-font-size" id="falcon"><meta charset="utf-8"><em>' . esc_html__( 'Falcon', 'twentytwentytwo' ) . '</em></h2>
76 <!-- /wp:heading -->
77
78 <!-- wp:paragraph -->
79 <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>
80 <!-- /wp:paragraph -->
81
82 <!-- wp:buttons -->
83 <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground","width":100} -->
84 <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>
85 <!-- /wp:button --></div>
86 <!-- /wp:buttons -->
87
88 <!-- wp:spacer {"height":16} -->
89 <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
90 <!-- /wp:spacer --></div>
91 <!-- /wp:column --></div>
92 <!-- /wp:columns -->',
93 );
1 <?php
2 /**
3 * Subscribe callout block pattern
4 */
5 return array(
6 'title' => __( 'Subscribe callout', 'twentytwentytwo' ),
7 'categories' => array( 'featured', 'buttons' ),
8 'content' => '<!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
9 <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
10 <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading -->
11 <h2>' . wp_kses_post( __( 'Watch birds<br>from your inbox', 'twentytwentytwo' ) ) . '</h2>
12 <!-- /wp:heading -->
13
14 <!-- wp:buttons -->
15 <div class="wp-block-buttons"><!-- wp:button {"fontSize":"medium"} -->
16 <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>
17 <!-- /wp:button --></div>
18 <!-- /wp:buttons --></div>
19 <!-- /wp:column -->
20
21 <!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"2rem","bottom":"2rem"}}}} -->
22 <div class="wp-block-column is-vertically-aligned-center" style="padding-top:2rem;padding-bottom:2rem"><!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
23 <hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/>
24 <!-- /wp:separator --></div>
25 <!-- /wp:column --></div>
26 <!-- /wp:columns -->',
27 );
1 <?php
2 /**
3 * Two images with text block pattern
4 */
5 return array(
6 'title' => __( 'Two images with text', 'twentytwentytwo' ),
7 'categories' => array( 'featured', 'columns', 'gallery' ),
8 'content' => '<!-- wp:columns {"align":"wide"} -->
9 <div class="wp-block-columns alignwide"><!-- wp:column {"style":{"spacing":{"padding":{"top":"0rem","right":"0rem","bottom":"0rem","left":"0rem"}}}} -->
10 <div class="wp-block-column" style="padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem"><!-- wp:image {"sizeSlug":"large"} -->
11 <figure class="wp-block-image size-large"><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' ) . '"/></figure>
12 <!-- /wp:image --></div>
13 <!-- /wp:column -->
14
15 <!-- wp:column {"style":{"spacing":{"padding":{"top":"0rem","right":"0rem","bottom":"0rem","left":"0rem"}}}} -->
16 <div class="wp-block-column" style="padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem"><!-- wp:image {"sizeSlug":"large"} -->
17 <figure class="wp-block-image size-large"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-green.jpg" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '"/></figure>
18 <!-- /wp:image -->
19
20 <!-- wp:spacer {"height":30} -->
21 <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
22 <!-- /wp:spacer -->
23
24 <!-- wp:heading {"fontSize":"x-large"} -->
25 <h2 class="has-x-large-font-size" id="screening">' . esc_html__( 'SCREENING', 'twentytwentytwo' ) . '</h2>
26 <!-- /wp:heading -->
27
28 <!-- wp:paragraph -->
29 <p>' . wp_kses_post( __( 'May 14th, 2022 @ 7:00PM<br>The Vintagé Theater,<br>245 Arden Rd.<br>Gardenville, NH', 'twentytwentytwo' ) ) . '</p>
30 <!-- /wp:paragraph -->
31
32 <!-- wp:spacer {"height":8} -->
33 <div style="height:8px" aria-hidden="true" class="wp-block-spacer"></div>
34 <!-- /wp:spacer -->
35
36 <!-- wp:spacer {"height":10} -->
37 <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
38 <!-- /wp:spacer -->
39
40 <!-- wp:buttons -->
41 <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"foreground"} -->
42 <div class="wp-block-button"><a class="wp-block-button__link has-foreground-background-color has-background">' . esc_html__( 'Buy Tickets', 'twentytwentytwo' ) . '</a></div>
43 <!-- /wp:button --></div>
44 <!-- /wp:buttons --></div>
45 <!-- /wp:column --></div>
46 <!-- /wp:columns -->',
47 );
1 <?php
2 /**
3 * Video with header and details block pattern
4 */
5 return array(
6 'title' => __( 'Video with header and details', 'twentytwentytwo' ),
7 'categories' => array( 'featured', 'columns' ),
8 '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"} -->
9 <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}} -->
10 <div class="wp-block-group alignfull"><!-- wp:heading {"level":1,"align":"wide","style":{"typography":{"fontSize":"clamp(3rem, 6vw, 4.5rem)"}}} -->
11 <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>
12 <!-- /wp:heading -->
13
14 <!-- wp:spacer {"height":32} -->
15 <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
16 <!-- /wp:spacer -->
17
18 <!-- wp:video {"align":"wide"} -->
19 <figure class="wp-block-video alignwide"><video controls src="' . esc_url( get_template_directory_uri() ) . '/assets/videos/birds.mp4"></video></figure>
20 <!-- /wp:video -->
21
22 <!-- wp:spacer {"height":32} -->
23 <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
24 <!-- /wp:spacer -->
25
26 <!-- wp:columns {"align":"wide"} -->
27 <div class="wp-block-columns alignwide"><!-- wp:column {"width":"50%"} -->
28 <div class="wp-block-column" style="flex-basis:50%"><!-- wp:paragraph -->
29 <p><strong>' . esc_html__( 'Featuring', 'twentytwentytwo' ) . '</strong></p>
30 <!-- /wp:paragraph --></div>
31 <!-- /wp:column -->
32
33 <!-- wp:column -->
34 <div class="wp-block-column"><!-- wp:paragraph -->
35 <p>' . wp_kses_post( __( 'Jesús Rodriguez<br>Doug Stilton<br>Emery Driscoll<br>Megan Perry<br>Rowan Price', 'twentytwentytwo' ) ) . '</p>
36 <!-- /wp:paragraph --></div>
37 <!-- /wp:column -->
38
39 <!-- wp:column -->
40 <div class="wp-block-column"><!-- wp:paragraph -->
41 <p>' . wp_kses_post( __( 'Angelo Tso<br>Edward Stilton<br>Amy Jensen<br>Boston Bell<br>Shay Ford', 'twentytwentytwo' ) ) . '</p>
42 <!-- /wp:paragraph --></div>
43 <!-- /wp:column --></div>
44 <!-- /wp:columns --></div>
45 <!-- /wp:group --></div>
46 <!-- /wp:group -->',
47 );
1 <?php
2 /**
3 * Video trailer block pattern
4 */
5 return array(
6 'title' => __( 'Video trailer', 'twentytwentytwo' ),
7 'categories' => array( 'featured', 'columns' ),
8 '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}} -->
9 <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"} -->
10 <div class="wp-block-columns alignwide"><!-- wp:column {"width":"33.33%"} -->
11 <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:heading {"fontSize":"x-large"} -->
12 <h2 class="has-x-large-font-size" id="extended-trailer">' . esc_html__( 'Extended Trailer', 'twentytwentytwo' ) . '</h2>
13 <!-- /wp:heading -->
14
15 <!-- wp:paragraph -->
16 <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>
17 <!-- /wp:paragraph --></div>
18 <!-- /wp:column -->
19
20 <!-- wp:column {"width":"66.66%"} -->
21 <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:video -->
22 <figure class="wp-block-video"><video controls src="' . esc_url( get_template_directory_uri() ) . '/assets/videos/birds.mp4"></video></figure>
23 <!-- /wp:video --></div>
24 <!-- /wp:column --></div>
25 <!-- /wp:columns --></div>
26 <!-- /wp:group -->',
27 );
1 <?php
2 /**
3 * Wide image with introduction and buttons block pattern
4 */
5 return array(
6 'title' => __( 'Wide image with introduction and buttons', 'twentytwentytwo' ),
7 'categories' => array( 'featured', 'columns' ),
8 'content' => '<!-- wp:group {"align":"wide"} -->
9 <div class="wp-block-group alignwide"><!-- wp:image {"sizeSlug":"large"} -->
10 <figure class="wp-block-image size-large"><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' ) . '"/></figure>
11 <!-- /wp:image -->
12
13 <!-- wp:columns {"verticalAlignment":null} -->
14 <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"bottom"} -->
15 <div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:heading {"style":{"typography":{"fontSize":"clamp(3.25rem, 8vw, 6.25rem)","lineHeight":"1.15"}}} -->
16 <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>
17 <!-- /wp:heading --></div>
18 <!-- /wp:column -->
19
20 <!-- wp:column {"verticalAlignment":"bottom","style":{"spacing":{"padding":{"bottom":"6rem"}}}} -->
21 <div class="wp-block-column is-vertically-aligned-bottom" style="padding-bottom:6rem"><!-- wp:paragraph -->
22 <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>
23 <!-- /wp:paragraph -->
24
25 <!-- wp:spacer {"height":20} -->
26 <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
27 <!-- /wp:spacer -->
28
29 <!-- wp:buttons -->
30 <div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
31 <div class="wp-block-button is-style-outline"><a class="wp-block-button__link">' . esc_html__( 'Learn More', 'twentytwentytwo' ) . '</a></div>
32 <!-- /wp:button -->
33
34 <!-- wp:button {"className":"is-style-outline"} -->
35 <div class="wp-block-button is-style-outline"><a class="wp-block-button__link">' . esc_html__( 'Buy Tickets', 'twentytwentytwo' ) . '</a></div>
36 <!-- /wp:button --></div>
37 <!-- /wp:buttons --></div>
38 <!-- /wp:column --></div>
39 <!-- /wp:columns --></div>
40 <!-- /wp:group -->',
41 );
1 <?php
2 /**
3 * Header with centered logo and black background
4 */
5 return array(
6 'title' => __( 'Header with centered logo and black background', 'twentytwentytwo' ),
7 'categories' => array( 'header' ),
8 'blockTypes' => array( 'core/template-part/header' ),
9 '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"}} -->
10 <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"}} -->
11 <!-- wp:navigation-link {"isTopLevelLink":true} /-->
12
13 <!-- wp:navigation-link {"isTopLevelLink":true} /-->
14
15 <!-- wp:site-logo {"width":90} /-->
16
17 <!-- wp:navigation-link {"isTopLevelLink":true} /-->
18
19 <!-- wp:navigation-link {"isTopLevelLink":true} /-->
20 <!-- /wp:navigation --></div>
21 <!-- /wp:group -->',
22 );
1 <?php
2 /**
3 * Header with centered logo block pattern
4 */
5 return array(
6 'title' => __( 'Header with centered logo', 'twentytwentytwo' ),
7 'categories' => array( 'header' ),
8 'blockTypes' => array( 'core/template-part/header' ),
9 '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}} -->
10 <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"} -->
11 <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
12 <div class="wp-block-column is-vertically-aligned-center"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"400","textTransform":"uppercase"}}} /--></div>
13 <!-- /wp:column -->
14
15 <!-- wp:column {"width":"64px"} -->
16 <div class="wp-block-column" style="flex-basis:64px"><!-- wp:site-logo {"width":64} /--></div>
17 <!-- /wp:column -->
18
19 <!-- wp:column {"verticalAlignment":"center"} -->
20 <div class="wp-block-column is-vertically-aligned-center"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
21 <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
22 <!-- /wp:navigation --></div>
23 <!-- /wp:column --></div>
24 <!-- /wp:columns --></div>
25 <!-- /wp:group -->',
26 );
1 <?php
2 /**
3 * Centered header with navigation, social links, and salmon background block pattern
4 */
5 return array(
6 'title' => __( 'Centered header with navigation, social links, and salmon background', 'twentytwentytwo' ),
7 'categories' => array( 'header' ),
8 'blockTypes' => array( 'core/template-part/header' ),
9 '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}} -->
10 <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"} -->
11 <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
12 <div class="wp-block-column is-vertically-aligned-center"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left"}} -->
13 <!-- wp:page-list /-->
14 <!-- /wp:navigation --></div>
15 <!-- /wp:column -->
16
17 <!-- wp:column {"width":""} -->
18 <div class="wp-block-column"><!-- wp:site-title {"textAlign":"center","style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700"}}} /--></div>
19 <!-- /wp:column -->
20
21 <!-- wp:column {"verticalAlignment":"center"} -->
22 <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"}} -->
23 <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"twitter"} /-->
24
25 <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
26 <!-- /wp:social-links --></div>
27 <!-- /wp:column --></div>
28 <!-- /wp:columns --></div>
29 <!-- /wp:group -->',
30 );
1 <?php
2 /**
3 * Default header block pattern
4 */
5 return array(
6 'title' => __( 'Default header', 'twentytwentytwo' ),
7 'categories' => array( 'header' ),
8 'blockTypes' => array( 'core/template-part/header' ),
9 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
10 <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"}} -->
11 <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"}} -->
12 <div class="wp-block-group">
13 <!-- wp:site-logo {"width":64} /-->
14
15 <!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--></div>
16 <!-- /wp:group -->
17
18 <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
19 <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
20 <!-- /wp:navigation --></div>
21 <!-- /wp:group --></div>
22 <!-- /wp:group -->',
23 );
1 <?php
2 /**
3 * Header with image background and overlay block pattern
4 */
5 return array(
6 'title' => __( 'Header with image background and overlay', 'twentytwentytwo' ),
7 'categories' => array( 'header' ),
8 'blockTypes' => array( 'core/template-part/header' ),
9 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
10 <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"]}}} -->
11 <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"}} -->
12 <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"}}} /-->
13
14 <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
15 <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
16 <!-- /wp:navigation --></div>
17 <!-- /wp:group --></div></div>
18 <!-- /wp:cover --></div>
19 <!-- /wp:group -->',
20 );
1 <?php
2 /**
3 * Header with image background block pattern
4 */
5 return array(
6 'title' => __( 'Header with image background', 'twentytwentytwo' ),
7 'categories' => array( 'header' ),
8 'blockTypes' => array( 'core/template-part/header' ),
9 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
10 <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":{}}} -->
11 <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"}} -->
12 <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"}}} /-->
13
14 <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
15 <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
16 <!-- /wp:navigation --></div>
17 <!-- /wp:group -->
18
19 <!-- wp:spacer {"height":500} -->
20 <div style="height:500px" aria-hidden="true" class="wp-block-spacer"></div>
21 <!-- /wp:spacer --></div></div>
22 <!-- /wp:cover --></div>
23 <!-- /wp:group -->',
24 );
1 <?php
2 /**
3 * Large header with dark background block pattern
4 */
5 return array(
6 'title' => __( 'Large header with dark background', 'twentytwentytwo' ),
7 'categories' => array( 'header' ),
8 'blockTypes' => array( 'core/template-part/header' ),
9 '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}} -->
10 <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}} -->
11 <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"}} -->
12 <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"}} -->
13 <div class="wp-block-group"><!-- wp:site-logo {"width":64} /-->
14
15 <!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--></div>
16 <!-- /wp:group -->
17
18 <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
19 <!-- wp:page-list /-->
20 <!-- /wp:navigation --></div>
21 <!-- /wp:group -->
22
23 <!-- wp:heading {"align":"wide","style":{"typography":{"fontSize":"clamp(3.25rem, 8vw, 6.25rem)","lineHeight":"1.15"}}} -->
24 <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>
25 <!-- /wp:heading --></div>
26 <!-- /wp:group -->
27
28 <!-- wp:image {"align":"full","sizeSlug":"full","linkDestination":"none"} -->
29 <figure class="wp-block-image alignfull size-full"><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' ) . '"/></figure>
30 <!-- /wp:image --></div>
31 <!-- /wp:group --><!-- wp:spacer {"height":66} -->
32 <div style="height:66px" aria-hidden="true" class="wp-block-spacer"></div>
33 <!-- /wp:spacer -->',
34 );
1 <?php
2 /**
3 * Logo and navigation header with gray background
4 */
5 return array(
6 'title' => __( 'Logo and navigation header with gray background', 'twentytwentytwo' ),
7 'categories' => array( 'header' ),
8 'blockTypes' => array( 'core/template-part/header' ),
9 '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}} -->
10 <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"}} -->
11 <div class="wp-block-group alignwide" style="padding-top:0px;padding-right:0px;padding-bottom:0rem;padding-left:0px"><!-- wp:site-logo {"width":64} /-->
12
13 <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
14 <!-- wp:page-list /-->
15 <!-- /wp:navigation --></div>
16 <!-- /wp:group --></div>
17 <!-- /wp:group -->',
18 );
1 <?php
2 /**
3 * Logo, navigation, and offset tagline Header block pattern
4 */
5 return array(
6 'title' => __( 'Logo, navigation, and offset tagline Header', 'twentytwentytwo' ),
7 'categories' => array( 'header' ),
8 'blockTypes' => array( 'core/template-part/header' ),
9 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
10 <div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)"}}}} -->
11 <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"}} -->
12 <div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:site-logo {"width":64} /-->
13
14 <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
15 <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
16 <!-- /wp:navigation --></div>
17 <!-- /wp:group -->
18
19 <!-- wp:columns {"isStackedOnMobile":false,"align":"wide"} -->
20 <div class="wp-block-columns alignwide is-not-stacked-on-mobile"><!-- wp:column {"width":"64px"} -->
21 <div class="wp-block-column" style="flex-basis:64px"></div>
22 <!-- /wp:column -->
23
24 <!-- wp:column {"width":"380px"} -->
25 <div class="wp-block-column" style="flex-basis:380px"><!-- wp:site-tagline {"fontSize":"small"} /--></div>
26 <!-- /wp:column --></div>
27 <!-- /wp:columns --></div>
28 <!-- /wp:group --></div>
29 <!-- /wp:group -->',
30 );
1 <?php
2 /**
3 * Logo, navigation, and social links header with black background block pattern
4 */
5 return array(
6 'title' => __( 'Logo, navigation, and social links header with black background', 'twentytwentytwo' ),
7 'categories' => array( 'header' ),
8 'blockTypes' => array( 'core/template-part/header' ),
9 '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}} -->
10 <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"}} -->
11 <div class="wp-block-group alignwide" style="padding-top:0px;padding-right:0px;padding-bottom:0rem;padding-left:0px"><!-- wp:site-logo {"width":64} /-->
12
13 <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
14 <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
15
16 <!-- wp:social-links {"iconColor":"background","iconColorValue":"var(--wp--preset--color--background)","className":"is-style-logos-only"} -->
17 <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"instagram"} /-->
18
19 <!-- wp:social-link {"url":"#","service":"twitter"} /--></ul>
20 <!-- /wp:social-links -->
21 <!-- /wp:navigation --></div>
22 <!-- /wp:group --></div>
23 <!-- /wp:group -->',
24 );
1 <?php
2 /**
3 * Small header with dark background block pattern
4 */
5 return array(
6 'title' => __( 'Small header with dark background', 'twentytwentytwo' ),
7 'categories' => array( 'header' ),
8 'blockTypes' => array( 'core/template-part/header' ),
9 '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}} -->
10 <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}} -->
11 <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"}} -->
12 <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"}} -->
13 <div class="wp-block-group"><!-- wp:site-logo {"width":64} /-->
14
15 <!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--></div>
16 <!-- /wp:group -->
17
18 <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
19 <!-- wp:page-list /-->
20 <!-- /wp:navigation --></div>
21 <!-- /wp:group --></div>
22 <!-- /wp:group -->
23
24 <!-- wp:image {"align":"wide","sizeSlug":"full","linkDestination":"none"} -->
25 <figure class="wp-block-image alignwide size-full"><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' ) . '"/></figure>
26 <!-- /wp:image --></div>
27 <!-- /wp:group -->
28 <!-- wp:spacer {"height":66} -->
29 <div style="height:66px" aria-hidden="true" class="wp-block-spacer"></div>
30 <!-- /wp:spacer -->',
31 );
1 <?php
2 /**
3 * Logo and navigation header block pattern
4 */
5 return array(
6 'title' => __( 'Logo and navigation header', 'twentytwentytwo' ),
7 'categories' => array( 'header' ),
8 'blockTypes' => array( 'core/template-part/header' ),
9 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
10 <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)"}}}} -->
11 <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} /-->
12
13 <!-- wp:spacer {"height":10} -->
14 <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
15 <!-- /wp:spacer -->
16
17 <!-- wp:site-title {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400","textTransform":"uppercase"}}} /-->
18
19 <!-- wp:spacer {"height":10} -->
20 <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
21 <!-- /wp:spacer -->
22
23 <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"center"}} -->
24 <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
25 <!-- /wp:navigation --></div>
26 <!-- /wp:group --></div>
27 <!-- /wp:group -->',
28 );
1 <?php
2 /**
3 * Text-only header with green background block pattern
4 */
5 return array(
6 'title' => __( 'Text-only header with green background', 'twentytwentytwo' ),
7 'categories' => array( 'header' ),
8 'blockTypes' => array( 'core/template-part/header' ),
9 '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}} -->
10 <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"}} -->
11 <div class="wp-block-group alignwide"><!-- wp:group -->
12 <div class="wp-block-group"><!-- wp:site-title {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"700"}}} /-->
13
14 <!-- wp:site-tagline {"style":{"spacing":{"margin":{"top":"0.25em","bottom":"0px"}},"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div>
15 <!-- /wp:group -->
16
17 <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
18 <!-- wp:page-list /-->
19 <!-- /wp:navigation --></div>
20 <!-- /wp:group --></div>
21 <!-- /wp:group -->',
22 );
1 <?php
2 /**
3 * Text-only header with salmon background block pattern
4 */
5 return array(
6 'title' => __( 'Text-only header with salmon background', 'twentytwentytwo' ),
7 'categories' => array( 'header' ),
8 'blockTypes' => array( 'core/template-part/header' ),
9 '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}} -->
10 <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"}} -->
11 <div class="wp-block-group alignwide"><!-- wp:site-title {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"700"}}} /-->
12
13 <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
14 <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
15 <!-- /wp:navigation --></div>
16 <!-- /wp:group --></div>
17 <!-- /wp:group -->',
18 );
1 <?php
2 /**
3 * Text-only header with tagline and black background block pattern
4 */
5 return array(
6 'title' => __( 'Text-only header with tagline and black background', 'twentytwentytwo' ),
7 'categories' => array( 'header' ),
8 'blockTypes' => array( 'core/template-part/header' ),
9 '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}} -->
10 <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"}} -->
11 <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"}} -->
12 <div class="wp-block-group"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /-->
13
14 <!-- wp:site-tagline {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div>
15 <!-- /wp:group -->
16
17 <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
18 <!-- wp:page-list /-->
19 <!-- /wp:navigation --></div>
20 <!-- /wp:group --></div>
21 <!-- /wp:group -->',
22 );
1 <?php
2 /**
3 * Title and button header block pattern
4 */
5 return array(
6 'title' => __( 'Title and button header', 'twentytwentytwo' ),
7 'categories' => array( 'header' ),
8 'blockTypes' => array( 'core/template-part/header' ),
9 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
10 <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"}} -->
11 <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"}}} /-->
12
13 <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"},"overlayMenu":"always"} -->
14 <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
15 <!-- /wp:navigation --></div>
16 <!-- /wp:group --></div>
17 <!-- /wp:group -->',
18 );
1 <?php
2 /**
3 * Title, navigation, and social links header block pattern
4 */
5 return array(
6 'title' => __( 'Title, navigation, and social links header', 'twentytwentytwo' ),
7 'categories' => array( 'header' ),
8 'blockTypes' => array( 'core/template-part/header' ),
9 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
10 <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"}} -->
11 <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"}}} /-->
12
13 <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
14 <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
15
16 <!-- wp:social-links {"iconColor":"foreground","iconColorValue":"var(--wp--preset--color--foreground)","className":"is-style-logos-only"} -->
17 <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"instagram"} /-->
18
19 <!-- wp:social-link {"url":"#","service":"twitter"} /--></ul>
20 <!-- /wp:social-links -->
21 <!-- /wp:navigation --></div>
22 <!-- /wp:group --></div>
23 <!-- /wp:group -->',
24 );
1 <?php
2 /**
3 * Header with tagline block pattern
4 */
5 return array(
6 'title' => __( 'Header with tagline', 'twentytwentytwo' ),
7 'categories' => array( 'header' ),
8 'blockTypes' => array( 'core/template-part/header' ),
9 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
10 <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"}} -->
11 <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"}} -->
12 <div class="wp-block-group"><!-- wp:site-logo {"width":64} /-->
13
14 <!-- wp:group -->
15 <div class="wp-block-group"><!-- wp:site-title {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontStyle":"normal","fontWeight":"700"}}} /-->
16
17 <!-- wp:site-tagline {"style":{"spacing":{"margin":{"top":"0.25em","bottom":"0px"}},"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div>
18 <!-- /wp:group --></div>
19 <!-- /wp:group -->
20
21 <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
22 <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
23 <!-- /wp:navigation --></div>
24 <!-- /wp:group --></div>
25 <!-- /wp:group -->',
26 );
1 <?php
2 /**
3 * 404 content.
4 */
5 return array(
6 'title' => __( '404 content', 'twentytwentytwo' ),
7 'inserter' => false,
8 'content' => '<!-- wp:heading {"style":{"typography":{"fontSize":"clamp(4rem, 40vw, 20rem)","fontWeight":"200","lineHeight":"1"}},"className":"has-text-align-center"} -->
9 <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>
10 <!-- /wp:heading -->
11 <!-- wp:paragraph {"align":"center"} -->
12 <p class="has-text-align-center">' . esc_html__( 'This page could not be found. Maybe try a search?', 'twentytwentytwo' ) . '</p>
13 <!-- /wp:paragraph -->
14 <!-- wp:search {"label":"Search","showLabel":false,"width":50,"widthUnit":"%","buttonText":"Search","buttonUseIcon":true,"align":"center"} /-->',
15 );
1 <?php
2 /**
3 * Bird image
4 *
5 * This pattern is used only to reference a dynamic image URL.
6 * It does not appear in the inserter.
7 */
8 return array(
9 'title' => __( 'Heading and bird image', 'twentytwentytwo' ),
10 'inserter' => false,
11 'content' => '<!-- wp:image {"align":"wide","sizeSlug":"full","linkDestination":"none"} -->
12 <figure class="wp-block-image alignwide size-full"><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' ) . '"/></figure>
13 <!-- /wp:image -->',
14 );
1 <?php
2 /**
3 * Heading and bird image
4 *
5 * This pattern is used only for translation
6 * and to reference a dynamic image URL. It does
7 * not appear in the inserter.
8 */
9 return array(
10 'title' => __( 'Heading and bird image', 'twentytwentytwo' ),
11 'inserter' => false,
12 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0px","bottom":"0px"}}},"layout":{"inherit":true}} -->
13 <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"}}} -->
14 <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>
15 <!-- /wp:heading --></div>
16 <!-- /wp:group -->
17
18 <!-- wp:image {"align":"full","sizeSlug":"full","linkDestination":"none"} -->
19 <figure class="wp-block-image alignfull size-full"><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' ) . '"/></figure>
20 <!-- /wp:image -->',
21 );
1 <?php
2 /**
3 * About page with large image and buttons
4 */
5 return array(
6 'title' => __( 'About page with large image and buttons', 'twentytwentytwo' ),
7 'categories' => array( 'pages', 'buttons' ),
8 '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}} -->
9 <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","sizeSlug":"full","linkDestination":"none"} -->
10 <figure class="wp-block-image alignwide size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-gray-b.jpg" alt=""/></figure>
11 <!-- /wp:image -->
12
13 <!-- wp:columns {"align":"wide"} -->
14 <div class="wp-block-columns alignwide"><!-- wp:column -->
15 <div class="wp-block-column"><!-- wp:buttons -->
16 <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
17 <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>
18 <!-- /wp:button --></div>
19 <!-- /wp:buttons --></div>
20 <!-- /wp:column -->
21
22 <!-- wp:column -->
23 <div class="wp-block-column"><!-- wp:buttons -->
24 <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
25 <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>
26 <!-- /wp:button --></div>
27 <!-- /wp:buttons --></div>
28 <!-- /wp:column -->
29
30 <!-- wp:column -->
31 <div class="wp-block-column"><!-- wp:buttons -->
32 <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
33 <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>
34 <!-- /wp:button --></div>
35 <!-- /wp:buttons --></div>
36 <!-- /wp:column --></div>
37 <!-- /wp:columns -->
38
39 <!-- wp:columns {"align":"wide"} -->
40 <div class="wp-block-columns alignwide"><!-- wp:column -->
41 <div class="wp-block-column"><!-- wp:buttons -->
42 <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
43 <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>
44 <!-- /wp:button --></div>
45 <!-- /wp:buttons --></div>
46 <!-- /wp:column -->
47
48 <!-- wp:column -->
49 <div class="wp-block-column"><!-- wp:buttons -->
50 <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
51 <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>
52 <!-- /wp:button --></div>
53 <!-- /wp:buttons --></div>
54 <!-- /wp:column -->
55
56 <!-- wp:column -->
57 <div class="wp-block-column"><!-- wp:buttons -->
58 <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
59 <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>
60 <!-- /wp:button --></div>
61 <!-- /wp:buttons --></div>
62 <!-- /wp:column --></div>
63 <!-- /wp:columns -->
64
65 <!-- wp:spacer {"height":50} -->
66 <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
67 <!-- /wp:spacer -->
68
69 <!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--preset--color--primary)","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} -->
70 <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"wordpress"} /-->
71
72 <!-- wp:social-link {"url":"#","service":"facebook"} /-->
73
74 <!-- wp:social-link {"url":"#","service":"twitter"} /-->
75
76 <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
77 <!-- /wp:social-links --></div>
78 <!-- /wp:group -->',
79 );
1 <?php
2 /**
3 * About page links (dark)
4 */
5 return array(
6 'title' => __( 'About page links (dark)', 'twentytwentytwo' ),
7 'categories' => array( 'pages', 'buttons' ),
8 '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"}} -->
9 <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 -->
10 <div class="wp-block-group">
11
12 <!-- wp:image {"width":100,"height":100,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
13 <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>
14 <!-- /wp:image -->
15
16 <!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"}}} -->
17 <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>
18 <!-- /wp:heading -->
19
20 <!-- wp:spacer {"height":40} -->
21 <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
22 <!-- /wp:spacer -->
23
24 <!-- wp:buttons {"contentJustification":"left"} -->
25 <div class="wp-block-buttons is-content-justification-left"><!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-outline"} -->
26 <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>
27 <!-- /wp:button -->
28
29 <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-outline"} -->
30 <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>
31 <!-- /wp:button -->
32
33 <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-outline"} -->
34 <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>
35 <!-- /wp:button -->
36
37 <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-outline"} -->
38 <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>
39 <!-- /wp:button -->
40
41 <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-outline"} -->
42 <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>
43 <!-- /wp:button --></div>
44 <!-- /wp:buttons --></div>
45 <!-- /wp:group --></div>
46 <!-- /wp:group -->',
47 );
1 <?php
2 /**
3 * About page links
4 */
5 return array(
6 'title' => __( 'About page links', 'twentytwentytwo' ),
7 'categories' => array( 'pages', 'buttons' ),
8 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"10rem","bottom":"10rem"}}},"layout":{"inherit":false,"contentSize":"400px"}} -->
9 <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"} -->
10 <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>
11 <!-- /wp:image -->
12
13 <!-- wp:group -->
14 <div class="wp-block-group">
15
16 <!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"}}} -->
17 <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>
18 <!-- /wp:heading -->
19
20 <!-- wp:paragraph {"align":"center"} -->
21 <p class="has-text-align-center">' . esc_html__( 'A podcast about birds', 'twentytwentytwo' ) . '</p>
22 <!-- /wp:paragraph -->
23
24 <!-- wp:spacer {"height":40} -->
25 <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
26 <!-- /wp:spacer -->
27
28 <!-- wp:buttons {"contentJustification":"left"} -->
29 <div class="wp-block-buttons is-content-justification-left"><!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-fill"} -->
30 <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>
31 <!-- /wp:button -->
32
33 <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-fill"} -->
34 <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>
35 <!-- /wp:button -->
36
37 <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-fill"} -->
38 <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>
39 <!-- /wp:button -->
40
41 <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-fill"} -->
42 <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>
43 <!-- /wp:button -->
44
45 <!-- wp:button {"width":100,"style":{"border":{"radius":"6px"}},"className":"is-style-fill"} -->
46 <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>
47 <!-- /wp:button --></div>
48 <!-- /wp:buttons --></div>
49 <!-- /wp:group -->
50
51 <!-- wp:spacer {"height":40} -->
52 <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
53 <!-- /wp:spacer -->
54
55 <!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--preset--color--primary)","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} -->
56 <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"wordpress"} /-->
57
58 <!-- wp:social-link {"url":"#","service":"facebook"} /-->
59
60 <!-- wp:social-link {"url":"#","service":"twitter"} /-->
61
62 <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
63 <!-- /wp:social-links --></div>
64 <!-- /wp:group -->',
65 );
1 <?php
2 /**
3 * About page with media on the left
4 */
5 return array(
6 'title' => __( 'About page with media on the left', 'twentytwentytwo' ),
7 'categories' => array( 'pages' ),
8 '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"} -->
9 <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} -->
10 <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
11 <!-- /wp:spacer -->
12
13 <!-- wp:site-logo {"width":60} /-->
14
15 <!-- wp:group {"style":{"spacing":{"padding":{"right":"min(8rem, 5vw)","top":"min(28rem, 28vw)"}}}} -->
16 <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)"}}} -->
17 <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>
18 <!-- /wp:heading -->
19
20 <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}}} -->
21 <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>
22 <!-- /wp:paragraph -->
23
24 <!-- wp:spacer {"height":40} -->
25 <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
26 <!-- /wp:spacer -->
27
28 <!-- wp:social-links {"iconColor":"background","iconColorValue":"var(--wp--preset--color--background)","iconBackgroundColor":"foreground","iconBackgroundColorValue":"var(--wp--preset--color--foreground)"} -->
29 <ul class="wp-block-social-links has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"wordpress"} /-->
30
31 <!-- wp:social-link {"url":"#","service":"twitter"} /-->
32
33 <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
34 <!-- /wp:social-links --></div>
35 <!-- /wp:group -->
36
37 <!-- wp:spacer {"height":32} -->
38 <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
39 <!-- /wp:spacer --></div></div>
40 <!-- /wp:media-text -->',
41 );
1 <?php
2 /**
3 * About page with media on the right
4 */
5 return array(
6 'title' => __( 'About page with media on the right', 'twentytwentytwo' ),
7 'categories' => array( 'pages' ),
8 '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"} -->
9 <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} -->
10 <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
11 <!-- /wp:spacer -->
12 <!-- wp:site-logo {"width":60} /-->
13
14 <!-- wp:group {"style":{"spacing":{"padding":{"right":"min(8rem, 5vw)","top":"min(20rem, 20vw)"}}}} -->
15 <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)"}}} -->
16 <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>
17 <!-- /wp:heading -->
18
19 <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}}} -->
20 <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>
21 <!-- /wp:paragraph -->
22
23 <!-- wp:spacer {"height":40} -->
24 <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
25 <!-- /wp:spacer -->
26
27 <!-- wp:social-links {"iconColor":"background","iconColorValue":"var(--wp--preset--color--foreground)","iconBackgroundColor":"foreground","iconBackgroundColorValue":"var(--wp--preset--color--background)"} -->
28 <ul class="wp-block-social-links has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"wordpress"} /-->
29
30 <!-- wp:social-link {"url":"#","service":"twitter"} /-->
31
32 <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
33 <!-- /wp:social-links --></div>
34 <!-- /wp:group --></div>
35
36 <!-- wp:spacer {"height":32} -->
37 <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
38 <!-- /wp:spacer --></div>
39 <!-- /wp:media-text -->',
40 );
1 <?php
2 /**
3 * Simple dark about page
4 */
5 return array(
6 'title' => __( 'Simple dark about page', 'twentytwentytwo' ),
7 'categories' => array( 'pages' ),
8 '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)"}}}} -->
9 <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"} -->
10 <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
11 <!-- /wp:navigation -->
12
13 <!-- wp:columns -->
14 <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"bottom","width":"45%","style":{"spacing":{"padding":{"top":"12rem"}}}} -->
15 <div class="wp-block-column is-vertically-aligned-bottom" style="padding-top:12rem;flex-basis:45%"><!-- wp:site-logo {"width":60} /-->
16
17 <!-- wp:heading {"style":{"typography":{"fontWeight":"300","lineHeight":"1.115","fontSize":"clamp(3rem, 6vw, 4.5rem)"}}} -->
18 <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>
19 <!-- /wp:heading -->
20
21 <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}}} -->
22 <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>
23 <!-- /wp:paragraph -->
24
25 <!-- wp:spacer {"height":40} -->
26 <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
27 <!-- /wp:spacer -->
28
29 <!-- wp:social-links {"iconColor":"background","iconColorValue":"var(--wp--preset--color--foreground)","iconBackgroundColor":"foreground","iconBackgroundColorValue":"var(--wp--preset--color--background)"} -->
30 <ul class="wp-block-social-links has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"wordpress"} /-->
31
32 <!-- wp:social-link {"url":"#","service":"twitter"} /-->
33
34 <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
35 <!-- /wp:social-links --></div>
36 <!-- /wp:column -->
37
38 <!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"0rem","right":"0rem","bottom":"4rem","left":"0rem"}}}} -->
39 <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"} -->
40 <hr class="wp-block-separator has-text-color has-background has-background-background-color has-background-color is-style-wide"/>
41 <!-- /wp:separator --></div>
42 <!-- /wp:column --></div>
43 <!-- /wp:columns --></div></div>
44 <!-- /wp:cover -->',
45 );
1 <?php
2 /**
3 * About page on solid color background
4 */
5 return array(
6 'title' => __( 'About page on solid color background', 'twentytwentytwo' ),
7 'categories' => array( 'pages' ),
8 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"1.25rem","right":"1.25rem","bottom":"1.25rem","left":"1.25rem"}}}} -->
9 <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"} -->
10 <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"}} -->
11 <div class="wp-block-group"><!-- wp:spacer {"height":64} -->
12 <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div>
13 <!-- /wp:spacer --><!-- wp:heading {"style":{"typography":{"lineHeight":"1","textTransform":"uppercase","fontSize":"clamp(2.75rem, 6vw, 3.25rem)"}}} -->
14 <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>
15 <!-- /wp:heading -->
16
17 <!-- wp:spacer {"height":8} -->
18 <div style="height:8px" aria-hidden="true" class="wp-block-spacer"></div>
19 <!-- /wp:spacer -->
20
21 <!-- wp:paragraph {"fontSize":"small"} -->
22 <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>
23 <!-- /wp:paragraph -->
24
25 <!-- wp:spacer {"height":8} -->
26 <div style="height:8px" aria-hidden="true" class="wp-block-spacer"></div>
27 <!-- /wp:spacer -->
28
29 <!-- wp:social-links {"iconColor":"foreground","iconColorValue":"var(--wp--preset--color--foreground)","className":"is-style-logos-only"} -->
30 <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"wordpress"} /-->
31
32 <!-- wp:social-link {"url":"#","service":"twitter"} /-->
33
34 <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
35 <!-- /wp:social-links --><!-- wp:spacer {"height":64} -->
36 <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div>
37 <!-- /wp:spacer --></div>
38 <!-- /wp:group --></div></div>
39 <!-- /wp:cover --></div>
40 <!-- /wp:group -->',
41 );
1 <?php
2 /**
3 * Page layout with image and text.
4 */
5 return array(
6 'title' => __( 'Page layout with image and text', 'twentytwentytwo' ),
7 'categories' => array( 'pages' ),
8 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","bottom":"2rem"}}},"layout":{"inherit":true}} -->
9 <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"}}} -->
10 <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>
11 <!-- /wp:heading --></div>
12 <!-- /wp:group -->
13
14 <!-- wp:image {"align":"full","style":{"color":{}}} -->
15 <figure class="wp-block-image alignfull"><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' ) . '"/></figure>
16 <!-- /wp:image -->
17
18 <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"2rem","bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"layout":{"inherit":true}} -->
19 <div class="wp-block-group alignfull" style="padding-top:2rem;padding-bottom:var(--wp--custom--spacing--large, 8rem)">
20 <!-- wp:columns {"align":"wide"} -->
21 <div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"bottom","style":{"spacing":{"padding":{"bottom":"1em"}}}} -->
22 <div class="wp-block-column is-vertically-aligned-bottom" style="padding-bottom:1em"><!-- wp:site-logo {"width":60} /--></div>
23 <!-- /wp:column -->
24
25 <!-- wp:column {"verticalAlignment":"bottom"} -->
26 <div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:paragraph -->
27 <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>
28 <!-- /wp:paragraph --></div>
29 <!-- /wp:column --></div>
30 <!-- /wp:columns --></div>
31 <!-- /wp:group -->',
32 );
1 <?php
2 /**
3 * Page layout with image, text and video.
4 */
5 return array(
6 'title' => __( 'Page layout with image, text and video', 'twentytwentytwo' ),
7 'categories' => array( 'pages' ),
8 '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"} -->
9 <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}} -->
10 <div class="wp-block-group"><!-- wp:heading {"level":1,"align":"wide","style":{"typography":{"fontSize":"clamp(3rem, 6vw, 4.5rem)"}}} -->
11 <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>
12 <!-- /wp:heading -->
13
14 <!-- wp:spacer {"height":50} -->
15 <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
16 <!-- /wp:spacer -->
17
18 <!-- wp:columns {"align":"wide"} -->
19 <div class="wp-block-columns alignwide"><!-- wp:column {"width":"33.33%"} -->
20 <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:heading {"fontSize":"x-large"} -->
21 <h2 class="has-x-large-font-size">' . esc_html__( 'Screening', 'twentytwentytwo' ) . '</h2>
22 <!-- /wp:heading -->
23
24 <!-- wp:paragraph -->
25 <p>' . wp_kses_post( __( 'May 14th, 2022 @ 7:00PM<br>The Vintagé Theater,<br>245 Arden Rd.<br>Gardenville, NH', 'twentytwentytwo' ) ) . '</p>
26 <!-- /wp:paragraph -->
27
28 <!-- wp:buttons -->
29 <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"secondary","textColor":"primary"} -->
30 <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>
31 <!-- /wp:button --></div>
32 <!-- /wp:buttons --></div>
33 <!-- /wp:column -->
34
35 <!-- wp:column {"width":"66.66%"} -->
36 <div class="wp-block-column" style="flex-basis:66.66%"></div>
37 <!-- /wp:column --></div>
38 <!-- /wp:columns --></div>
39 <!-- /wp:group -->
40
41 <!-- wp:image {"align":"full","style":{"color":{}}} -->
42 <figure class="wp-block-image alignfull"><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' ) . '"/></figure>
43 <!-- /wp:image -->
44
45 <!-- wp:group {"align":"full","layout":{"inherit":true}} -->
46 <div class="wp-block-group alignfull"><!-- wp:columns {"align":"wide"} -->
47 <div class="wp-block-columns alignwide"><!-- wp:column {"width":"33.33%"} -->
48 <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:heading {"fontSize":"x-large"} -->
49 <h2 class="has-x-large-font-size">' . esc_html__( 'Extended Trailer', 'twentytwentytwo' ) . '</h2>
50 <!-- /wp:heading -->
51
52 <!-- wp:paragraph -->
53 <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>
54 <!-- /wp:paragraph --></div>
55 <!-- /wp:column -->
56
57 <!-- wp:column {"width":"66.66%"} -->
58 <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:video {"id":181} -->
59 <figure class="wp-block-video"><video controls src="' . esc_url( get_template_directory_uri() ) . '/assets/videos/birds.mp4"></video></figure>
60 <!-- /wp:video --></div>
61 <!-- /wp:column --></div>
62 <!-- /wp:columns --></div>
63 <!-- /wp:group --></div>
64 <!-- /wp:group -->',
65 );
1 <?php
2 /**
3 * Page layout with two columns.
4 */
5 return array(
6 'title' => __( 'Page layout with two columns', 'twentytwentytwo' ),
7 'categories' => array( 'pages' ),
8 '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}} -->
9 <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"}}} -->
10 <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>&amp; Sparrow</em>', 'twentytwentytwo' ) ) . '</h1>
11 <!-- /wp:heading -->
12
13 <!-- wp:spacer {"height":50} -->
14 <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
15 <!-- /wp:spacer -->
16
17 <!-- wp:group {"align":"wide","layout":{"inherit":false}} -->
18 <div class="wp-block-group alignwide"><!-- wp:columns -->
19 <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
20 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:paragraph -->
21 <p>' . esc_html__( 'WELCOME', 'twentytwentytwo' ) . '</p>
22 <!-- /wp:paragraph --></div>
23 <!-- /wp:column -->
24
25 <!-- wp:column {"verticalAlignment":"center","width":"80%"} -->
26 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:80%"><!-- wp:separator {"className":"is-style-wide"} -->
27 <hr class="wp-block-separator is-style-wide"/>
28 <!-- /wp:separator --></div>
29 <!-- /wp:column --></div>
30 <!-- /wp:columns --></div>
31 <!-- /wp:group -->
32
33 <!-- wp:columns {"align":"wide"} -->
34 <div class="wp-block-columns alignwide"><!-- wp:column -->
35 <div class="wp-block-column"><!-- wp:paragraph -->
36 <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>
37 <!-- /wp:paragraph --></div>
38 <!-- /wp:column -->
39
40 <!-- wp:column -->
41 <div class="wp-block-column"></div>
42 <!-- /wp:column --></div>
43 <!-- /wp:columns -->
44
45 <!-- wp:spacer -->
46 <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
47 <!-- /wp:spacer -->
48
49 <!-- wp:columns {"align":"wide"} -->
50 <div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center"} -->
51 <div class="wp-block-column is-vertically-aligned-center"><!-- wp:separator {"className":"is-style-wide"} -->
52 <hr class="wp-block-separator is-style-wide"/>
53 <!-- /wp:separator --></div>
54 <!-- /wp:column -->
55
56 <!-- wp:column {"verticalAlignment":"center"} -->
57 <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph -->
58 <p>' . esc_html__( 'POSTS', 'twentytwentytwo' ) . '</p>
59 <!-- /wp:paragraph --></div>
60 <!-- /wp:column --></div>
61 <!-- /wp:columns -->
62
63 <!-- wp:columns {"align":"wide"} -->
64 <div class="wp-block-columns alignwide"><!-- wp:column -->
65 <div class="wp-block-column"></div>
66 <!-- /wp:column -->
67
68 <!-- wp:column -->
69 <div class="wp-block-column"><!-- wp:latest-posts /--></div>
70 <!-- /wp:column --></div>
71 <!-- /wp:columns --></div>
72 <!-- /wp:group -->',
73 );
1 <?php
2 /**
3 * Blog posts with right sidebar block pattern
4 */
5 return array(
6 'title' => __( 'Blog posts with right sidebar', 'twentytwentytwo' ),
7 'categories' => array( 'pages' ),
8 '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}} -->
9 <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"}} -->
10 <div class="wp-block-group alignwide" style="padding-top:0px;padding-right:0px;padding-bottom:2rem;padding-left:0px"><!-- wp:group {"layout":{"type":"flex"}} -->
11 <div class="wp-block-group"><!-- wp:site-logo {"width":64} /--></div>
12 <!-- /wp:group -->
13
14 <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
15 <!-- wp:page-list /-->
16 <!-- /wp:navigation --></div>
17 <!-- /wp:group -->
18
19 <!-- wp:spacer {"height":64} -->
20 <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div>
21 <!-- /wp:spacer -->
22
23 <!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"5%"},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
24 <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"}}}} -->
25 <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}} -->
26 <div class="wp-block-query"><!-- wp:post-template -->
27 <!-- 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))"} /-->
28
29 <!-- wp:post-featured-image {"isLink":true} /-->
30
31 <!-- wp:post-excerpt /-->
32
33 <!-- wp:group {"layout":{"type":"flex"}} -->
34 <div class="wp-block-group"><!-- wp:post-date {"format":"F j, Y","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} /-->
35
36 <!-- wp:post-terms {"term":"category","fontSize":"small"} /-->
37
38 <!-- wp:post-terms {"term":"post_tag","fontSize":"small"} /--></div>
39 <!-- /wp:group -->
40
41 <!-- wp:spacer {"height":64} -->
42 <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div>
43 <!-- /wp:spacer -->
44 <!-- /wp:post-template -->
45
46 <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
47 <!-- wp:query-pagination-previous {"fontSize":"small"} /-->
48
49 <!-- wp:query-pagination-numbers /-->
50
51 <!-- wp:query-pagination-next {"fontSize":"small"} /-->
52 <!-- /wp:query-pagination --></div>
53 <!-- /wp:query --></div>
54 <!-- /wp:column -->
55
56 <!-- wp:column {"width":"33.33%"} -->
57 <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
58 <figure class="wp-block-image size-large"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-salmon.jpg" alt="' . esc_attr__( 'Illustration of a flying bird.', 'twentytwentytwo' ) . '"/></figure>
59 <!-- /wp:image -->
60
61 <!-- wp:spacer {"height":4} -->
62 <div style="height:4px" aria-hidden="true" class="wp-block-spacer"></div>
63 <!-- /wp:spacer -->
64
65 <!-- wp:site-title {"isLink":false,"style":{"typography":{"fontStyle":"normal","fontWeight":"300","lineHeight":"1.2"}},"fontSize":"large","fontFamily":"source-serif-pro"} /-->
66
67 <!-- wp:site-tagline /-->
68
69 <!-- wp:spacer {"height":16} -->
70 <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
71 <!-- /wp:spacer -->
72
73 <!-- wp:heading {"level":4,"fontSize":"large"} -->
74 <h4 class="has-large-font-size"><em>' . esc_html__( 'Categories', 'twentytwentytwo' ) . '</em></h4>
75 <!-- /wp:heading -->
76
77 <!-- wp:tag-cloud {"taxonomy":"category","showTagCounts":true} /-->
78
79 <!-- wp:heading {"level":4,"fontSize":"large"} -->
80 <h4 class="has-large-font-size"><em>' . esc_html__( 'Tags', 'twentytwentytwo' ) . '</em></h4>
81 <!-- /wp:heading -->
82
83 <!-- wp:tag-cloud {"showTagCounts":true} /--></div>
84 <!-- /wp:column --></div>
85 <!-- /wp:columns --></div>
86 <!-- /wp:group -->',
87 );
1 <?php
2 /**
3 * Blog posts with left sidebar block pattern
4 */
5 return array(
6 'title' => __( 'Blog posts with left sidebar', 'twentytwentytwo' ),
7 'categories' => array( 'pages' ),
8 '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}} -->
9 <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"} -->
10 <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%"} -->
11 <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:cover {"overlayColor":"secondary","minHeight":400,"isDark":false} -->
12 <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>
13 <!-- /wp:cover -->
14
15 <!-- wp:spacer {"height":40} -->
16 <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
17 <!-- /wp:spacer -->
18
19 <!-- wp:site-tagline {"fontSize":"small"} /-->
20
21 <!-- wp:spacer {"height":32} -->
22 <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
23 <!-- /wp:spacer -->
24
25 <!-- wp:separator {"color":"foreground","className":"is-style-wide"} -->
26 <hr class="wp-block-separator has-text-color has-background has-foreground-background-color has-foreground-color is-style-wide"/>
27 <!-- /wp:separator -->
28
29 <!-- wp:spacer {"height":32} -->
30 <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
31 <!-- /wp:spacer -->
32
33 <!-- wp:navigation {"orientation":"vertical"} -->
34 <!-- wp:page-list /-->
35 <!-- /wp:navigation -->
36
37 <!-- wp:spacer {"height":32} -->
38 <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
39 <!-- /wp:spacer -->
40
41 <!-- wp:separator {"color":"foreground","className":"is-style-wide"} -->
42 <hr class="wp-block-separator has-text-color has-background has-foreground-background-color has-foreground-color is-style-wide"/>
43 <!-- /wp:separator --></div>
44 <!-- /wp:column -->
45
46 <!-- wp:column {"width":"66.66%"} -->
47 <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}} -->
48 <div class="wp-block-query"><!-- wp:post-template -->
49 <!-- 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))"} /-->
50
51 <!-- wp:post-featured-image {"isLink":true} /-->
52
53 <!-- wp:post-excerpt /-->
54
55 <!-- wp:group {"layout":{"type":"flex"}} -->
56 <div class="wp-block-group"><!-- wp:post-date {"format":"F j, Y","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} /-->
57
58 <!-- wp:post-terms {"term":"category","fontSize":"small"} /-->
59
60 <!-- wp:post-terms {"term":"post_tag","fontSize":"small"} /--></div>
61 <!-- /wp:group -->
62
63 <!-- wp:spacer {"height":128} -->
64 <div style="height:128px" aria-hidden="true" class="wp-block-spacer"></div>
65 <!-- /wp:spacer -->
66 <!-- /wp:post-template -->
67
68 <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
69 <!-- wp:query-pagination-previous {"fontSize":"small"} /-->
70
71 <!-- wp:query-pagination-numbers /-->
72
73 <!-- wp:query-pagination-next {"fontSize":"small"} /-->
74 <!-- /wp:query-pagination --></div>
75 <!-- /wp:query --></div>
76 <!-- /wp:column --></div>
77 <!-- /wp:columns --></div>
78 <!-- /wp:group -->',
79 );
1 <?php
2 /**
3 * Grid of posts with left sidebar block pattern
4 */
5 return array(
6 'title' => __( 'Grid of posts with left sidebar', 'twentytwentytwo' ),
7 'categories' => array( 'pages' ),
8 '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}} -->
9 <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"}}}} -->
10 <div class="wp-block-columns alignwide" style="margin-top:0px;margin-bottom:0px"><!-- wp:column {"width":"30%"} -->
11 <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"} /-->
12
13 <!-- wp:site-tagline {"fontSize":"small"} /-->
14
15 <!-- wp:spacer {"height":32} -->
16 <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
17 <!-- /wp:spacer -->
18
19 <!-- wp:separator {"color":"foreground","className":"is-style-wide"} -->
20 <hr class="wp-block-separator has-text-color has-background has-foreground-background-color has-foreground-color is-style-wide"/>
21 <!-- /wp:separator -->
22
23 <!-- wp:spacer {"height":16} -->
24 <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
25 <!-- /wp:spacer -->
26
27 <!-- wp:navigation {"orientation":"vertical"} -->
28 <!-- wp:page-list /-->
29 <!-- /wp:navigation -->
30
31 <!-- wp:spacer {"height":16} -->
32 <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
33 <!-- /wp:spacer -->
34
35 <!-- wp:separator {"color":"foreground","className":"is-style-wide"} -->
36 <hr class="wp-block-separator has-text-color has-background has-foreground-background-color has-foreground-color is-style-wide"/>
37 <!-- /wp:separator -->
38
39 <!-- wp:spacer {"height":16} -->
40 <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
41 <!-- /wp:spacer -->
42
43 <!-- wp:spacer {"height":16} -->
44 <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
45 <!-- /wp:spacer -->
46
47 <!-- wp:site-logo {"width":60} /--></div>
48 <!-- /wp:column -->
49
50 <!-- wp:column {"width":"70%"} -->
51 <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}} -->
52 <div class="wp-block-query"><!-- wp:post-template -->
53 <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"200px"} /-->
54
55 <!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between"}} -->
56 <div class="wp-block-group"><!-- wp:post-title {"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small","fontFamily":"system-font"} /-->
57
58 <!-- wp:post-date {"format":"m.d.y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div>
59 <!-- /wp:group -->
60 <!-- /wp:post-template -->
61
62 <!-- wp:separator {"className":"alignwide is-style-wide"} -->
63 <hr class="wp-block-separator alignwide is-style-wide"/>
64 <!-- /wp:separator -->
65
66 <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
67 <!-- wp:query-pagination-previous {"fontSize":"small"} /-->
68
69 <!-- wp:query-pagination-numbers /-->
70
71 <!-- wp:query-pagination-next {"fontSize":"small"} /-->
72 <!-- /wp:query-pagination --></div>
73 <!-- /wp:query --></div>
74 <!-- /wp:column --></div>
75 <!-- /wp:columns --></div>
76 <!-- /wp:group -->',
77 );
1 <?php
2 /**
3 * Poster with right sidebar block pattern
4 */
5 return array(
6 'title' => __( 'Poster with right sidebar', 'twentytwentytwo' ),
7 'categories' => array( 'pages' ),
8 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
9 <div class="wp-block-group alignfull"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"5%"}}} -->
10 <div class="wp-block-columns alignwide"><!-- wp:column {"width":"70%"} -->
11 <div class="wp-block-column" style="flex-basis:70%">
12
13 <!-- wp:heading {"level":1,"align":"wide","style":{"typography":{"fontSize":"clamp(3rem, 6vw, 4.5rem)"},"spacing":{"margin":{"bottom":"0px"}}}} -->
14 <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>
15 <!-- /wp:heading --></div>
16 <!-- /wp:column -->
17
18 <!-- wp:column {"width":""} -->
19 <div class="wp-block-column"></div>
20 <!-- /wp:column --></div>
21 <!-- /wp:columns -->
22
23 <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"5%"}}} -->
24 <div class="wp-block-columns alignwide"><!-- wp:column {"width":"70%","style":{"spacing":{"padding":{"bottom":"32px"}}}} -->
25 <div class="wp-block-column" style="padding-bottom:32px;flex-basis:70%"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
26 <figure class="wp-block-image size-full"><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>
27 <!-- /wp:image --></div>
28 <!-- /wp:column -->
29
30 <!-- wp:column {"width":""} -->
31 <div class="wp-block-column"><!-- wp:image {"width":100,"height":47,"sizeSlug":"full","linkDestination":"none"} -->
32 <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>
33 <!-- /wp:image -->
34
35 <!-- wp:spacer {"height":16} -->
36 <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
37 <!-- /wp:spacer -->
38
39 <!-- wp:heading {"level":3,"fontSize":"large"} -->
40 <h3 class="has-large-font-size"><em>' . esc_html__( 'Date', 'twentytwentytwo' ) . '</em></h3>
41 <!-- /wp:heading -->
42
43 <!-- wp:paragraph -->
44 <p>' . esc_html__( 'February, 12 2021', 'twentytwentytwo' ) . '</p>
45 <!-- /wp:paragraph -->
46
47 <!-- wp:spacer {"height":16} -->
48 <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
49 <!-- /wp:spacer -->
50
51 <!-- wp:heading {"level":3,"fontSize":"large"} -->
52 <h3 class="has-large-font-size"><em>' . esc_html__( 'Location', 'twentytwentytwo' ) . '</em></h3>
53 <!-- /wp:heading -->
54
55 <!-- wp:paragraph -->
56 <p>' . wp_kses_post( __( 'The Grand Theater<br>154 Eastern Avenue<br>Maryland NY, 12345', 'twentytwentytwo' ) ) . '</p>
57 <!-- /wp:paragraph -->
58
59 <!-- wp:spacer {"height":16} -->
60 <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
61 <!-- /wp:spacer --></div>
62 <!-- /wp:column --></div>
63 <!-- /wp:columns --></div>
64 <!-- /wp:group -->',
65 );
1 <?php
2 /**
3 * Default posts block pattern
4 */
5 return array(
6 'title' => __( 'Default posts', 'twentytwentytwo' ),
7 'categories' => array( 'query' ),
8 'blockTypes' => array( 'core/query' ),
9 '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}} -->
10 <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} -->
11 <!-- wp:group {"layout":{"inherit":true}} -->
12 <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))"} /-->
13
14 <!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"top":"calc(1.75 * var(--wp--style--block-gap))"}}}} /-->
15
16 <!-- wp:columns {"align":"wide"} -->
17 <div class="wp-block-columns alignwide"><!-- wp:column {"width":"650px"} -->
18 <div class="wp-block-column" style="flex-basis:650px"><!-- wp:post-excerpt /-->
19
20 <!-- wp:post-date {"isLink":true,"format":"F j, Y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div>
21 <!-- /wp:column -->
22
23 <!-- wp:column {"width":""} -->
24 <div class="wp-block-column"></div>
25 <!-- /wp:column --></div>
26 <!-- /wp:columns -->
27
28 <!-- wp:spacer {"height":16} -->
29 <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
30 <!-- /wp:spacer -->
31
32 <!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
33 <hr class="wp-block-separator alignwide is-style-wide"/>
34 <!-- /wp:separator -->
35
36 <!-- wp:spacer {"height":16} -->
37 <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
38 <!-- /wp:spacer --></div>
39 <!-- /wp:group -->
40 <!-- /wp:post-template -->
41
42 <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
43 <!-- wp:query-pagination-previous {"fontSize":"small"} /-->
44
45 <!-- wp:query-pagination-numbers /-->
46
47 <!-- wp:query-pagination-next {"fontSize":"small"} /-->
48 <!-- /wp:query-pagination --></div>
49 <!-- /wp:query -->',
50 );
1 <?php
2 /**
3 * Grid of posts block pattern
4 */
5 return array(
6 'title' => __( 'Grid of posts', 'twentytwentytwo' ),
7 'categories' => array( 'query' ),
8 'blockTypes' => array( 'core/query' ),
9 '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}} -->
10 <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} -->
11 <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /-->
12
13 <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /-->
14
15 <!-- wp:post-excerpt /-->
16
17 <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /-->
18 <!-- /wp:post-template -->
19
20 <!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
21 <hr class="wp-block-separator alignwide is-style-wide"/>
22 <!-- /wp:separator -->
23
24 <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
25 <!-- wp:query-pagination-previous {"fontSize":"small"} /-->
26
27 <!-- wp:query-pagination-numbers /-->
28
29 <!-- wp:query-pagination-next {"fontSize":"small"} /-->
30 <!-- /wp:query-pagination --></div>
31 <!-- /wp:query -->',
32 );
1 <?php
2 /**
3 * Grid of image posts block pattern
4 */
5 return array(
6 'title' => __( 'Grid of image posts', 'twentytwentytwo' ),
7 'categories' => array( 'query' ),
8 'blockTypes' => array( 'core/query' ),
9 '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}} -->
10 <div class="wp-block-query"><!-- wp:post-template -->
11 <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"200px"} /-->
12
13 <!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":"0.5rem"}}} -->
14 <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column -->
15 <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>
16 <!-- /wp:column -->
17
18 <!-- wp:column {"width":"4em"} -->
19 <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>
20 <!-- /wp:column --></div>
21 <!-- /wp:columns -->
22 <!-- /wp:post-template -->
23
24 <!-- wp:separator {"className":"is-style-wide"} -->
25 <hr class="wp-block-separator alignwide is-style-wide"/>
26 <!-- /wp:separator -->
27
28 <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
29 <!-- wp:query-pagination-previous {"fontSize":"small"} /-->
30
31 <!-- wp:query-pagination-numbers /-->
32
33 <!-- wp:query-pagination-next {"fontSize":"small"} /-->
34 <!-- /wp:query-pagination --></div>
35 <!-- /wp:query -->',
36 );
1 <?php
2 /**
3 * Irregular grid of posts block pattern
4 */
5 return array(
6 'title' => __( 'Irregular grid of posts', 'twentytwentytwo' ),
7 'categories' => array( 'query' ),
8 'blockTypes' => array( 'core/query' ),
9 'content' => '<!-- wp:group {"align":"wide"} -->
10 <div class="wp-block-group alignwide"><!-- wp:columns {"align":"wide"} -->
11 <div class="wp-block-columns alignwide"><!-- wp:column -->
12 <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}} -->
13 <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} -->
14 <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /-->
15
16 <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /-->
17
18 <!-- wp:post-excerpt /-->
19
20 <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /-->
21 <!-- /wp:post-template --></div>
22 <!-- /wp:query --></div>
23 <!-- /wp:column -->
24
25 <!-- wp:column -->
26 <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}} -->
27 <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} -->
28 <!-- wp:spacer {"height":64} -->
29 <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div>
30 <!-- /wp:spacer -->
31
32 <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /-->
33
34 <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /-->
35
36 <!-- wp:post-excerpt /-->
37
38 <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /-->
39 <!-- /wp:post-template --></div>
40 <!-- /wp:query --></div>
41 <!-- /wp:column -->
42
43 <!-- wp:column -->
44 <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}} -->
45 <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} -->
46 <!-- wp:spacer {"height":128} -->
47 <div style="height:128px" aria-hidden="true" class="wp-block-spacer"></div>
48 <!-- /wp:spacer -->
49
50 <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /-->
51
52 <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /-->
53
54 <!-- wp:post-excerpt /-->
55
56 <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /-->
57 <!-- /wp:post-template --></div>
58 <!-- /wp:query --></div>
59 <!-- /wp:column --></div>
60 <!-- /wp:columns -->
61
62 <!-- wp:columns {"align":"wide"} -->
63 <div class="wp-block-columns alignwide"><!-- wp:column -->
64 <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}} -->
65 <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} -->
66 <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /-->
67
68 <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /-->
69
70 <!-- wp:post-excerpt /-->
71
72 <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /-->
73 <!-- /wp:post-template --></div>
74 <!-- /wp:query --></div>
75 <!-- /wp:column -->
76
77 <!-- wp:column -->
78 <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}} -->
79 <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} -->
80 <!-- wp:spacer {"height":96} -->
81 <div style="height:96px" aria-hidden="true" class="wp-block-spacer"></div>
82 <!-- /wp:spacer -->
83
84 <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /-->
85
86 <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /-->
87
88 <!-- wp:post-excerpt /-->
89
90 <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /-->
91 <!-- /wp:post-template --></div>
92 <!-- /wp:query --></div>
93 <!-- /wp:column -->
94
95 <!-- wp:column -->
96 <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}} -->
97 <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} -->
98 <!-- wp:spacer {"height":160} -->
99 <div style="height:160px" aria-hidden="true" class="wp-block-spacer"></div>
100 <!-- /wp:spacer -->
101
102 <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /-->
103
104 <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /-->
105
106 <!-- wp:post-excerpt /-->
107
108 <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /-->
109 <!-- /wp:post-template --></div>
110 <!-- /wp:query --></div>
111 <!-- /wp:column --></div>
112 <!-- /wp:columns -->
113
114 <!-- wp:columns {"align":"wide"} -->
115 <div class="wp-block-columns alignwide"><!-- wp:column -->
116 <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}} -->
117 <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} -->
118 <!-- wp:spacer {"height":32} -->
119 <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
120 <!-- /wp:spacer -->
121
122 <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /-->
123
124 <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /-->
125
126 <!-- wp:post-excerpt /-->
127
128 <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /-->
129 <!-- /wp:post-template --></div>
130 <!-- /wp:query --></div>
131 <!-- /wp:column -->
132
133 <!-- wp:column -->
134 <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}} -->
135 <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} -->
136 <!-- wp:spacer {"height":160} -->
137 <div style="height:160px" aria-hidden="true" class="wp-block-spacer"></div>
138 <!-- /wp:spacer -->
139
140 <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /-->
141
142 <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /-->
143
144 <!-- wp:post-excerpt /-->
145
146 <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /-->
147 <!-- /wp:post-template --></div>
148 <!-- /wp:query --></div>
149 <!-- /wp:column -->
150
151 <!-- wp:column -->
152 <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}} -->
153 <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} -->
154 <!-- wp:spacer {"height":96} -->
155 <div style="height:96px" aria-hidden="true" class="wp-block-spacer"></div>
156 <!-- /wp:spacer -->
157
158 <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"318px"} /-->
159
160 <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /-->
161
162 <!-- wp:post-excerpt /-->
163
164 <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /-->
165 <!-- /wp:post-template --></div>
166 <!-- /wp:query --></div>
167 <!-- /wp:column --></div>
168 <!-- /wp:columns --></div>
169 <!-- /wp:group -->',
170 );
1 <?php
2 /**
3 * Large post titles block pattern
4 */
5 return array(
6 'title' => __( 'Large post titles', 'twentytwentytwo' ),
7 'categories' => array( 'query' ),
8 'blockTypes' => array( 'core/query' ),
9 '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"} -->
10 <div class="wp-block-query alignwide"><!-- wp:post-template -->
11 <!-- wp:columns -->
12 <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"top","width":"4em"} -->
13 <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:4em"><!-- wp:post-date {"format":"M j","fontSize":"small"} /--></div>
14 <!-- /wp:column -->
15
16 <!-- wp:column {"verticalAlignment":"center","width":""} -->
17 <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>
18 <!-- /wp:column --></div>
19 <!-- /wp:columns -->
20
21 <!-- wp:separator {"className":"is-style-wide"} -->
22 <hr class="wp-block-separator is-style-wide"/>
23 <!-- /wp:separator -->
24 <!-- /wp:post-template --></div>
25 <!-- /wp:query -->',
26 );
1 <?php
2 /**
3 * Simple blog posts block pattern
4 */
5 return array(
6 'title' => __( 'Simple blog posts', 'twentytwentytwo' ),
7 'categories' => array( 'query' ),
8 'blockTypes' => array( 'core/query' ),
9 '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}} -->
10 <div class="wp-block-query"><!-- wp:post-template -->
11 <!-- 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))"} /-->
12
13 <!-- wp:post-featured-image {"isLink":true} /-->
14
15 <!-- wp:post-excerpt /-->
16
17 <!-- wp:group {"layout":{"type":"flex"}} -->
18 <div class="wp-block-group"><!-- wp:post-date {"format":"F j, Y","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} /-->
19
20 <!-- wp:post-terms {"term":"category","fontSize":"small"} /-->
21
22 <!-- wp:post-terms {"term":"post_tag","fontSize":"small"} /--></div>
23 <!-- /wp:group -->
24
25 <!-- wp:spacer {"height":128} -->
26 <div style="height:128px" aria-hidden="true" class="wp-block-spacer"></div>
27 <!-- /wp:spacer -->
28 <!-- /wp:post-template -->
29
30 <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
31 <!-- wp:query-pagination-previous {"fontSize":"small"} /-->
32
33 <!-- wp:query-pagination-numbers /-->
34
35 <!-- wp:query-pagination-next {"fontSize":"small"} /-->
36 <!-- /wp:query-pagination --></div>
37 <!-- /wp:query -->',
38 );
1 <?php
2 /**
3 * Text-based grid of posts block pattern
4 */
5 return array(
6 'title' => __( 'Text-based grid of posts', 'twentytwentytwo' ),
7 'categories' => array( 'query' ),
8 'blockTypes' => array( 'core/query' ),
9 '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}} -->
10 <div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide"} -->
11
12 <!-- wp:post-title {"isLink":true,"fontSize":"x-large"} /-->
13
14 <!-- wp:post-excerpt /-->
15
16 <!-- wp:post-date {"format":"F j, Y","isLink":true,"fontSize":"small"} /-->
17 <!-- /wp:post-template -->
18
19 <!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
20 <hr class="wp-block-separator alignwide is-style-wide"/>
21 <!-- /wp:separator -->
22
23 <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
24 <!-- wp:query-pagination-previous {"fontSize":"small"} /-->
25
26 <!-- wp:query-pagination-numbers /-->
27
28 <!-- wp:query-pagination-next {"fontSize":"small"} /-->
29 <!-- /wp:query-pagination --></div>
30 <!-- /wp:query -->',
31 );
1 <?php
2 // There is nothing output here because block themes do not use php templates.
3 // There is a core ticket discussing removing this requirement for block themes:
4 // https://core.trac.wordpress.org/ticket/54272.
5
1 <!-- wp:group {"style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)"}}},"layout":{"inherit":true}} -->
2 <div class="wp-block-group" style="padding-top:var(--wp--custom--spacing--large, 8rem)">
3 <!-- wp:pattern {"slug":"twentytwentytwo/footer-default"} /-->
4 </div>
5 <!-- /wp:group -->
1 <!-- 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}} -->
2 <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:template-part {"slug":"header","tagName":"header","align":"wide"} /-->
3
4 <!-- wp:pattern {"slug":"twentytwentytwo/hidden-heading-and-bird"} /--></div>
5 <!-- /wp:group --><!-- wp:spacer {"height":66} -->
6 <div style="height:66px" aria-hidden="true" class="wp-block-spacer"></div>
7 <!-- /wp:spacer -->
1 <!-- 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}} -->
2 <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:template-part {"slug":"header","tagName":"header","align":"wide"} /-->
3
4 <!-- wp:pattern {"slug":"twentytwentytwo/hidden-bird"} /--></div>
5 <!-- /wp:group --><!-- wp:spacer {"height":66} -->
6 <div style="height:66px" aria-hidden="true" class="wp-block-spacer"></div>
7 <!-- /wp:spacer -->
1 <!-- wp:group {"layout":{"inherit":true}} -->
2 <div class="wp-block-group"><!-- 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"}} -->
3 <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"}} -->
4 <div class="wp-block-group"><!-- wp:site-logo {"width":64} /-->
5
6 <!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--></div>
7 <!-- /wp:group -->
8
9 <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} -->
10 <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
11 <!-- /wp:navigation --></div>
12 <!-- /wp:group --></div>
13 <!-- /wp:group -->
...\ No newline at end of file ...\ No newline at end of file
1 === Twenty Twenty-Two ===
2 Contributors: wordpressdotorg
3 Requires at least: 5.9
4 Tested up to: 5.9
5 Requires PHP: 5.6
6 Stable tag: 1.0
7 License: GPLv2 or later
8 License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
10 == Description ==
11
12 Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page.
13
14 The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Full Site Editing features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks.
15
16 Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
17
18 == Changelog ==
19
20 = 1.0 =
21 * Released: January 25, 2022
22
23 https://wordpress.org/support/article/twenty-twenty-two-changelog#Version_1.0
24
25 == Copyright ==
26
27 Twenty Twenty-Two WordPress Theme, 2021-2022 WordPress.org
28 Twenty Twenty-Two is distributed under the terms of the GNU GPL.
29
30 This program is free software: you can redistribute it and/or modify
31 it under the terms of the GNU General Public License as published by
32 the Free Software Foundation, either version 2 of the License, or
33 (at your option) any later version.
34
35 This program is distributed in the hope that it will be useful,
36 but WITHOUT ANY WARRANTY; without even the implied warranty of
37 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
38 GNU General Public License for more details.
39
40 This theme bundles the following third-party resources:
41
42 Source Serif Font
43 Copyright 2014-2021 Adobe (http://www.adobe.com/)
44 License: SIL Open Font License, 1.1, https://opensource.org/licenses/OFL-1.1
45 Source: https://github.com/adobe-fonts/source-serif
46
47 Block Pattern Images:
48
49 "White Bellied Flycatcher" illustrated by Elizabeth Gould. Public Domain.
50 https://www.rawpixel.com/image/321474/free-illustration-image-bird-vintage-birds
51 Includes modified versions created specifically for Twenty Twenty-Two.
52
53 Colorful vintage hummingbird illustrations. CC0.
54 https://www.rawpixel.com/image/2281674/free-illustration-image-bird-hummingbird-flying
55 https://www.rawpixel.com/image/2281671/free-illustration-image-bird-hummingbird-flying
56 https://www.rawpixel.com/image/2281679/free-illustration-image-bird-hummingbird-animals
57 https://www.rawpixel.com/image/2281665/free-illustration-image-hummingbird-ernst-haeckel-birds
58
59 "Green-tailed Jacamar" by Jacques Barraband. CC0.
60 https://www.rawpixel.com/image/328508/free-illustration-image-jacques-barraband-paradise
61
62 "Ducks" by Goyō Hashiguchi. CC0
63 https://www.rawpixel.com/image/3813787/illustration-image-flower-art-floral
64
65 "Colombes et lis, étoffe imprimée" illustrated by Maurice Pillard Verneuil.
66 https://www.rawpixel.com/image/2053817/illustration-from-lanimal-dans-decoration
67 Included as a short video clip.
68
69 Modified versions of the above images, as well as additional "flight path" illustrations were created specifically for Twenty Twenty-Two. CC0.
1 /*
2 Theme Name: Twenty Twenty-Two
3 Theme URI: https://github.com/wordpress/twentytwentytwo/
4 Author: the WordPress team
5 Author URI: https://wordpress.org/
6 Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Full Site Editing features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
7 Requires at least: 5.9
8 Tested up to: 5.9
9 Requires PHP: 5.6
10 Version: 1.0
11 License: GNU General Public License v2 or later
12 License URI: http://www.gnu.org/licenses/gpl-2.0.html
13 Text Domain: twentytwentytwo
14 Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments
15
16 Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
17 Twenty Twenty-Two is distributed under the terms of the GNU GPL.
18 */
19
20 /*
21 * Font smoothing.
22 * This is a niche setting that will not be available via Global Styles.
23 * https://github.com/WordPress/gutenberg/issues/35934
24 */
25
26 body {
27 -moz-osx-font-smoothing: grayscale;
28 -webkit-font-smoothing: antialiased;
29 }
30
31 /*
32 * Text and navigation link styles.
33 * Necessary until the following issue is resolved in Gutenberg:
34 * https://github.com/WordPress/gutenberg/issues/27075
35 */
36
37 a {
38 text-decoration-thickness: 1px;
39 text-underline-offset: 0.25ch;
40 }
41
42 a:hover,
43 a:focus {
44 text-decoration-style: dashed;
45 }
46
47 a:active {
48 text-decoration: none;
49 }
50
51 .wp-block-navigation .wp-block-navigation-item a:hover,
52 .wp-block-navigation .wp-block-navigation-item a:focus {
53 text-decoration: underline;
54 text-decoration-style: solid;
55 }
56
57 /*
58 * Search and File Block button styles.
59 * Necessary until the following issues are resolved in Gutenberg:
60 * https://github.com/WordPress/gutenberg/issues/36444
61 * https://github.com/WordPress/gutenberg/issues/27760
62 */
63
64 .wp-block-search__button,
65 .wp-block-file .wp-block-file__button {
66 background-color: var(--wp--preset--color--primary);
67 border-radius: 0;
68 border: none;
69 color: var(--wp--preset--color--background);
70 font-size: var(--wp--preset--font-size--medium);
71 padding: calc(.667em + 2px) calc(1.333em + 2px);
72 }
73
74 /*
75 * Button hover styles.
76 * Necessary until the following issue is resolved in Gutenberg:
77 * https://github.com/WordPress/gutenberg/issues/27075
78 */
79
80 .wp-block-search__button:hover,
81 .wp-block-file .wp-block-file__button:hover,
82 .wp-block-button__link:hover {
83 opacity: 0.90;
84 }
85
86 /*
87 * Alignment styles.
88 * These rules are temporary, and should not be relied on or
89 * modified too heavily by themes or plugins that build on
90 * Twenty Twenty-Two. These are meant to be a precursor to
91 * a global solution provided by the Block Editor.
92 *
93 * Relevant issues:
94 * https://github.com/WordPress/gutenberg/issues/35607
95 * https://github.com/WordPress/gutenberg/issues/35884
96 */
97
98 .wp-site-blocks,
99 body > .is-root-container,
100 .edit-post-visual-editor__post-title-wrapper,
101 .wp-block-group.alignfull,
102 .wp-block-group.has-background,
103 .wp-block-cover.alignfull,
104 .is-root-container .wp-block[data-align="full"] > .wp-block-group,
105 .is-root-container .wp-block[data-align="full"] > .wp-block-cover {
106 padding-left: var(--wp--custom--spacing--outer);
107 padding-right: var(--wp--custom--spacing--outer);
108 }
109
110 .wp-site-blocks .alignfull,
111 .wp-site-blocks > .wp-block-group.has-background,
112 .wp-site-blocks > .wp-block-cover,
113 .wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
114 .wp-site-blocks > .wp-block-template-part > .wp-block-cover,
115 body > .is-root-container > .wp-block-group.has-background,
116 body > .is-root-container > .wp-block-cover,
117 body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
118 body > .is-root-container > .wp-block-template-part > .wp-block-cover,
119 .is-root-container .wp-block[data-align="full"] {
120 margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
121 margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
122 width: unset;
123 }
124
125 /* Blocks inside columns don't have negative margins. */
126 .wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
127 .is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
128 /* We also want to avoid stacking negative margins. */
129 .wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
130 .is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
131 margin-left: auto !important;
132 margin-right: auto !important;
133 width: inherit;
134 }
135
136 /*
137 * Responsive menu container padding.
138 * This ensures the responsive container inherits the same
139 * spacing defined above. This behavior may be built into
140 * the Block Editor in the future.
141 */
142
143 .wp-block-navigation__responsive-container.is-menu-open {
144 padding-top: var(--wp--custom--spacing--outer);
145 padding-bottom: var(--wp--custom--spacing--large);
146 padding-right: var(--wp--custom--spacing--outer);
147 padding-left: var(--wp--custom--spacing--outer);
148 }
149
1 <!-- wp:template-part {"slug":"header","tagName":"header"} /-->
2
3 <!-- wp:group {"tagName":"main"} -->
4 <main class="wp-block-group"><!-- wp:group {"layout":{"inherit":true}} -->
5 <div class="wp-block-group">
6 <!-- wp:pattern {"slug":"twentytwentytwo/hidden-404"} /-->
7 </div>
8 <!-- /wp:group --></main>
9 <!-- /wp:group -->
10
11 <!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.