diff options
Diffstat (limited to 'wp-content/themes/twentytwentytwo/inc/patterns/general-wide-image-intro-buttons.php')
-rw-r--r-- | wp-content/themes/twentytwentytwo/inc/patterns/general-wide-image-intro-buttons.php | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/wp-content/themes/twentytwentytwo/inc/patterns/general-wide-image-intro-buttons.php b/wp-content/themes/twentytwentytwo/inc/patterns/general-wide-image-intro-buttons.php new file mode 100644 index 0000000..373b0f4 --- /dev/null +++ b/wp-content/themes/twentytwentytwo/inc/patterns/general-wide-image-intro-buttons.php @@ -0,0 +1,41 @@ +<?php +/** + * Wide image with introduction and buttons block pattern + */ +return array( + 'title' => __( 'Wide image with introduction and buttons', 'twentytwentytwo' ), + 'categories' => array( 'featured', 'columns' ), + 'content' => '<!-- wp:group {"align":"wide"} --> + <div class="wp-block-group alignwide"><!-- wp:image {"width":2100,"height":994,"sizeSlug":"large"} --> + <figure class="wp-block-image size-large is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-gray-a.jpg" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '" width="2100" height="994"/></figure> + <!-- /wp:image --> + + <!-- wp:columns {"verticalAlignment":null} --> + <div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"bottom"} --> + <div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:heading {"style":{"typography":{"fontSize":"clamp(3.25rem, 8vw, 6.25rem)","lineHeight":"1.15"}}} --> + <h2 style="font-size:clamp(3.25rem, 8vw, 6.25rem);line-height:1.15"><em>' . wp_kses_post( __( 'Welcome to<br>the Aviary', 'twentytwentytwo' ) ) . '</em></h2> + <!-- /wp:heading --></div> + <!-- /wp:column --> + + <!-- wp:column {"verticalAlignment":"bottom","style":{"spacing":{"padding":{"bottom":"6rem"}}}} --> + <div class="wp-block-column is-vertically-aligned-bottom" style="padding-bottom:6rem"><!-- wp:paragraph --> + <p>' . esc_html__( 'A film about hobbyist bird watchers, a catalog of different birds, paired with the noises they make. Each bird is listed by their scientific name so things seem more official.', 'twentytwentytwo' ) . '</p> + <!-- /wp:paragraph --> + + <!-- wp:spacer {"height":20} --> + <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div> + <!-- /wp:spacer --> + + <!-- wp:buttons --> + <div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} --> + <div class="wp-block-button is-style-outline"><a class="wp-block-button__link">' . esc_html__( 'Learn More', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --> + + <!-- wp:button {"className":"is-style-outline"} --> + <div class="wp-block-button is-style-outline"><a class="wp-block-button__link">' . esc_html__( 'Buy Tickets', 'twentytwentytwo' ) . '</a></div> + <!-- /wp:button --></div> + <!-- /wp:buttons --></div> + <!-- /wp:column --></div> + <!-- /wp:columns --></div> + <!-- /wp:group -->', +); |