[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Title: Page Bio
   4   * Slug: ipsum/page-bio
   5   * Categories: ipsum_page
   6   * Block Types: core/post-content
   7   * Post Types: page
   8   * Viewport width: 1280
   9   * Description: A bio card on the toast ground — portrait beside the name, a short introduction, and social links.
  10   *
  11   * @package Ipsum
  12   * @since Ipsum 1.0
  13   */
  14  
  15  ?>
  16  <!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Page Bio', 'Name of the bio page group', 'ipsum' ); ?>"},"layout":{"type":"constrained"}} -->
  17  <div class="wp-block-group"><!-- wp:cover {"overlayColor":"theme-6","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|theme-1"}}},"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}}},"textColor":"theme-1","layout":{"type":"constrained"}} -->
  18  <div class="wp-block-cover has-theme-1-color has-text-color has-link-color" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-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-theme-6-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"}}}} -->
  19  <div class="wp-block-columns are-vertically-aligned-center" style="margin-top:0;margin-bottom:0"><!-- wp:column {"verticalAlignment":"center"} -->
  20  <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":{"topLeft":"5px","topRight":"5px","bottomLeft":"5px","bottomRight":"5px"}}}} -->
  21  <figure class="wp-block-image aligncenter size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/ipsum-portrait-tall.webp?ver=<?php echo esc_attr( wp_get_theme( get_template() )->get( 'Version' ) ); ?>" alt="<?php esc_attr_e( 'Portrait of the author.', 'ipsum' ); ?>" style="border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;aspect-ratio:3/4;object-fit:cover"/></figure>
  22  <!-- /wp:image --></div>
  23  <!-- /wp:column -->
  24  
  25  <!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} -->
  26  <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"}} -->
  27  <div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"textAlign":"left"}},"fontSize":"x-large"} -->
  28  <h2 class="wp-block-heading has-text-align-left has-x-large-font-size"><?php esc_html_e( 'Lorem', 'ipsum' ); ?></h2>
  29  <!-- /wp:heading -->
  30  
  31  <!-- wp:paragraph {"fontSize":"small"} -->
  32  <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>
  33  <!-- /wp:paragraph --></div>
  34  <!-- /wp:group -->
  35  
  36  <!-- wp:social-links {"iconColor":"currentColor","iconColorValue":"currentColor","className":"is-style-logos-only"} -->
  37  <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"linkedin"} /-->
  38  
  39  <!-- wp:social-link {"url":"#","service":"whatsapp"} /-->
  40  
  41  <!-- wp:social-link {"url":"#","service":"mastodon"} /--></ul>
  42  <!-- /wp:social-links --></div>
  43  <!-- /wp:column --></div>
  44  <!-- /wp:columns --></div></div>
  45  <!-- /wp:cover --></div>
  46  <!-- /wp:group -->