[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: About Row
   4   * Slug: ipsum/about-row
   5   * Categories: about
   6   * Viewport width: 1280
   7   * Description: An about section on a dark band — the blog’s story beside the author’s square portrait, under a fit-text heading.
   8   *
   9   * @package Ipsum
  10   * @since Ipsum 1.0
  11   */
  12  
  13  ?>
  14  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'About Row', 'Name of the about row group', 'ipsum' ); ?>"},"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|theme-1"}}},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"theme-6","textColor":"theme-1","layout":{"type":"constrained"}} -->
  15  <div class="wp-block-group alignfull has-theme-1-color has-theme-6-background-color has-text-color has-background has-link-color" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:columns {"verticalAlignment":"bottom","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|80"}}}} -->
  16  <div class="wp-block-columns alignwide are-vertically-aligned-bottom"><!-- wp:column {"verticalAlignment":"bottom","width":"50%"} -->
  17  <div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:50%"><!-- wp:heading {"fitText":true} -->
  18  <h2 class="wp-block-heading has-fit-text"><?php esc_html_e( 'About this blog', 'ipsum' ); ?></h2>
  19  <!-- /wp:heading -->
  20  
  21  <!-- wp:paragraph {"fontSize":"medium"} -->
  22  <p class="has-medium-font-size"><?php esc_html_e( 'This blog belongs to Lorem—teacher by day, keeper of a quiet corner of the web by night. It runs on three sections: essays that take their time, pictures standing in for the hours between posts, and the occasional sound worth pressing play on.', 'ipsum' ); ?></p>
  23  <!-- /wp:paragraph -->
  24  
  25  <!-- wp:paragraph {"fontSize":"medium"} -->
  26  <p class="has-medium-font-size"><?php esc_html_e( 'Nothing here is optimized, scheduled, or sponsored; posts appear when they’re ready and stay up long after the trends move on. The name is borrowed from the oldest placeholder in publishing, and the page tries to live up to it—holding its shape until your own words move in.', 'ipsum' ); ?></p>
  27  <!-- /wp:paragraph --></div>
  28  <!-- /wp:column -->
  29  
  30  <!-- wp:column {"verticalAlignment":"bottom","width":"50%","layout":{"type":"default"}} -->
  31  <div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:50%"><!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
  32  <figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/ipsum-portrait-editorial.webp?ver=<?php echo esc_attr( wp_get_theme( get_template() )->get( 'Version' ) ); ?>" alt="<?php esc_attr_e( 'Portrait of the author.', 'ipsum' ); ?>" style="aspect-ratio:1;object-fit:cover"/></figure>
  33  <!-- /wp:image --></div>
  34  <!-- /wp:column --></div>
  35  <!-- /wp:columns --></div>
  36  <!-- /wp:group -->