[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Text FAQs
   4   * Slug: ipsum/text-faqs
   5   * Categories: text
   6   * Viewport width: 1280
   7   * Description: Questions and answers in accordions — a flush stack with dotted rules, the first item open.
   8   *
   9   * @package Ipsum
  10   * @since Ipsum 1.0
  11   */
  12  
  13  ?>
  14  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Text FAQs', 'Name of the Text FAQs element', 'ipsum' ); ?>"},"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
  15  <div class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Text FAQs Wrapper', 'Name of the Text FAQs Wrapper element', 'ipsum' ); ?>"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
  16  <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:heading {"fontSize":"x-large"} -->
  17  <h2 class="wp-block-heading has-x-large-font-size"><?php esc_html_e( 'Frequently Asked Questions', 'ipsum' ); ?></h2>
  18  <!-- /wp:heading -->
  19  
  20  <!-- wp:accordion {"style":{"spacing":{"blockGap":"0"}}} -->
  21  <div role="group" class="wp-block-accordion"><!-- wp:accordion-item {"openByDefault":true} -->
  22  <div class="wp-block-accordion-item is-open"><!-- wp:accordion-heading {"fontSize":"medium"} -->
  23  <h3 class="wp-block-accordion-heading has-icon has-icon-right has-medium-font-size"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php esc_html_e( 'Who writes here?', 'ipsum' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
  24  <!-- /wp:accordion-heading -->
  25  
  26  <!-- wp:accordion-panel -->
  27  <div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph -->
  28  <p><?php esc_html_e( 'A teacher in Porto. The longer introduction lives on the About page, but the short version is: books, slow mornings, and the occasional recipe that actually works.', 'ipsum' ); ?></p>
  29  <!-- /wp:paragraph --></div>
  30  <!-- /wp:accordion-panel --></div>
  31  <!-- /wp:accordion-item -->
  32  
  33  <!-- wp:accordion-item -->
  34  <div class="wp-block-accordion-item"><!-- wp:accordion-heading {"fontSize":"medium"} -->
  35  <h3 class="wp-block-accordion-heading has-icon has-icon-right has-medium-font-size"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php esc_html_e( 'Where should I start?', 'ipsum' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
  36  <!-- /wp:accordion-heading -->
  37  
  38  <!-- wp:accordion-panel -->
  39  <div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph -->
  40  <p><?php esc_html_e( 'The essays. Or open the archive and pick a title you like—the dates matter less than they look.', 'ipsum' ); ?></p>
  41  <!-- /wp:paragraph --></div>
  42  <!-- /wp:accordion-panel --></div>
  43  <!-- /wp:accordion-item -->
  44  
  45  <!-- wp:accordion-item -->
  46  <div class="wp-block-accordion-item"><!-- wp:accordion-heading {"fontSize":"medium"} -->
  47  <h3 class="wp-block-accordion-heading has-icon has-icon-right has-medium-font-size"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php esc_html_e( 'When do new posts go up?', 'ipsum' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
  48  <!-- /wp:accordion-heading -->
  49  
  50  <!-- wp:accordion-panel -->
  51  <div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph -->
  52  <p><?php esc_html_e( 'When a post is ready. The subscription form knows before anyone else does.', 'ipsum' ); ?></p>
  53  <!-- /wp:paragraph --></div>
  54  <!-- /wp:accordion-panel --></div>
  55  <!-- /wp:accordion-item -->
  56  
  57  <!-- wp:accordion-item -->
  58  <div class="wp-block-accordion-item"><!-- wp:accordion-heading {"fontSize":"medium"} -->
  59  <h3 class="wp-block-accordion-heading has-icon has-icon-right has-medium-font-size"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php esc_html_e( 'Are these questions placeholders?', 'ipsum' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
  60  <!-- /wp:accordion-heading -->
  61  
  62  <!-- wp:accordion-panel -->
  63  <div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph -->
  64  <p><?php esc_html_e( 'Yes—that’s the point. Replace them with the three or four things readers actually ask you, and keep each answer shorter than you first want to.', 'ipsum' ); ?></p>
  65  <!-- /wp:paragraph --></div>
  66  <!-- /wp:accordion-panel --></div>
  67  <!-- /wp:accordion-item --></div>
  68  <!-- /wp:accordion --></div>
  69  <!-- /wp:group --></div>
  70  <!-- /wp:group -->