[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Text Alternating
   4   * Slug: ipsum/text-alternating
   5   * Categories: text, about
   6   * Keywords: media, image, sections, features
   7   * Viewport width: 1280
   8   * Description: Rows that alternate image and text, to introduce the blog’s sections.
   9   *
  10   * @package Ipsum
  11   * @since Ipsum 1.0
  12   */
  13  
  14  ?>
  15  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Text Alternating', 'Name of the Text Alternating element', 'ipsum' ); ?>"},"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"blockGap":"var:preset|spacing|50"}},"layout":{"type":"constrained"}} -->
  16  <div class="wp-block-group alignwide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
  17  <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
  18  <div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"aspectRatio":"4/3","scale":"cover","focalPoint":{"x":0.5,"y":0.5},"sizeSlug":"full","linkDestination":"none"} -->
  19  <figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_parent_theme_file_uri( 'assets/images/ipsum-cover-essays.webp' ) ); ?>" alt="<?php echo esc_attr_x( 'Pale branching channels running through dark green moss, seen from above.', 'Alt text for the Essays section image', 'ipsum' ); ?>" style="aspect-ratio:4/3;object-fit:cover;object-position:50% 50%"/></figure>
  20  <!-- /wp:image --></div>
  21  <!-- /wp:column -->
  22  
  23  <!-- wp:column {"verticalAlignment":"center"} -->
  24  <div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Title and Paragraph', 'Name of the Title and Paragraph element', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
  25  <div class="wp-block-group"><!-- wp:heading {"style":{"border":{"bottom":{"color":"var:preset|color|accent-5","width":"5px"}}},"fontSize":"x-large"} -->
  26  <h2 class="wp-block-heading has-x-large-font-size" style="border-bottom-color:var(--wp--preset--color--accent-5);border-bottom-width:5px"><?php esc_html_e( 'Essays', 'ipsum' ); ?></h2>
  27  <!-- /wp:heading -->
  28  
  29  <!-- wp:paragraph {"fontSize":"small"} -->
  30  <p class="has-small-font-size"><?php esc_html_e( 'Longer thoughts, written slowly and published when they’re ready. They start somewhere small—a sentence misheard, a note in a margin—and take their time getting to the point.', 'ipsum' ); ?></p>
  31  <!-- /wp:paragraph --></div>
  32  <!-- /wp:group --></div>
  33  <!-- /wp:column --></div>
  34  <!-- /wp:columns -->
  35  
  36  <!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
  37  <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
  38  <div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Title and Paragraph', 'Name of the Title and Paragraph element', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
  39  <div class="wp-block-group"><!-- wp:heading {"style":{"border":{"bottom":{"color":"var:preset|color|accent-5","width":"5px"}}},"fontSize":"x-large"} -->
  40  <h2 class="wp-block-heading has-x-large-font-size" style="border-bottom-color:var(--wp--preset--color--accent-5);border-bottom-width:5px"><?php esc_html_e( 'Pictures', 'ipsum' ); ?></h2>
  41  <!-- /wp:heading -->
  42  
  43  <!-- wp:paragraph {"fontSize":"small"} -->
  44  <p class="has-small-font-size"><?php esc_html_e( 'Photographs are placeholders too, in their way—each one standing in for the hour it was taken. These stand for the hours between posts.', 'ipsum' ); ?></p>
  45  <!-- /wp:paragraph --></div>
  46  <!-- /wp:group --></div>
  47  <!-- /wp:column -->
  48  
  49  <!-- wp:column {"verticalAlignment":"center"} -->
  50  <div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"aspectRatio":"4/3","scale":"cover","focalPoint":{"x":0.5,"y":0.5},"sizeSlug":"full","linkDestination":"none"} -->
  51  <figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_parent_theme_file_uri( 'assets/images/ipsum-cover-pictures.webp' ) ); ?>" alt="<?php echo esc_attr_x( 'Close-up of ruffled white petals against a dark green background.', 'Alt text for the Pictures section image', 'ipsum' ); ?>" style="aspect-ratio:4/3;object-fit:cover;object-position:50% 50%"/></figure>
  52  <!-- /wp:image --></div>
  53  <!-- /wp:column --></div>
  54  <!-- /wp:columns -->
  55  
  56  <!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
  57  <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
  58  <div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"aspectRatio":"4/3","scale":"cover","focalPoint":{"x":0.5,"y":0.5},"sizeSlug":"full","linkDestination":"none"} -->
  59  <figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_parent_theme_file_uri( 'assets/images/ipsum-cover-sounds.webp' ) ); ?>" alt="<?php echo esc_attr_x( 'Pale winding lines crossing dark green grass, seen from above.', 'Alt text for the Sounds section image', 'ipsum' ); ?>" style="aspect-ratio:4/3;object-fit:cover;object-position:50% 50%"/></figure>
  60  <!-- /wp:image --></div>
  61  <!-- /wp:column -->
  62  
  63  <!-- wp:column {"verticalAlignment":"center"} -->
  64  <div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Title and Paragraph', 'Name of the Title and Paragraph element', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
  65  <div class="wp-block-group"><!-- wp:heading {"style":{"border":{"bottom":{"color":"var:preset|color|accent-5","width":"5px"}}},"fontSize":"x-large"} -->
  66  <h2 class="wp-block-heading has-x-large-font-size" style="border-bottom-color:var(--wp--preset--color--accent-5);border-bottom-width:5px"><?php esc_html_e( 'Sounds', 'ipsum' ); ?></h2>
  67  <!-- /wp:heading -->
  68  
  69  <!-- wp:paragraph {"fontSize":"small"} -->
  70  <p class="has-small-font-size"><?php esc_html_e( 'Writing has a soundtrack, even when it’s just the keyboard. Sometimes a recording makes it into a post; this is where those live.', 'ipsum' ); ?></p>
  71  <!-- /wp:paragraph --></div>
  72  <!-- /wp:group --></div>
  73  <!-- /wp:column --></div>
  74  <!-- /wp:columns --></div>
  75  <!-- /wp:group -->