[Summary view] [Print] [Text view]

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