[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Text Alternating
   4   * Slug: ipsum/text-alternating
   5   * Categories: text, about
   6   * Viewport width: 1280
   7   * Description: Rows alternating image and text — introductions for the blog’s sections.
   8   *
   9   * @package Ipsum
  10   * @since Ipsum 1.0
  11   */
  12  
  13  ?>
  14  <!-- 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"}} -->
  15  <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"} -->
  16  <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
  17  <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"} -->
  18  <figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/ipsum-cover-essays.webp?ver=<?php echo esc_attr( wp_get_theme( get_template() )->get( 'Version' ) ); ?>" 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>
  19  <!-- /wp:image --></div>
  20  <!-- /wp:column -->
  21  
  22  <!-- wp:column {"verticalAlignment":"center"} -->
  23  <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"}} -->
  24  <div class="wp-block-group"><!-- wp:heading {"style":{"border":{"bottom":{"color":"var:preset|color|theme-5","width":"5px"}}},"fontSize":"x-large"} -->
  25  <h2 class="wp-block-heading has-x-large-font-size" style="border-bottom-color:var(--wp--preset--color--theme-5);border-bottom-width:5px"><?php esc_html_e( 'Essays', 'ipsum' ); ?></h2>
  26  <!-- /wp:heading -->
  27  
  28  <!-- wp:paragraph {"fontSize":"small"} -->
  29  <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>
  30  <!-- /wp:paragraph --></div>
  31  <!-- /wp:group --></div>
  32  <!-- /wp:column --></div>
  33  <!-- /wp:columns -->
  34  
  35  <!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
  36  <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
  37  <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"}} -->
  38  <div class="wp-block-group"><!-- wp:heading {"style":{"border":{"bottom":{"color":"var:preset|color|theme-5","width":"5px"}}},"fontSize":"x-large"} -->
  39  <h2 class="wp-block-heading has-x-large-font-size" style="border-bottom-color:var(--wp--preset--color--theme-5);border-bottom-width:5px"><?php esc_html_e( 'Pictures', 'ipsum' ); ?></h2>
  40  <!-- /wp:heading -->
  41  
  42  <!-- wp:paragraph {"fontSize":"small"} -->
  43  <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>
  44  <!-- /wp:paragraph --></div>
  45  <!-- /wp:group --></div>
  46  <!-- /wp:column -->
  47  
  48  <!-- wp:column {"verticalAlignment":"center"} -->
  49  <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"} -->
  50  <figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/ipsum-cover-pictures.webp?ver=<?php echo esc_attr( wp_get_theme( get_template() )->get( 'Version' ) ); ?>" 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>
  51  <!-- /wp:image --></div>
  52  <!-- /wp:column --></div>
  53  <!-- /wp:columns -->
  54  
  55  <!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
  56  <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
  57  <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"} -->
  58  <figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/ipsum-cover-sounds.webp?ver=<?php echo esc_attr( wp_get_theme( get_template() )->get( 'Version' ) ); ?>" 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>
  59  <!-- /wp:image --></div>
  60  <!-- /wp:column -->
  61  
  62  <!-- wp:column {"verticalAlignment":"center"} -->
  63  <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"}} -->
  64  <div class="wp-block-group"><!-- wp:heading {"style":{"border":{"bottom":{"color":"var:preset|color|theme-5","width":"5px"}}},"fontSize":"x-large"} -->
  65  <h2 class="wp-block-heading has-x-large-font-size" style="border-bottom-color:var(--wp--preset--color--theme-5);border-bottom-width:5px"><?php esc_html_e( 'Sounds', 'ipsum' ); ?></h2>
  66  <!-- /wp:heading -->
  67  
  68  <!-- wp:paragraph {"fontSize":"small"} -->
  69  <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>
  70  <!-- /wp:paragraph --></div>
  71  <!-- /wp:group --></div>
  72  <!-- /wp:column --></div>
  73  <!-- /wp:columns --></div>
  74  <!-- /wp:group -->