[Summary view] [Print] [Text view]

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