[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Full screen image
   4   * Slug: twentytwentyfour/gallery-full-screen-image
   5   * Categories: gallery, portfolio
   6   * Description: A cover image section that covers the entire width.
   7   *
   8   * @package WordPress
   9   * @subpackage Twenty_Twenty_Four
  10   * @since Twenty Twenty-Four 1.0
  11   */
  12  
  13  ?>
  14  
  15  <!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/art-gallery.webp","hasParallax":true,"dimRatio":0,"overlayColor":"base","minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
  16  <div class="wp-block-cover alignfull is-light has-parallax" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:100vh">
  17      <span aria-hidden="true" class="wp-block-cover__background has-base-background-color has-background-dim-0 has-background-dim">
  18      </span>
  19      <div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/art-gallery.webp)">
  20      </div>
  21      <div class="wp-block-cover__inner-container">
  22          <!-- wp:spacer {"height":"500px"} -->
  23          <div style="height:500px" aria-hidden="true" class="wp-block-spacer"></div>
  24          <!-- /wp:spacer -->
  25      </div>
  26  </div>
  27  <!-- /wp:cover -->