[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Events list
   4   * Slug: twentytwentyfive/cta-events-list
   5   * Categories: call-to-action
   6   * Description: A list of events with call to action.
   7   *
   8   * @package WordPress
   9   * @subpackage Twenty_Twenty_Five
  10   * @since Twenty Twenty-Five 1.0
  11   */
  12  
  13  ?>
  14  <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
  15  <div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
  16      <!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
  17      <div class="wp-block-group alignwide">
  18          <!-- wp:heading -->
  19          <h2 class="wp-block-heading"><?php esc_html_e( 'Upcoming events', 'twentytwentyfive' ); ?></h2>
  20          <!-- /wp:heading -->
  21  
  22          <!-- wp:paragraph -->
  23          <p><?php esc_html_e( 'These are some of the upcoming events', 'twentytwentyfive' ); ?></p>
  24          <!-- /wp:paragraph -->
  25  
  26          <!-- wp:group {"style":{"spacing":{"blockGap":"0","margin":{"top":"var:preset|spacing|70"}}},"layout":{"type":"default"}} -->
  27          <div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--70)">
  28              <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
  29              <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)">
  30                  <!-- wp:group {"layout":{"type":"constrained"}} -->
  31                  <div class="wp-block-group">
  32                      <!-- wp:heading {"level":3} -->
  33                      <h3 class="wp-block-heading"><?php esc_html_e( 'Tell your story', 'twentytwentyfive' ); ?></h3>
  34                      <!-- /wp:heading -->
  35  
  36                      <!-- wp:paragraph -->
  37                      <p><?php esc_html_e( 'Atlanta, GA, USA', 'twentytwentyfive' ); ?></p>
  38                      <!-- /wp:paragraph -->
  39                  </div>
  40                  <!-- /wp:group -->
  41  
  42                  <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
  43                  <div class="wp-block-group">
  44                      <!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} -->
  45                      <p style="text-transform:uppercase"><?php echo esc_html_x( 'Mon, Jan 1', 'Example event date in pattern.', 'twentytwentyfive' ); ?></p>
  46                      <!-- /wp:paragraph -->
  47  
  48                      <!-- wp:buttons -->
  49                      <div class="wp-block-buttons">
  50                          <!-- wp:button {"fontSize":"small"} -->
  51                          <div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link wp-element-button"><?php esc_html_e( 'Buy Tickets', 'twentytwentyfive' ); ?></a></div>
  52                          <!-- /wp:button -->
  53                      </div>
  54                      <!-- /wp:buttons -->
  55                  </div>
  56                  <!-- /wp:group -->
  57              </div>
  58              <!-- /wp:group -->
  59  
  60              <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}},"border":{"top":{"color":"var:preset|color|accent-6","width":"1px"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
  61              <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--accent-6);border-top-width:1px;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:group {"layout":{"type":"constrained"}} -->
  62                  <div class="wp-block-group">
  63                      <!-- wp:heading {"level":3} -->
  64                      <h3 class="wp-block-heading">
  65                          <?php
  66                          echo wp_kses_post(
  67                              /* translators: This string contains the word "Stories" in four different languages with the first item in the locale's language. */
  68                              _x( '“Stories, <span lang="es">historias</span>, <span lang="uk">iсторії</span>, <span lang="el">iστορίες</span>”', 'Placeholder heading in four languages.', 'twentytwentyfive' )
  69                          );
  70                          ?>
  71                      </h3>
  72                      <!-- /wp:heading -->
  73  
  74                      <!-- wp:paragraph -->
  75                      <p><?php esc_html_e( 'Mexico City, Mexico', 'twentytwentyfive' ); ?></p>
  76                      <!-- /wp:paragraph -->
  77                  </div>
  78                  <!-- /wp:group -->
  79  
  80                  <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
  81                  <div class="wp-block-group">
  82                      <!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} -->
  83                      <p style="text-transform:uppercase"><?php echo esc_html_x( 'Mon, Jan 1', 'Example event date in pattern.', 'twentytwentyfive' ); ?></p>
  84                      <!-- /wp:paragraph -->
  85  
  86                      <!-- wp:buttons -->
  87                      <div class="wp-block-buttons">
  88                          <!-- wp:button {"fontSize":"small"} -->
  89                          <div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link wp-element-button"><?php esc_html_e( 'Buy Tickets', 'twentytwentyfive' ); ?></a></div>
  90                          <!-- /wp:button -->
  91                      </div>
  92                      <!-- /wp:buttons -->
  93                  </div>
  94                  <!-- /wp:group -->
  95              </div>
  96              <!-- /wp:group -->
  97  
  98              <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}},"border":{"top":{"color":"var:preset|color|accent-6","width":"1px"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
  99              <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--accent-6);border-top-width:1px;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:group {"layout":{"type":"constrained"}} -->
 100                  <div class="wp-block-group">
 101                      <!-- wp:heading {"level":3} -->
 102                      <h3 class="wp-block-heading"><?php esc_html_e( 'Tell your story', 'twentytwentyfive' ); ?></h3>
 103                      <!-- /wp:heading -->
 104  
 105                      <!-- wp:paragraph -->
 106                      <p><?php esc_html_e( 'Thornville, OH, USA', 'twentytwentyfive' ); ?></p>
 107                      <!-- /wp:paragraph -->
 108                  </div>
 109                  <!-- /wp:group -->
 110  
 111                  <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
 112                  <div class="wp-block-group">
 113                      <!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} -->
 114                      <p style="text-transform:uppercase"><?php echo esc_html_x( 'Mon, Jan 1', 'Example event date in pattern.', 'twentytwentyfive' ); ?></p>
 115                      <!-- /wp:paragraph -->
 116  
 117                      <!-- wp:buttons -->
 118                      <div class="wp-block-buttons">
 119                          <!-- wp:button {"fontSize":"small"} -->
 120                          <div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link wp-element-button"><?php esc_html_e( 'Buy Tickets', 'twentytwentyfive' ); ?></a></div>
 121                          <!-- /wp:button -->
 122                      </div>
 123                      <!-- /wp:buttons -->
 124                  </div>
 125                  <!-- /wp:group -->
 126              </div>
 127              <!-- /wp:group -->
 128  
 129              <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}},"border":{"top":{"color":"var:preset|color|accent-6","width":"1px"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
 130              <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--accent-6);border-top-width:1px;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:group {"layout":{"type":"constrained"}} -->
 131                  <div class="wp-block-group">
 132                      <!-- wp:heading {"level":3} -->
 133                      <h3 class="wp-block-heading">
 134                          <?php
 135                          echo wp_kses_post(
 136                              /* translators: This string contains the word "Stories" in four different languages with the first item in the locale's language. */
 137                              _x( '“Stories, <span lang="es">historias</span>, <span lang="uk">iсторії</span>, <span lang="el">iστορίες</span>”', 'Placeholder heading in four languages.', 'twentytwentyfive' )
 138                          );
 139                          ?>
 140                      </h3>
 141                      <!-- /wp:heading -->
 142  
 143                      <!-- wp:paragraph -->
 144                      <p><?php esc_html_e( 'Thornville, OH, USA', 'twentytwentyfive' ); ?></p>
 145                      <!-- /wp:paragraph -->
 146                  </div>
 147                  <!-- /wp:group -->
 148  
 149                  <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
 150                  <div class="wp-block-group">
 151                      <!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}}} -->
 152                      <p style="text-transform:uppercase"><?php echo esc_html_x( 'Mon, Jan 1', 'Example event date in pattern.', 'twentytwentyfive' ); ?></p>
 153                      <!-- /wp:paragraph -->
 154  
 155                      <!-- wp:buttons -->
 156                      <div class="wp-block-buttons">
 157                          <!-- wp:button {"fontSize":"small"} -->
 158                          <div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link wp-element-button"><?php esc_html_e( 'Buy Tickets', 'twentytwentyfive' ); ?></a></div>
 159                          <!-- /wp:button -->
 160                      </div>
 161                      <!-- /wp:buttons -->
 162                  </div>
 163                  <!-- /wp:group -->
 164              </div>
 165              <!-- /wp:group -->
 166          </div>
 167          <!-- /wp:group -->
 168      </div>
 169      <!-- /wp:group -->
 170  </div>
 171  <!-- /wp:group -->