[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Events List
   4   * Slug: ipsum/events-list
   5   * Categories: text
   6   * Viewport width: 1280
   7   * Description: A stack of event rows under dotted rules — title, date and place, with a reserve link on the right.
   8   *
   9   * @package Ipsum
  10   * @since Ipsum 1.0
  11   */
  12  
  13  ?>
  14  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Events List', 'Name of the events list group', 'ipsum' ); ?>"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
  15  <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( 'Events List Wrapper', 'Name of the events list wrapper group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"default"}} -->
  16  <div class="wp-block-group"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Title and Description', 'Name of the title and description group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"top":"0"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
  17  <div class="wp-block-group"><!-- wp:heading {"fontSize":"large"} -->
  18  <h2 class="wp-block-heading has-large-font-size"><?php esc_html_e( 'Out of the browser', 'ipsum' ); ?></h2>
  19  <!-- /wp:heading -->
  20  
  21  <!-- wp:paragraph -->
  22  <p><?php esc_html_e( 'The blog steps off the screen now and then. These are the dates.', 'ipsum' ); ?></p>
  23  <!-- /wp:paragraph --></div>
  24  <!-- /wp:group -->
  25  
  26  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Events Stack', 'Name of the events stack group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"0"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
  27  <div class="wp-block-group"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Event Row 1', 'Name of the first event row group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20"},"padding":{"bottom":"var:preset|spacing|30"}},"border":{"top":{"width":"1px","style":"dotted"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
  28  <div class="wp-block-group" style="border-top-style:dotted;border-top-width:1px;padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:heading {"level":3,"fontSize":"large"} -->
  29  <h3 class="wp-block-heading has-large-font-size"><?php esc_html_e( 'Essays, read aloud', 'ipsum' ); ?></h3>
  30  <!-- /wp:heading -->
  31  
  32  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Columns', 'Name of the event row columns group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"left":"0"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
  33  <div class="wp-block-group"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Column', 'Name of the event row column group', 'ipsum' ); ?>"},"style":{"layout":{"selfStretch":"fill","flexSize":null},"spacing":{"blockGap":{"top":"0"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
  34  <div class="wp-block-group"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Title and Date', 'Name of the title and date group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
  35  <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small","fontFamily":"manrope"} -->
  36  <p class="has-manrope-font-family has-small-font-size" style="font-style:normal;font-weight:700"><?php esc_html_e( 'Thu, Nov 12', 'ipsum' ); ?></p>
  37  <!-- /wp:paragraph --></div>
  38  <!-- /wp:group -->
  39  
  40  <!-- wp:paragraph {"fontSize":"small","fontFamily":"manrope"} -->
  41  <p class="has-manrope-font-family has-small-font-size"><?php esc_html_e( 'Porto, Portugal', 'ipsum' ); ?></p>
  42  <!-- /wp:paragraph --></div>
  43  <!-- /wp:group -->
  44  
  45  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Link and Icon', 'Name of the link and icon group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"left":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
  46  <div class="wp-block-group"><!-- wp:paragraph {"metadata":{"name":"<?php echo esc_html_x( 'Link', 'Name of the link paragraph', 'ipsum' ); ?>"},"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small","fontFamily":"manrope"} -->
  47  <p class="has-manrope-font-family has-small-font-size" style="font-style:normal;font-weight:700"><a href="#"><?php esc_html_e( 'Reserve a seat', 'ipsum' ); ?></a></p>
  48  <!-- /wp:paragraph -->
  49  
  50  <!-- wp:icon {"icon":"core/chevron-right-small"} /--></div>
  51  <!-- /wp:group --></div>
  52  <!-- /wp:group --></div>
  53  <!-- /wp:group -->
  54  
  55  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Event Row 2', 'Name of the second event row group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20"},"padding":{"bottom":"var:preset|spacing|30"}},"border":{"top":{"width":"1px","style":"dotted"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
  56  <div class="wp-block-group" style="border-top-style:dotted;border-top-width:1px;padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:heading {"level":3} -->
  57  <h3 class="wp-block-heading"><?php esc_html_e( 'Pictures, printed small', 'ipsum' ); ?></h3>
  58  <!-- /wp:heading -->
  59  
  60  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Columns', 'Name of the event row columns group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"left":"0"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
  61  <div class="wp-block-group"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Column', 'Name of the event row column group', 'ipsum' ); ?>"},"style":{"layout":{"selfStretch":"fill","flexSize":null},"spacing":{"blockGap":{"top":"0"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
  62  <div class="wp-block-group"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Title and Date', 'Name of the title and date group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
  63  <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small","fontFamily":"manrope"} -->
  64  <p class="has-manrope-font-family has-small-font-size" style="font-style:normal;font-weight:700"><?php esc_html_e( 'Sat, Nov 28', 'ipsum' ); ?></p>
  65  <!-- /wp:paragraph --></div>
  66  <!-- /wp:group -->
  67  
  68  <!-- wp:paragraph {"fontSize":"small","fontFamily":"manrope"} -->
  69  <p class="has-manrope-font-family has-small-font-size"><?php esc_html_e( 'Lisbon, Portugal', 'ipsum' ); ?></p>
  70  <!-- /wp:paragraph --></div>
  71  <!-- /wp:group -->
  72  
  73  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Link and Icon', 'Name of the link and icon group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"left":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
  74  <div class="wp-block-group"><!-- wp:paragraph {"metadata":{"name":"<?php echo esc_html_x( 'Link', 'Name of the link paragraph', 'ipsum' ); ?>"},"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small","fontFamily":"manrope"} -->
  75  <p class="has-manrope-font-family has-small-font-size" style="font-style:normal;font-weight:700"><a href="#"><?php esc_html_e( 'Reserve a seat', 'ipsum' ); ?></a></p>
  76  <!-- /wp:paragraph -->
  77  
  78  <!-- wp:icon {"icon":"core/chevron-right-small"} /--></div>
  79  <!-- /wp:group --></div>
  80  <!-- /wp:group --></div>
  81  <!-- /wp:group -->
  82  
  83  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Event Row 3', 'Name of the third event row group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20"},"padding":{"bottom":"var:preset|spacing|30"}},"border":{"top":{"width":"1px","style":"dotted"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
  84  <div class="wp-block-group" style="border-top-style:dotted;border-top-width:1px;padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:heading {"level":3} -->
  85  <h3 class="wp-block-heading"><?php esc_html_e( 'Sounds, played loud', 'ipsum' ); ?></h3>
  86  <!-- /wp:heading -->
  87  
  88  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Columns', 'Name of the event row columns group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"left":"0"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
  89  <div class="wp-block-group"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Column', 'Name of the event row column group', 'ipsum' ); ?>"},"style":{"layout":{"selfStretch":"fill","flexSize":null},"spacing":{"blockGap":{"top":"0"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
  90  <div class="wp-block-group"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Title and Date', 'Name of the title and date group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
  91  <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small","fontFamily":"manrope"} -->
  92  <p class="has-manrope-font-family has-small-font-size" style="font-style:normal;font-weight:700"><?php esc_html_e( 'Fri, Dec 11', 'ipsum' ); ?></p>
  93  <!-- /wp:paragraph --></div>
  94  <!-- /wp:group -->
  95  
  96  <!-- wp:paragraph {"fontSize":"small","fontFamily":"manrope"} -->
  97  <p class="has-manrope-font-family has-small-font-size"><?php esc_html_e( 'São Paulo, Brazil', 'ipsum' ); ?></p>
  98  <!-- /wp:paragraph --></div>
  99  <!-- /wp:group -->
 100  
 101  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Link and Icon', 'Name of the link and icon group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"left":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
 102  <div class="wp-block-group"><!-- wp:paragraph {"metadata":{"name":"<?php echo esc_html_x( 'Link', 'Name of the link paragraph', 'ipsum' ); ?>"},"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small","fontFamily":"manrope"} -->
 103  <p class="has-manrope-font-family has-small-font-size" style="font-style:normal;font-weight:700"><a href="#"><?php esc_html_e( 'Reserve a seat', 'ipsum' ); ?></a></p>
 104  <!-- /wp:paragraph -->
 105  
 106  <!-- wp:icon {"icon":"core/chevron-right-small"} /--></div>
 107  <!-- /wp:group --></div>
 108  <!-- /wp:group --></div>
 109  <!-- /wp:group -->
 110  
 111  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Event Row 4', 'Name of the fourth event row group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20"},"padding":{"bottom":"var:preset|spacing|30"}},"border":{"top":{"width":"1px","style":"dotted"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
 112  <div class="wp-block-group" style="border-top-style:dotted;border-top-width:1px;padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:heading {"level":3,"fontSize":"large"} -->
 113  <h3 class="wp-block-heading has-large-font-size"><?php esc_html_e( 'Forever in draft: a conversation', 'ipsum' ); ?></h3>
 114  <!-- /wp:heading -->
 115  
 116  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Columns', 'Name of the event row columns group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"left":"0"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
 117  <div class="wp-block-group"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Column', 'Name of the event row column group', 'ipsum' ); ?>"},"style":{"layout":{"selfStretch":"fill","flexSize":null},"spacing":{"blockGap":{"top":"0"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
 118  <div class="wp-block-group"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Title and Date', 'Name of the title and date group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
 119  <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small","fontFamily":"manrope"} -->
 120  <p class="has-manrope-font-family has-small-font-size" style="font-style:normal;font-weight:700"><?php esc_html_e( 'Sat, Jan 9', 'ipsum' ); ?></p>
 121  <!-- /wp:paragraph --></div>
 122  <!-- /wp:group -->
 123  
 124  <!-- wp:paragraph {"fontSize":"small","fontFamily":"manrope"} -->
 125  <p class="has-manrope-font-family has-small-font-size"><?php esc_html_e( 'Online, from anywhere', 'ipsum' ); ?></p>
 126  <!-- /wp:paragraph --></div>
 127  <!-- /wp:group -->
 128  
 129  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Link and Icon', 'Name of the link and icon group', 'ipsum' ); ?>"},"style":{"spacing":{"blockGap":{"left":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
 130  <div class="wp-block-group"><!-- wp:paragraph {"metadata":{"name":"<?php echo esc_html_x( 'Link', 'Name of the link paragraph', 'ipsum' ); ?>"},"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small","fontFamily":"manrope"} -->
 131  <p class="has-manrope-font-family has-small-font-size" style="font-style:normal;font-weight:700"><a href="#"><?php esc_html_e( 'Reserve a seat', 'ipsum' ); ?></a></p>
 132  <!-- /wp:paragraph -->
 133  
 134  <!-- wp:icon {"icon":"core/chevron-right-small"} /--></div>
 135  <!-- /wp:group --></div>
 136  <!-- /wp:group --></div>
 137  <!-- /wp:group --></div>
 138  <!-- /wp:group --></div>
 139  <!-- /wp:group --></div>
 140  <!-- /wp:group -->