[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Page Bio
   4   * Slug: ipsum/page-bio
   5   * Categories: ipsum_page
   6   * Keywords: about, author, profile
   7   * Block Types: core/post-content
   8   * Post Types: page
   9   * Viewport width: 1280
  10   * Description: An inverted bio card. It has a portrait beside the name, a short introduction, and social links.
  11   *
  12   * @package Ipsum
  13   * @since Ipsum 1.0
  14   */
  15  
  16  ?>
  17  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Page Bio', 'Name of the bio page group', 'ipsum' ); ?>"},"layout":{"type":"constrained"}} -->
  18  <div class="wp-block-group"><!-- wp:cover {"overlayColor":"accent-3","isUserOverlayColor":true,"minHeight":50,"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30","top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"},"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"border":{"radius":"10px"}},"textColor":"base","layout":{"type":"constrained"}} -->
  19  <div class="wp-block-cover has-base-color has-text-color has-link-color" style="border-radius:10px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);min-height:50px"><span aria-hidden="true" class="wp-block-cover__background has-accent-3-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
  20  <div class="wp-block-columns are-vertically-aligned-center" style="margin-top:0;margin-bottom:0"><!-- wp:column {"verticalAlignment":"center"} -->
  21  <div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"aspectRatio":"3/4","scale":"cover","sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"radius":"5px"}}} -->
  22  <figure class="wp-block-image aligncenter size-full has-custom-border"><img src="<?php echo esc_url( get_parent_theme_file_uri( 'assets/images/ipsum-portrait-tall.webp' ) ); ?>" alt="<?php esc_attr_e( 'Portrait of the author.', 'ipsum' ); ?>" style="border-radius:5px;aspect-ratio:3/4;object-fit:cover"/></figure>
  23  <!-- /wp:image --></div>
  24  <!-- /wp:column -->
  25  
  26  <!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} -->
  27  <div class="wp-block-column is-vertically-aligned-center" style="padding-bottom:var(--wp--preset--spacing--30)"><!-- 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|20"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
  28  <div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"textAlign":"left"}},"fontSize":"x-large"} -->
  29  <h2 class="wp-block-heading has-text-align-left has-x-large-font-size"><?php esc_html_e( 'Lorem', 'ipsum' ); ?></h2>
  30  <!-- /wp:heading -->
  31  
  32  <!-- wp:paragraph {"fontSize":"small"} -->
  33  <p class="has-small-font-size"><?php esc_html_e( 'Teacher in Porto, keeping a quiet blog of essays, pictures, and sounds—notes on books, slow mornings, and the occasional recipe that actually works. Start with the essays, or just say hi.', 'ipsum' ); ?></p>
  34  <!-- /wp:paragraph --></div>
  35  <!-- /wp:group -->
  36  
  37  <!-- wp:social-links {"iconColor":"currentColor","iconColorValue":"currentColor","className":"is-style-logos-only"} -->
  38  <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"linkedin"} /-->
  39  
  40  <!-- wp:social-link {"url":"#","service":"whatsapp"} /-->
  41  
  42  <!-- wp:social-link {"url":"#","service":"mastodon"} /--></ul>
  43  <!-- /wp:social-links --></div>
  44  <!-- /wp:column --></div>
  45  <!-- /wp:columns --></div></div>
  46  <!-- /wp:cover --></div>
  47  <!-- /wp:group -->