[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Kind Words
   4   * Slug: ipsum/kind-words
   5   * Categories: testimonials
   6   * Keywords: testimonials, reviews, quotes
   7   * Viewport width: 1280
   8   * Description: Two reader testimonials on tinted cards. Each quote has an avatar with rounded corners and a one-line attribution.
   9   *
  10   * @package Ipsum
  11   * @since Ipsum 1.0
  12   */
  13  
  14  ?>
  15  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Kind Words', 'Name of the kind words group', 'ipsum' ); ?>"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
  16  <div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Quote Outer Block', 'Name of the quote card group', 'ipsum' ); ?>"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"border":{"radius":"10px"}},"backgroundColor":"accent-5","layout":{"type":"constrained"}} -->
  17  <div class="wp-block-group has-accent-5-background-color has-background" style="border-radius:10px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:image {"width":"80px","aspectRatio":"1","scale":"cover","focalPoint":{"x":0.5,"y":0.5},"sizeSlug":"full","linkDestination":"none"} -->
  18  <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_parent_theme_file_uri( 'assets/images/ipsum-avatar-cora.webp' ) ); ?>" alt="<?php echo esc_attr_x( 'Black-and-white portrait of a woman with short curly hair in a dark blazer.', 'Alt text for a reader portrait', 'ipsum' ); ?>" style="aspect-ratio:1;object-fit:cover;object-position:50% 50%;width:80px;height:auto"/></figure>
  19  <!-- /wp:image -->
  20  
  21  <!-- wp:quote {"className":"is-style-plain","style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"blockGap":"var:preset|spacing|40"}}} -->
  22  <blockquote class="wp-block-quote is-style-plain" style="font-style:normal;font-weight:400"><!-- wp:paragraph -->
  23  <p><?php esc_html_e( '“I subscribed for the essays and stayed for the pictures. It’s the only email I open slowly.”', 'ipsum' ); ?></p>
  24  <!-- /wp:paragraph --><cite><?php esc_html_e( 'June Alvarado, Porto', 'ipsum' ); ?></cite></blockquote>
  25  <!-- /wp:quote --></div>
  26  <!-- /wp:group -->
  27  
  28  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Quote Outer Block', 'Name of the quote card group', 'ipsum' ); ?>"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"border":{"radius":"10px"}},"backgroundColor":"accent-5","layout":{"type":"constrained"}} -->
  29  <div class="wp-block-group has-accent-5-background-color has-background" style="border-radius:10px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:image {"width":"80px","aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
  30  <figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_parent_theme_file_uri( 'assets/images/ipsum-avatar-iris.webp' ) ); ?>" alt="<?php echo esc_attr_x( 'Black-and-white portrait of a smiling woman with curly hair.', 'Alt text for a reader portrait', 'ipsum' ); ?>" style="aspect-ratio:1;object-fit:cover;width:80px;height:auto"/></figure>
  31  <!-- /wp:image -->
  32  
  33  <!-- wp:quote {"className":"is-style-plain","style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"blockGap":"var:preset|spacing|40"}}} -->
  34  <blockquote class="wp-block-quote is-style-plain" style="font-style:normal;font-weight:400"><!-- wp:paragraph -->
  35  <p><?php esc_html_e( '“Reads like a letter from a friend who takes their time. Even the quiet weeks feel on purpose.”', 'ipsum' ); ?></p>
  36  <!-- /wp:paragraph --><cite><?php esc_html_e( 'Maria Mercer, Leipzig', 'ipsum' ); ?></cite></blockquote>
  37  <!-- /wp:quote --></div>
  38  <!-- /wp:group --></div>
  39  <!-- /wp:group -->