[Summary view] [Print] [Text view]

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