[Summary view] [Print] [Text view]

   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  );